*{box-sizing:border-box}html,body,#root{height:100%}body{color:#eaf2f5;-webkit-font-smoothing:antialiased;background:#0a0d13;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.scene-shell,.page-shell{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.page-shell{background:radial-gradient(circle at 50% -10%,#142230 0%,#0a0d13 60%);padding-bottom:4rem}.road-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(circle at 50% 35%,#0000 40%,#05070abf 100%);position:absolute;inset:0}.top-bar{z-index:5;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative}.top-bar-actions{align-items:center;gap:.6rem;display:flex}.brand{letter-spacing:.02em;font-size:1.25rem;font-weight:700}.glass{-webkit-backdrop-filter:blur(16px);background:#10161e8c;border:1px solid #4fc3ff38;border-radius:20px;box-shadow:0 20px 60px #00000073}.hero-panel{z-index:5;max-width:620px;margin:auto 2rem 12rem;padding:2.4rem 2.6rem;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#2bd4c4;font-size:.72rem;font-weight:600}.hero-panel h1{margin:.6rem 0 .8rem;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15}.hero-panel p{color:#b8c6cf;margin:0 0 1.4rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-bottom:1rem;display:flex}.fine-print{color:#6d7d86;margin:0;font-size:.78rem}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #4fc3ff}.btn-primary{color:#06121a;background:linear-gradient(135deg,#4fc3ff,#2bd4c4);box-shadow:0 10px 30px #4fc3ff4d}.btn-primary:hover{transform:translateY(-2px)}.btn-large{padding:1.1rem 2rem;font-size:1.05rem}.btn-ghost{color:#eaf2f5;background:#ffffff0d;border-color:#ffffff26}.btn-ghost:hover{background:#ffffff1a}.btn-small{padding:.5rem 1rem;font-size:.82rem}.btn-choice{color:#eaf2f5;text-align:left;background:#ffffff0f;border-color:#4fc3ff4d;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:1rem 1.2rem}.btn-choice:hover{background:#4fc3ff29;transform:translateY(-2px)}.key-chip{color:#2bd4c4;background:#2bd4c42e;border:1px solid #2bd4c466;border-radius:6px;justify-content:center;align-items:center;min-width:1.8rem;height:1.8rem;padding:0 .4rem;font-size:.8rem;font-weight:700;display:inline-flex}.pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:.35rem .8rem;font-size:.72rem;font-weight:700}.pill-muted{color:#9fb0b8;background:#ffffff0f;border-color:#ffffff1f}.pill-amber{color:#f5a623;background:#f5a62326;border-color:#f5a62359}.pill-good{color:#2bd4c4;background:#2bd4c426;border-color:#2bd4c459}.pill-poor{color:#ff6b5e;background:#ff6b5e26;border-color:#ff6b5e59}.steering-wheel{z-index:4;pointer-events:none;width:min(520px,70vw);position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.dash-ledge{z-index:3;pointer-events:none;background:linear-gradient(#0000,#05070ae6);height:90px;position:absolute;bottom:0;left:0;right:0}.hud-top{z-index:5;text-align:center;align-self:center;margin-top:2rem;padding:.9rem 1.6rem;position:relative}.hud-top span{font-weight:700}.hud-top p{color:#9fb0b8;margin:.2rem 0 0;font-size:.85rem}.decision-panel{z-index:5;align-self:center;width:min(640px,92vw);margin-top:auto;margin-bottom:11rem;padding:1.8rem 2rem;position:relative}.decision-header{flex-direction:column;gap:.5rem;margin-bottom:.6rem;display:flex}.timer-track{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.timer-fill{background:linear-gradient(90deg,#f5a623,#ff6b5e);height:100%;transition:width .1s linear}.decision-panel h2{margin:.2rem 0 .3rem;font-size:1.4rem}.decision-panel p{color:#b8c6cf;margin:0 0 1.2rem}.choice-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.scenario-grid-wrap{z-index:5;max-width:1080px;margin:0 auto;padding:2rem;position:relative}.scenario-grid-wrap h1{margin-bottom:.4rem;font-size:clamp(1.8rem,3vw,2.3rem)}.lede{color:#9fb0b8;max-width:640px;margin-bottom:2rem;line-height:1.6}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;display:grid}.scenario-card{flex-direction:column;gap:.7rem;padding:1.6rem;display:flex}.scenario-card-top{gap:.5rem;display:flex}.scenario-card h2{margin:0;font-size:1.2rem}.scenario-card p{color:#b8c6cf;flex-grow:1;margin:0;line-height:1.5}.replay-panel{z-index:5;max-width:640px;margin:2rem auto;padding:2.4rem 2.6rem;position:relative}.replay-panel h1{margin:.6rem 0;font-size:1.7rem}.replay-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.4rem 0;display:grid}.stat{background:#ffffff0a;border-radius:12px;padding:.8rem 1rem}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:#7f919a;font-size:.72rem;display:block}.stat-value{margin-top:.2rem;font-weight:600;display:block}.center-content{justify-content:center;align-items:center;gap:1rem}@media (width<=640px){.choice-grid{grid-template-columns:1fr}.hero-panel,.decision-panel{margin-bottom:9rem}}@media (prefers-reduced-motion:reduce){.btn,.btn-choice{transition:none}}