@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p.woff2) format("woff2");font-display:swap}:root{--night: #0b0a1f;--night2: #16153a;--panel: rgba(11, 10, 31, .92);--sand: #f2d08c;--sand2: #d4a35f;--sand3: #a87443;--ink: #0d0b14;--cyan: #10e3ff;--magenta: #cf05df;--red: #ff6a72;--text: #f6f5ef;--muted: #b8c4d8;--pixel: "Press Start 2P", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--text);font:8px/1.8 var(--pixel);-webkit-text-size-adjust:100%;touch-action:manipulation}body.playing{touch-action:none;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}a{color:var(--cyan)}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}body.portrait #app{justify-content:flex-start;padding-top:max(8px,env(safe-area-inset-top))}#stage{position:relative;line-height:0}canvas{display:block;background:var(--night)}.loading{position:absolute;inset:0;margin:0;display:grid;place-items:center;line-height:1;color:var(--sand)}footer{height:20px;line-height:20px;color:var(--muted);text-align:center}#hud-buttons{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;gap:6px}.icon-btn{width:var(--btn, 36px);height:var(--btn, 36px);padding:0;display:grid;place-items:center;background:#0b0a1f99;border:2px solid var(--sand3);cursor:pointer}.icon-btn:focus-visible,.btn:focus-visible,.link:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.icon{width:12px;height:12px;background:url(/assets/icons.png) no-repeat;background-size:48px 12px;transform:scale(var(--icon-s, 2));image-rendering:pixelated}.icon-sound{background-position:0 0}.icon-muted{background-position:-12px 0}.icon-pause{background-position:-24px 0}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:#0b0a1f73;overflow-y:auto}body.portrait .overlay{align-items:flex-start;padding-top:calc(var(--stage-h, 180px) + 36px)}.overlay-light{background:#0b0a1f4d}.panel{width:100%;max-width:600px;max-height:100%;overflow-y:auto;margin:auto;padding:16px;background:var(--panel);border:4px solid var(--sand3);box-shadow:0 0 0 4px var(--ink),inset 0 0 0 2px var(--ink);text-align:center}#panel-over .panel,#panel-pause .panel{max-width:360px}h1,h2{margin:0 0 12px;font-weight:400;color:var(--sand);line-height:1.4}h1{font-size:16px}h2{font-size:8px;color:var(--cyan)}.logo{margin:0 0 12px}.logo img{width:240px;max-width:100%;height:auto;image-rendering:pixelated}.cols{display:grid;gap:16px;text-align:left}@media(min-width:560px){.cols{grid-template-columns:1.2fr 1fr}}.field{display:block;margin-bottom:10px}.field span{display:block;margin-bottom:4px;color:var(--sand)}small{font-size:8px;color:var(--muted)}input[type=email],input:not([type]){width:100%;padding:8px;font:16px/1.2 var(--pixel);color:var(--text);background:var(--night2);border:2px solid var(--sand3);border-radius:0}input[aria-invalid=true]{border-color:var(--red)}.check{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;color:var(--muted);cursor:pointer}.check input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--cyan)}.btn{display:block;width:100%;margin:12px 0 8px;padding:12px;font:16px/1 var(--pixel);color:var(--ink);background:var(--sand);border:0;box-shadow:inset -4px -4px 0 var(--sand3),0 0 0 3px var(--ink);cursor:pointer}.btn:hover{background:#fff0c0}.btn:active{box-shadow:inset 4px 4px 0 var(--sand3),0 0 0 3px var(--ink)}.btn:disabled{opacity:.6;cursor:wait}.link{padding:4px;font:8px var(--pixel);color:var(--cyan);background:none;border:0;text-decoration:underline;cursor:pointer}.error{min-height:1.8em;margin:4px 0 0;color:var(--red)}#returning p{margin:0 0 4px;font-size:8px;color:var(--muted)}#returning strong{font-size:16px;font-weight:400;color:var(--sand)}#turnstile:empty{display:none}#turnstile{margin-top:8px}.board h2{text-align:left}.leaderboard{margin:0 0 12px;padding:0;list-style:none;counter-reset:rank;text-align:left}.leaderboard li{display:flex;gap:8px;padding:4px 6px;counter-increment:rank}.leaderboard li:before{content:counter(rank) ".";color:var(--sand3);width:2em}.leaderboard li:nth-child(odd){background:#ffffff0a}.leaderboard .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard .score{color:var(--sand)}.leaderboard li.me{background:var(--magenta);color:var(--text)}.leaderboard li.me .score,.leaderboard li.me:before{color:var(--text)}.leaderboard li.empty{color:var(--muted)}.leaderboard li.empty:before{content:"";width:0}.hint{color:var(--muted)}.kbd{display:inline-block;padding:0 4px;border:1px solid var(--sand3);color:var(--sand)}.portrait-only{display:none}body.portrait.touch .portrait-only{display:block}.scores{display:flex;justify-content:center;gap:24px;margin:0 0 8px}.scores b{display:block;font-size:16px;font-weight:400;color:var(--sand)}.msg{min-height:1.8em;color:var(--cyan)}.sound{margin-top:8px;text-align:left;color:var(--muted)}summary{cursor:pointer}.sound-controls{display:grid;gap:8px;margin-top:8px;text-align:left}.sound-controls label{display:grid;grid-template-columns:7em 1fr;align-items:center;gap:8px}.sound-controls input[type=range]{width:100%;accent-color:var(--cyan)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}