.keyboard-hint-container{display:flex;justify-content:space-around;flex:1;align-items:center;width:100%}.tick-container{position:relative}.tick-container.ticked .player-container{opacity:.5}.tick-container.ticked .tick-icon-image{display:block}.player-container{display:flex;flex-direction:column;gap:1em;align-items:center}.tick-icon-image{width:4em;height:4em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;z-index:1}.arrow-keys-image{width:8em}.snake-head-icon{width:4em;height:4em}.top-bar{display:grid;grid-template-columns:6fr 3fr 6fr;align-items:center;width:100%;position:absolute;top:-2.15em}.top-bar *:last-child{justify-self:right}.top-bar *:not(:last-child){justify-self:center}.top-bar *:first-child{justify-self:start}#final-score-container,#winner-container{flex:1;display:flex;flex-direction:column;gap:2em}.score{font-size:1.5em;display:flex;align-items:center;justify-content:center}.start-game-buttons{display:flex;flex:3;flex-direction:column;gap:2em}#pvp-score{flex:1;display:flex;gap:32px;flex-direction:column}#pve-score{flex:1}.scoreboard-table{width:20em;border-spacing:1em}#scoreboard-overlay h1{flex:0}.score-container{flex:1}.container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}#game-canvas{background-color:var(--main-green);width:100%;height:100%}.page-wrapper{width:100%;height:100%;max-width:600px;max-height:600px;container-type:inline-size;display:flex;align-items:center;justify-content:center}.game-wrapper{position:relative;width:100%;height:100%;font-size:3cqmin}.canvas-overlay{position:absolute;width:100%;height:100%}.canvas-overlay-content{padding:1em;display:flex;flex-direction:column;align-items:center;gap:2em;height:calc(100% - 2em);text-align:center}.canvas-overlay-content:has(.active){background-color:#0006}.overlay-switcher{display:none}.overlay-switcher.active{display:contents}.text-button,.icon-button{all:unset;color:var(--text-color);font:inherit;background-color:unset;border:none;padding:.2em;cursor:pointer;text-shadow:inherit;text-transform:uppercase}.icon-image,.apple-count-image{width:1.5em;height:1.5em}input[type=range]{width:10em;height:1em;font-size:1em;filter:drop-shadow(.1em .1em 0 black);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--secondary-green);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5em;height:1.5em;background:var(--main-green);cursor:pointer;border-radius:0;border:none}input[type=range]::-moz-range-thumb{width:1.5em;height:1.5em;background:var(--main-green);cursor:pointer;border-radius:0;border:none}.checkbox-label{display:flex;gap:.5em}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--form-background);margin:0;width:1.3em;height:1.3em;border:.15em solid var(--text-color);display:grid;place-content:center;filter:drop-shadow(.15em .15em 0 black);font:inherit}input[type=checkbox]:before{content:"";width:.7em;height:.7em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);box-shadow:inset 1em 1em var(--text-color);background-color:CanvasText}input[type=checkbox]:checked:before{transform:scale(1)}select{font:inherit;border:none;outline:none;background:var(--secondary-green);padding:.4em;font-size:.7em;filter:drop-shadow(.2em .2em 0 black)}:root{font-family:"Press Start 2P",cursive;font-size:16px;color:#fff;line-height:1.5;font-weight:400;text-shadow:.1em .15em 0 black;color-scheme:light dark;background-color:#283609;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-green: #81b622;--secondary-green: #283609;--text-color: white}*{padding:0;margin:0}body{color:var(--text-color)}h1{font-size:2.5em;text-shadow:.1em .1em 0px black;flex:1;text-transform:uppercase}h2{font-size:1em}img{filter:drop-shadow(.1em .1em 0 black)}