@keyframes scrollDown{0%,30%,60%,to{transform:translateY(0)rotate(135deg)}15%{transform:translateY(6px)rotate(135deg)}45%{transform:translateY(6px)rotate(135deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--container-spacing:2.5rem;--gap-56:3.5rem;--br-sm:4px;--nav-height:6.25rem;--box-size:calc((100vw - var(--container-spacing) * 2) / 8);--font-display:"Editorial New", serif;--font-body:"Neue Montreal", sans-serif;--font-mono:"Supply Mono", monospace;--font-s-h1:var(--box-size);--font-s-h2:2.25rem;--font-s-body:1rem;--font-s-mono:.875rem;--ease-out:cubic-bezier(.2, 1, .36, 1);--color-primary-t1:#030303;--color-primary-2-t1:#232323;--color-white-t1:#fff;--color-border-light-t1:#0000000a;--color-border-t1:#00000012;--color-box-t1:#fdfdfd;--color-primary-t2:#2b5164;--color-primary-2-t2:#346279;--color-white-t2:#efeeeb;--color-border-light-t2:#efeeeb;--color-border-t2:#2b51641a;--color-box-t2:#f6f5f4;--color-primary-t3:#90211d;--color-primary-2-t3:#90211d;--color-white-t3:#f2ebde;--color-border-light-t3:#f2ebde;--color-border-t3:#90211d1a;--color-box-t3:#f9f6f0;--color-primary:var(--color-primary-t1);--color-primary-2:var(--color-primary-2-t1);--color-white:var(--color-white-t1);--color-border-light:var(--color-border-light-t1);--color-border:var(--color-border-t1);--color-box:var(--color-box-t1);--color-secondary:var(--color-white-t1)}:root[data-theme=theme-2],html[data-theme=theme-2],body[data-theme=theme-2]{--color-primary:var(--color-primary-t2);--color-primary-2:var(--color-primary-2-t2);--color-white:var(--color-white-t2);--color-border-light:var(--color-border-light-t2);--color-border:var(--color-border-t2);--color-box:var(--color-box-t2);--color-secondary:var(--color-white-t2)}:root[data-theme=theme-3],html[data-theme=theme-3],body[data-theme=theme-3]{--color-primary:var(--color-primary-t3);--color-primary-2:var(--color-primary-2-t3);--color-white:var(--color-white-t3);--color-border-light:var(--color-border-light-t3);--color-border:var(--color-border-t3);--color-box:var(--color-box-t3);--color-secondary:var(--color-white-t3)}@media (width>=2400px){:root{--box-size:calc((100vw - var(--container-spacing) * 2) / 10)}}@media (width<=1080px){:root{--container-spacing:1.5rem;--box-size:calc((100vw - var(--container-spacing) * 2) / 6);--font-s-h1:calc(var(--box-size) * 2/3);--font-s-h2:2rem}}@media (width<=768px){:root{--nav-height:4.5rem;--box-size:calc((100vw - var(--container-spacing) * 2) / 4);--font-s-h1:calc(var(--box-size) * .7);--font-s-mono:.75rem}}@media (width<=480px){:root{--container-spacing:1rem;--box-size:calc((100vw - var(--container-spacing) * 2) / 3);--font-s-h1:calc(var(--box-size) * 2/3);--font-s-mono:.6875rem}}.snake-game-container{box-sizing:border-box;color:#2b5164;width:100%;max-width:1440px;height:100%;font-family:var(--font-mono);font-weight:400;font-size:var(--font-s-mono);text-transform:uppercase;letter-spacing:-.02em;flex-direction:column;align-items:center;margin:0 auto;line-height:1;display:flex}.snake-game-container .board-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.snake-game-container .board-wrapper{box-sizing:content-box;background-color:#fff;border:2px solid #2b516480;position:relative;overflow:hidden}.snake-game-container .board-wrapper .snake-canvas{width:100%;height:100%;display:block}.snake-game-container .board-wrapper .overlay-center{backdrop-filter:blur(8px);z-index:10;background-color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:absolute;inset:0}.snake-game-container .board-wrapper .overlay-center .logo-snake{width:18.75rem;height:auto;display:block}@media (width<=1080px){.snake-game-container .board-wrapper .overlay-center .logo-snake{width:15rem}}.snake-game-container .board-wrapper .game-over-card{flex-direction:column;align-items:center;width:100%;display:flex}.snake-game-container .board-wrapper .game-over-card .game-over-title{font-size:1.5rem}.snake-game-container .board-wrapper .game-over-card .score-subtext{opacity:.8;margin-top:1.25rem}.snake-game-container .board-wrapper .game-over-card .large-score{margin-top:.5rem;font-size:5rem}.snake-game-container .board-wrapper .action-btn{font-family:var(--font-mono);font-weight:400;font-size:var(--font-s-mono);text-transform:uppercase;letter-spacing:-.02em;color:#2b5164;cursor:pointer;width:100%;max-width:20rem;height:5rem;transition:all .2s var(--ease-out);background-color:#fff;border:1px solid #2b5164;outline:none;justify-content:center;align-items:center;margin-top:2.5rem;line-height:1;display:flex}.snake-game-container .board-wrapper .action-btn:hover{background-color:#fafafa}@media (width<=1080px){.snake-game-container .board-wrapper .action-btn{max-width:17.5rem;margin-top:1.5rem}}.snake-game-container .bottom-bar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:1.25rem;transition:opacity .2s,visibility .2s;display:flex;position:relative}.snake-game-container .bottom-bar.is-hidden{visibility:hidden;opacity:0;pointer-events:none}@media (width<=480px){.snake-game-container .bottom-bar{padding:.75rem .75rem 3.75rem}}.snake-game-container .score-container{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:4.375rem;display:flex}.snake-game-container .score-container .score-subtext{opacity:.5}.snake-game-container .score-container .score-value{font-size:2rem}.snake-game-container .dpad-container{flex-direction:column;align-items:center;display:flex}.snake-game-container .dpad-container .dpad-row-top{justify-content:center;display:flex}.snake-game-container .dpad-container .dpad-row-bottom{display:flex}.snake-game-container .dpad-container .dpad-btn{cursor:pointer;background-color:#fff;border:1px solid #2b516412;outline:none;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;font-family:sans-serif;transition:background-color .15s,border-color .15s;display:flex}.snake-game-container .dpad-container .dpad-btn svg{width:1.5rem;height:1.5rem;display:block}.snake-game-container .dpad-container .dpad-btn svg g{fill:#2b5164}.snake-game-container .dpad-container .dpad-btn[aria-label=Down] svg{transform:rotate(180deg)}.snake-game-container .dpad-container .dpad-btn[aria-label=Left]{transform:translateY(-50%)}.snake-game-container .dpad-container .dpad-btn[aria-label=Left] svg{transform:rotate(-90deg)}.snake-game-container .dpad-container .dpad-btn[aria-label=Right]{transform:translateY(-50%)}.snake-game-container .dpad-container .dpad-btn[aria-label=Right] svg{transform:rotate(90deg)}.snake-game-container .dpad-container .dpad-btn.active,.snake-game-container .dpad-container .dpad-btn:active{background-color:#2b5164;border-color:#2b5164}.snake-game-container .dpad-container .dpad-btn.active svg g,.snake-game-container .dpad-container .dpad-btn:active svg g{fill:#fff}.snake-game-container .restart-container{justify-content:flex-end;align-items:flex-end;min-width:4.375rem;display:flex}.snake-game-container .restart-container .restart-link{color:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;outline:none;text-decoration:underline}