:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d10;--panel:#11161b;--edge:#232c34;--text:#c8d2da;--dim:#6b7885;--accent:#4fa8ff;--danger:#ff7a6b}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}button{font:inherit;color:inherit;background:var(--edge);cursor:pointer;border:1px solid #2e3841;border-radius:6px;padding:.55rem 1rem}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:#17324d;border-color:#2c5a86;width:100%;padding:.8rem 1rem;font-size:1.05rem}button.primary:hover{border-color:var(--accent);background:#1a3a5a}button.ghost{background:0 0}input{font:inherit;color:inherit;border:1px solid var(--edge);background:#0d1116;border-radius:6px;width:100%;padding:.55rem .7rem}input:focus{border-color:var(--accent);outline:none}input::placeholder{color:#47535e}.menu{background:radial-gradient(ellipse 70% 45% at 50% -5%, #14202c 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 50% 110%, #0d1a24 0%, transparent 55%), var(--bg);place-items:center;height:100%;padding:1rem;display:grid}.menu-card{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex-direction:column;gap:.9rem;width:min(26rem,100%);padding:1.6rem;display:flex}.hero{text-align:center;margin-bottom:.3rem}.hero h1{letter-spacing:.45em;text-indent:.45em;font-size:2.4rem}.tagline{color:var(--dim);margin-top:.3rem}.field>span{color:var(--dim);margin-bottom:.3rem;display:block}.row{gap:.5rem;display:flex}.row input{flex:1}.dice{padding:.55rem .7rem}.divider{color:var(--dim);align-items:center;gap:.7rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--edge);flex:1}.error{color:var(--danger);min-height:1.2em}.error:empty{min-height:0}.auth{border-top:1px solid var(--edge);padding-top:.8rem}.auth summary{color:var(--dim);cursor:pointer}.auth summary:hover{color:var(--text)}.auth>div{flex-direction:column;gap:.5rem;margin-top:.7rem;display:flex}#auth-signedin{flex-direction:row;justify-content:space-between;align-items:center}.features{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;font-size:.85rem;display:flex}.game{height:100%;position:relative}.game canvas{width:100%;height:100%;display:block}.game.underwater:after{content:"";pointer-events:none;background:radial-gradient(#0f3a522e 40%,#081e2e8c 100%);animation:2.2s ease-in-out infinite murk;position:absolute;inset:0}@keyframes murk{50%{opacity:.8}}.hud{-webkit-user-select:none;user-select:none;position:absolute}.hud-tl{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex;top:1rem;left:1rem}.hud-tr{top:1rem;right:1rem}.hud-code{letter-spacing:.3em;border:1px solid var(--edge);background:#0a0d10b3;border-radius:8px;padding:.3rem .7rem;font-size:1.5rem}.hud-btn{background:#0a0d10b3;padding:.3rem .6rem;font-size:.8rem}.hud-sub{color:var(--dim);text-shadow:0 1px 2px #000;font-size:.8rem}.hud-hint{color:var(--dim);text-shadow:0 1px 2px #000;white-space:nowrap;font-size:.8rem;bottom:1rem;left:50%;transform:translate(-50%)}.hud-banner{letter-spacing:.08em;color:var(--text);border:1px solid var(--edge);text-align:center;background:#0a0d10a6;border-radius:8px;max-width:80vw;padding:.35rem .9rem;font-size:.95rem;top:1rem;left:50%;transform:translate(-50%)}.hud-banner:empty{display:none}.hud-banner.danger{color:#ffb3a7;border-color:#7a3a30;animation:1.6s infinite pulse}@keyframes pulse{50%{border-color:var(--danger)}}.hud-feed{color:var(--dim);text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;font-size:.82rem;top:4rem;left:50%;transform:translate(-50%)}.hud-prompt{color:#ffe8c0;text-shadow:0 1px 3px #000;pointer-events:none;font-size:.95rem;bottom:7rem;left:50%;transform:translate(-50%)}.hud-prompt:empty{display:none}.hud-bars{flex-direction:column;gap:.35rem;width:min(20rem,60vw);display:flex;bottom:3rem;left:50%;transform:translate(-50%)}.bar{border:1px solid var(--edge);background:#0a0d10bf;border-radius:999px;height:.55rem;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .12s linear}.bar-fill.stamina{background:#64b96a}.bar-fill.stamina.low{background:var(--danger)}.bar-fill.air{background:#58a6d8}.air-wrap{display:none}.hud-chips{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex;bottom:3rem;right:1rem}.chip{border:1px solid var(--edge);background:#0a0d10b3;border-radius:6px;padding:.2rem .55rem;font-size:.85rem}.hud-shop{border:1px solid var(--edge);background:#0d1116e6;border-radius:10px;flex-direction:column;gap:.5rem;width:15.5rem;padding:.8rem;display:flex;top:50%;left:1rem;transform:translateY(-50%)}.shop-title{color:var(--dim);letter-spacing:.06em;font-size:.8rem}.shop-row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.shop-row em{color:var(--dim);font-style:normal}.shop-row button{padding:.25rem .7rem;font-size:.85rem}.hud-overlay{pointer-events:none;background:#04060a8c;place-items:center;display:grid;inset:0}.overlay-card{text-align:center;background:#0d1116f2;border:1px solid #6a5a2a;border-radius:14px;padding:2rem 3rem}.overlay-card h2{letter-spacing:.3em;color:#e8c86a;margin-bottom:.8rem}.overlay-card .dim{color:var(--dim);margin-top:.5rem}