*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--coaster-ink:#06070a;--coaster-paper:#f7f0dc;--coaster-muted:#f7f0dcb3;--coaster-accent:#ffcf5a;--coaster-hot:#ff4e3a;--coaster-cool:#47c5ff;--coaster-panel:#06070a94;--coaster-button-ink:#120c08;--coaster-control-radius:8px;--coaster-font-stack:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-background:var(--coaster-ink);--ds-surface:var(--coaster-panel);--ds-foreground:var(--coaster-paper);--ds-muted:var(--coaster-muted);--ds-primary:var(--coaster-accent);--ds-primary-foreground:var(--coaster-button-ink);--ds-border:var(--coaster-muted);--ds-ring:var(--coaster-cool);--ds-radius:var(--coaster-control-radius);--ds-font-ui:var(--coaster-font-stack)}html,body{background:var(--coaster-ink);width:100%;height:100%;color:var(--coaster-paper);font-family:var(--coaster-font-stack);-webkit-font-smoothing:antialiased;touch-action:none;overflow:hidden}#root,#stage{width:100vw;height:100vh}#stage{display:block;position:fixed;inset:0}.overlay{pointer-events:none;z-index:5;background:linear-gradient(#06070a1a,#06070a80),radial-gradient(circle at 50% 72%,#ff4e3a2e,#0000 44%);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.start-card,.fallback-card{background:var(--coaster-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;border:1px solid #f7f0dc2e;border-radius:8px;width:min(92vw,32rem);padding:1rem;box-shadow:0 24px 80px #0000006b,inset 0 1px #ffffff14}.eyebrow{color:var(--coaster-accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:800}h1{color:var(--coaster-paper);letter-spacing:0;font-size:clamp(1.8rem,9vw,4rem);line-height:.92}p{color:var(--coaster-muted);margin-top:.8rem;font-size:.96rem;line-height:1.55}.coaster-start-button{border-radius:var(--coaster-control-radius);background:linear-gradient(135deg, var(--coaster-accent), var(--coaster-hot));width:100%;min-height:3rem;color:var(--coaster-button-ink);cursor:pointer;font:inherit;border:0;margin-top:1rem;font-size:.92rem;font-weight:900}.coaster-start-button:focus-visible{outline:3px solid var(--coaster-cool);outline-offset:3px}.hud{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom,0));z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06070a7a;border:1px solid #f7f0dc24;border-radius:8px;grid-template-columns:1fr auto;align-items:end;gap:.3rem 1rem;width:min(94vw,34rem);padding:.7rem .8rem;display:grid;position:fixed;transform:translate(-50%)}.hud-label{color:var(--coaster-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:900}.hud-readout{color:var(--coaster-paper);font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.hud-bar{background:#f7f0dc24;border-radius:999px;grid-column:1/-1;height:.35rem;overflow:hidden}.hud-fill{border-radius:inherit;background:linear-gradient(90deg, var(--coaster-cool), var(--coaster-accent), var(--coaster-hot));transform-origin:0;width:100%;height:100%}@media (width<=560px){.start-card,.fallback-card{padding:.85rem}.hud{gap:.2rem .6rem;width:95vw;padding:.6rem}}@supports ((-webkit-backdrop-filter:blur(1px))){.start-card,.fallback-card{-webkit-backdrop-filter:blur(10px)}.hud{-webkit-backdrop-filter:blur(8px)}}