:root{--bg:#0b0d1a;--panel:#141830;--panel-border:#2a3060;--ink:#eceef8;--muted:#8c93b8;--water:#0044e0;--land:#008c04;--yellow:#f4e04d;--orange:#e8902a;--orange-deep:#9a5410;--pink:#d2548c;--danger:#ff6b5a;--font:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5}.screen{flex-direction:column;align-items:center;gap:1.25rem;min-height:100svh;padding:1.5rem 1rem;display:flex}.muted{color:var(--muted);margin:0}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.85rem}.error{color:var(--danger);margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.title{grid-template-columns:minmax(0,1fr);align-content:start;place-items:start stretch;width:min(100%,60rem);margin:0 auto;display:grid}@media (width>=52rem){.title{grid-template-columns:repeat(2,minmax(0,1fr))}.title__header,.footer{grid-column:1/-1}}.title__header{text-align:center;padding-top:1rem}.logo{letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);text-shadow:3px 3px 0 var(--orange), 6px 6px 0 var(--orange-deep);margin:0 0 .5rem;font-size:clamp(2.5rem,10vw,5rem);font-weight:900}.logo--small{font-size:clamp(2rem,8vw,3.5rem)}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:.5rem;padding:1.25rem}.panel__title{letter-spacing:.15em;text-transform:uppercase;color:var(--yellow);margin:1.25rem 0 .75rem;font-size:.9rem}.panel>.button--primary+.hint+.panel__title{margin-top:1.75rem}.panel>.panel__title:first-child{margin-top:0}.footer{text-align:center;padding-bottom:1rem;font-size:.8rem}.credits{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.credits a{color:var(--muted);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.credits a:hover,.credits a:focus-visible{color:var(--ink);text-decoration:underline}.credits img{opacity:.75;border-radius:.2rem}.credits a:hover img,.credits a:focus-visible img{opacity:1}.controls{gap:.4rem;margin:0;display:grid}.controls__row{grid-template-columns:7rem 1fr;align-items:center;gap:.75rem;display:grid}.controls dt{gap:.25rem;display:flex}.controls dd{color:var(--muted);margin:0}kbd{border:1px solid var(--panel-border);min-width:1.8rem;font:inherit;text-align:center;background:#1d2245;border-bottom-width:3px;border-radius:.3rem;padding:.1rem .45rem;font-size:.85rem;display:inline-block}.button{appearance:none;border:2px solid var(--panel-border);color:var(--ink);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#1d2245;border-radius:.4rem;padding:.7rem 1.4rem;font-weight:700}.button:hover:not(:disabled){border-color:var(--yellow)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{border-color:var(--orange-deep);background:var(--yellow);color:#1a1400;box-shadow:0 4px 0 var(--orange-deep)}.button--primary:hover:not(:disabled){border-color:var(--orange-deep);background:#fff07a}.button--primary:active:not(:disabled){box-shadow:0 1px 0 var(--orange-deep);transform:translateY(3px)}.button--small{padding:.35rem .8rem;font-size:.8rem}.link-button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--yellow)}.consent{z-index:10;border-top:2px solid var(--panel-border);background:var(--panel);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex;position:fixed;inset:auto 0 0}.consent__text{margin:0}.consent__actions{gap:.5rem;display:flex}.leaderboard{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.leaderboard th,.leaderboard td{text-align:left;padding:.35rem .5rem}.leaderboard th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.leaderboard th:last-child,.leaderboard td:last-child{text-align:right}.leaderboard tbody tr:nth-child(odd){background:#ffffff0a}.leaderboard tbody tr:first-child td{color:var(--yellow);font-weight:700}.leaderboard .leaderboard__you{color:#fff;background:#d2548c59}.game{gap:.75rem;padding-block:.75rem}.game__frame{aspect-ratio:320/192;border:3px solid var(--panel-border);background:#000;border-radius:.4rem;width:min(100%,166.667svh - 10rem);position:relative;overflow:hidden}.game__canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.game__overlay{background:#050819bf;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.game__overlay-title{letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin:0 0 .5rem;font-size:clamp(1.5rem,6vw,2.75rem);font-weight:900}.game__bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;font-size:.85rem;display:flex}.gameover{text-align:center;justify-content:center;width:min(100%,32rem);margin:0 auto}.final-score{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0;font-size:1.25rem}.final-score strong{color:var(--yellow);margin-left:.5rem;font-size:2rem}.save{flex-direction:column;align-items:center;gap:.9rem;width:100%;display:flex}.save label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.initials{border:3px solid var(--panel-border);width:9rem;color:var(--yellow);font:inherit;letter-spacing:.3em;text-align:center;text-indent:.3em;text-transform:uppercase;background:#0b0d1a;border-radius:.4rem;padding:.4rem .5rem;font-size:2.5rem;font-weight:900}.initials::placeholder{color:#2f3560}.rank{color:var(--pink);margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.gameover .panel{width:100%}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}