:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#1a1a1a;--paper:#fffdf8;--night:#16181d;--gold:#f2c14e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--paper);background:var(--night);font-family:Avenir Next,Segoe UI,sans-serif;font-size:20px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer}.landing{background:radial-gradient(circle at 50% 35%, #2b2f38 0%, var(--night) 70%);place-items:center;min-height:100%;padding:40px;display:grid}.landing-inner{text-align:center;justify-items:center;gap:24px;display:grid}.landing h1{letter-spacing:.04em;color:var(--gold);margin:0;font-size:clamp(4rem,14vw,10rem);font-weight:900;line-height:1}.landing-line{margin:0;font-size:1.8rem;font-weight:700}.landing-unity{min-width:260px;color:var(--ink);background:var(--gold);border:3px solid var(--paper);border-radius:16px;padding:18px 40px;font-size:2rem;font-weight:800;text-decoration:none}.landing-play{color:var(--paper);border:3px solid var(--paper);background:0 0;border-radius:16px;padding:12px 28px;font-size:1.3rem;font-weight:800}.landing-play:hover:not(:disabled){color:var(--ink);background:var(--paper)}.landing-play:disabled{cursor:wait;opacity:.7}.landing-keys{opacity:.85;max-width:640px;margin:12px 0 0;font-size:1.1rem}.play{background:#d5dde3;height:100%;position:relative}.play canvas{width:100%;height:100%;display:block}.game-menu{z-index:2;min-height:48px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:8px 18px;font-weight:700;position:absolute;top:16px;left:16px}.game-hint{z-index:2;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:12px;margin:0;padding:12px 22px;font-size:1.6rem;font-weight:700;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}