:root{--abyss:#01040b;--ink:#e6f6ff;--dim:#8fb3c4;--cyan:#7ff6ff;--brass:#d9a441;--panel:#06121ceb;--edge:#7ff6ff47;--threat:#ff9a3c;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#000;height:100%;margin:0;overflow:hidden}#app{background:var(--abyss);height:100%;margin:0 auto;position:relative;overflow:hidden}#stage,#stage canvas{display:block;position:absolute;inset:0}#hud{padding:calc(env(safe-area-inset-top) + 10px) 12px 0;pointer-events:none;position:absolute;top:0;left:0;right:0}#hud .row{align-items:center;gap:10px;display:flex}#mute{pointer-events:auto;border:1px solid var(--edge);width:34px;height:34px;color:var(--cyan);background:#040e16b3;border-radius:50%;font-size:16px}#mute[aria-pressed=true]{color:var(--dim);text-decoration:line-through}.air{flex:1}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:3px;font-size:11px}.bar{border:1px solid var(--edge);background:#040e16cc;border-radius:6px;height:10px;overflow:hidden}#air-fill{background:linear-gradient(90deg,#3ad6c4,#7ff6ff);width:100%;height:100%;transition:width .12s linear;box-shadow:0 0 10px #7ff6ff99}#air-fill.low{background:linear-gradient(90deg,#ff9a3c,#ffd27a);animation:.7s ease-in-out infinite alternate pulse;box-shadow:0 0 10px #ff9a3cb3}@keyframes pulse{to{opacity:.55}}#clock{font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 8px #7ff6ff80;min-width:52px;font-size:18px;font-weight:700}#clock.boss{color:#ff6a80;text-shadow:0 0 10px #ff4f6acc}.xp{align-items:center;gap:8px;margin-top:8px;padding-right:76px;display:flex}#level{color:var(--brass);min-width:34px;font-size:12px;font-weight:700}.xp .bar{flex:1;height:6px}#xp-fill{background:linear-gradient(90deg,#5aa8ff,#b48cff);width:0;height:100%}#stick{pointer-events:none;background:radial-gradient(circle,#7ff6ff14,#7ff6ff05);border:1.5px solid #7ff6ff4d;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}#knob{background:radial-gradient(circle at 35% 35%,#e9ffff,#7ff6ff8c);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #7ff6ff99}#hint,#toast{border:1px solid var(--edge);white-space:nowrap;pointer-events:none;background:#040e16bf;border-radius:20px;padding:8px 14px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}#hint{bottom:calc(env(safe-area-inset-bottom) + 90px);transition:opacity .6s}#toast{top:calc(env(safe-area-inset-top) + 86px);color:#ffb3c0;border-color:#ff6a8080}#modal,#title{background:#01040b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}#modal[hidden],#title[hidden],[hidden]{display:none!important}.card,.title-card{background:var(--panel);border:1px solid var(--edge);text-align:center;border-radius:18px;width:100%;max-width:360px;padding:20px;box-shadow:0 0 40px #7ff6ff1f}.title-card h1{letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 18px #7ff6ffb3;margin:0 0 8px;font-size:40px}.title-card p,.card p{color:var(--dim);margin:0 0 16px;font-size:15px;line-height:1.45}.small{color:var(--dim);opacity:.7;margin-top:12px;font-size:12px}.card h2{margin:0 0 6px;font-size:24px}button{font:inherit;cursor:pointer}#start:disabled{opacity:.55;cursor:wait}#start,.card .primary,.card .ghost{border:1px solid var(--cyan);width:100%;color:var(--ink);background:linear-gradient(#7ff6ff4d,#3ad6c426);border-radius:12px;margin-top:8px;padding:14px;font-size:17px;font-weight:700;display:block}.card .ghost{border-color:var(--edge);color:var(--dim);background:0 0;font-weight:600}.choices{gap:10px;margin-top:10px;display:grid}.choice{text-align:left;border:1px solid var(--edge);color:var(--ink);background:#7ff6ff0d;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.choice:active{background:#7ff6ff29}.choice .icon{border:1px solid var(--edge);background:#7ff6ff1a;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.choice .name{font-weight:700}.choice .lvl{color:var(--brass);margin-left:6px;font-size:12px}.choice .blurb{color:var(--dim);margin-top:2px;font-size:13px}.stats{text-align:left;grid-template-columns:1fr auto;gap:6px 12px;margin:10px 0 16px;font-size:15px;display:grid}.stats dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.stats dt{color:var(--dim)}.lm-break{z-index:50;background:#0a0618f0;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.lm-card{text-align:center;background:#1e123ce6;border:1px dashed #b48cff99;border-radius:16px;width:100%;max-width:340px;padding:22px}.lm-tag{letter-spacing:.06em;text-transform:uppercase;color:#b48cff;font-size:12px}.lm-slot{margin:10px 0;font-size:20px;font-weight:700}.lm-card p{color:#c9bde8;font-size:14px;line-height:1.45}.lm-actions button{color:#fff;background:#b48cff40;border:1px solid #b48cff;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-weight:700;display:block}.lm-actions .ghost{color:#c9bde8;background:0 0}