:root{font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:#f5f9ff;background:#14252d}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{display:grid;place-items:center;background:radial-gradient(circle at 16% 12%,#347d7b 0,transparent 32%),radial-gradient(circle at 84% 86%,#a26943 0,transparent 39%),#14252d!important}.page{width:min(860px,calc(100% - 28px));padding:28px 0;text-align:center}.eyebrow{margin:0 0 8px;color:#a7f2c6;font:bold 12px ui-monospace,monospace;letter-spacing:.2em}h1{margin:0;font-size:clamp(48px,8vw,78px);letter-spacing:-.07em;line-height:1}.dot{color:#f2bf69}.lede{margin:14px auto 22px;max-width:630px;color:#d6e8e5;font-size:clamp(15px,2.3vw,18px)}.game-frame{display:grid;place-items:center;min-height:330px;padding:18px;border:1px solid #a5e9d955;border-radius:24px;background:#091e20df;box-shadow:0 24px 70px #0009,inset 0 1px #fff2;overflow:hidden}canvas{display:block!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;width:min(100%,560px)!important;height:auto!important;aspect-ratio:1/1;image-rendering:pixelated;border-radius:12px;box-shadow:0 0 0 1px #fff3,0 16px 35px #0008;touch-action:none}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:18px auto 0;color:#e0f4ef}.controls span{padding:9px 13px;border:1px solid #ffffff25;border-radius:99px;background:#ffffff0b}kbd{padding:2px 6px;border-radius:5px;background:#bcebd8;color:#173e39;font:bold 12px ui-monospace,monospace}.hint{max-width:700px;margin:17px auto 0;color:#c0d8d1;font-size:14px;line-height:1.5}.credit{margin:17px 0 0;color:#9fbab3;font-size:12px}.credit a{color:#c7e9d7}@media(max-width:620px){.page{padding:16px 0}.game-frame{min-height:260px;padding:8px;border-radius:16px}}