@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@500;700;800&display=swap";:root{color-scheme:dark;--bg-0: #040912;--bg-1: #081425;--panel: rgba(7, 16, 28, .78);--panel-strong: rgba(8, 18, 32, .92);--panel-border: rgba(136, 207, 255, .18);--panel-glow: rgba(101, 192, 255, .18);--ink: #e3f4ff;--ink-dim: rgba(227, 244, 255, .72);--cyan: #86f7ff;--mint: #6cf6c2;--rose: #ff8cab;--copper: #ffb47a;--blue: #8fb8ff;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .45);--shadow-md: 0 18px 42px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 12%,rgba(74,156,255,.24),transparent 22%),radial-gradient(circle at 82% 12%,rgba(87,238,255,.12),transparent 18%),radial-gradient(circle at 20% 88%,rgba(255,159,94,.14),transparent 20%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%);color:var(--ink);font-family:Space Grotesk,Segoe UI,sans-serif}body{overflow:hidden}body[data-mode=gameover] .stage-panel{box-shadow:0 0 0 1px #ff8f7233,var(--shadow-lg)}#app{min-height:100vh}.shell{position:relative;min-height:100vh;overflow:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(100px);opacity:.32;pointer-events:none}.ambient-a{width:420px;height:420px;top:-120px;left:-80px;background:#478cff47}.ambient-b{width:380px;height:380px;right:-100px;bottom:-80px;background:#ff995a26}.play-layout{position:relative;min-height:100vh;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.stage-panel{position:relative;min-width:0;min-height:calc(100vh - 44px);border:1px solid rgba(132,196,255,.15);border-radius:30px;background:linear-gradient(180deg,#0a1625d6,#040912f0),radial-gradient(circle at top,rgba(64,140,255,.12),transparent 36%);box-shadow:inset 0 0 0 1px #ffffff08,var(--shadow-lg);overflow:hidden}.frame-lines{position:absolute;inset:12px;border:1px solid rgba(143,208,255,.08);border-radius:24px;pointer-events:none}.canvas-wrap{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.chrome-chip,.card,.status-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stage-brand,.stage-meta,.signal-bar{position:absolute;z-index:2;background:linear-gradient(180deg,#081220e0,#070f1bad);border:1px solid rgba(136,207,255,.14);box-shadow:var(--shadow-md)}.stage-brand{top:20px;left:20px;max-width:360px;padding:14px 16px;border-radius:20px;display:grid;gap:5px}.stage-brand small,.stage-brand strong,.stage-brand span{display:block}.stage-brand small{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#e3f4ff8f}.stage-brand strong{font-family:Sora,sans-serif;font-size:clamp(26px,2.7vw,40px);line-height:1.02}.stage-brand span{color:var(--ink-dim);font-size:13px;line-height:1.5}.stage-meta{top:20px;right:20px;padding:12px 14px;border-radius:18px;display:grid;gap:8px;min-width:180px}.stage-meta span{font-size:12px;color:var(--ink-dim)}.signal-bar{left:20px;right:20px;bottom:20px;padding:14px 16px;border-radius:20px;display:grid;gap:8px}.signal-label{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#e3f4ff8f}.signal-bar p{margin:0;color:#e3f4ffe6;font-size:14px;line-height:1.45}.status-screen{position:absolute;inset:0;display:grid;place-items:center;padding:120px 28px;opacity:0;pointer-events:none;transition:opacity .18s ease}.status-screen[data-visible=true]{opacity:1;pointer-events:auto}.status-card{width:min(760px,100%);background:linear-gradient(180deg,#081220d6,#07101cb8);border:1px solid rgba(136,207,255,.18);border-radius:28px;padding:28px 28px 24px;box-shadow:0 24px 80px #00000061,inset 0 0 0 1px #ffffff08;text-align:center}.status-kicker,.status-body,.status-footnote,.guide-card p,.telemetry-copy,.event-copy{color:var(--ink-dim)}.status-kicker{margin:0 0 10px;font-size:12px;letter-spacing:.24em;text-transform:uppercase}.status-card h1{margin:0;font-family:Sora,sans-serif;font-size:clamp(34px,4vw,66px);line-height:.98}.status-body{margin:14px auto 0;max-width:640px;font-size:16px;line-height:1.7}.status-stats{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-stats div,.guide-grid article{border:1px solid rgba(136,207,255,.12);border-radius:18px;background:#ffffff08}.status-stats div{padding:14px 12px;display:grid;gap:6px}.status-stats span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e3f4ff8c}.status-stats strong{font-size:16px}.status-controls{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.status-controls span{padding:9px 12px;border-radius:999px;border:1px solid rgba(136,207,255,.12);background:#ffffff08;font-size:13px;color:#e3f4ffdb}.status-footnote{margin:14px 0 0;font-size:13px}.start-button{appearance:none;margin-top:20px;border:1px solid rgba(134,247,255,.34);background:radial-gradient(circle at top,rgba(134,247,255,.18),transparent 56%),linear-gradient(180deg,#2871b352,#113559c7);color:var(--ink);border-radius:999px;padding:14px 22px;font:600 14px Space Grotesk,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.start-button:hover{transform:translateY(-1px);border-color:#86f7ff94;box-shadow:0 16px 34px #65c0ff33}.start-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.dock{display:grid;align-content:start;gap:14px}.card{background:linear-gradient(180deg,var(--panel),rgba(6,13,24,.9));border:1px solid var(--panel-border);border-radius:22px;padding:16px 16px 18px;box-shadow:var(--shadow-md)}.card h2{margin:0 0 12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#e3f4ff9e}.card p{margin:0;line-height:1.6;font-size:14px}.event-title{font-family:Sora,sans-serif;font-size:20px;margin-bottom:8px}.meter-grid{display:grid;gap:10px}.meter-row{display:grid;grid-template-columns:64px 1fr 38px;gap:10px;align-items:center;font-size:13px}.meter-row span,.meter-row strong{color:#e3f4ffeb}.meter-bar{height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.meter-fill{height:100%;border-radius:inherit;box-shadow:0 0 18px currentColor}.guide-card{display:grid;gap:14px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-grid article{padding:12px;display:grid;gap:6px}.guide-grid strong{font-size:13px}.guide-grid span{font-size:12px;color:var(--ink-dim);line-height:1.45}.guide-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#e3f4ffdb;font-size:13px}@media(max-width:1220px){.play-layout{grid-template-columns:1fr}.dock{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-panel{min-height:68vh}}@media(max-width:860px){body{overflow:auto}.play-layout{padding:12px;gap:12px}.stage-panel{min-height:58vh;border-radius:24px}.stage-brand,.stage-meta,.signal-bar{position:static;margin:12px}.canvas-wrap{position:relative;min-height:54vh}.status-screen{padding:18px}.status-card{padding:22px 18px}.status-stats,.guide-grid,.dock{grid-template-columns:1fr}}