:root{color:#e8fbff;font-synthesis:none;text-rendering:optimizelegibility;background:#050712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#00ccff38,#0000 34rem),radial-gradient(circle at 85% 15%,#ff880029,#0000 30rem),linear-gradient(145deg,#050712 0%,#08111f 52%,#130916 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{min-height:100vh;padding:1rem}.hud{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040d1cd1;border:1px solid #00ccff73;border-radius:18px;gap:.35rem;width:min(1120px,100%);margin:0 auto 1rem;padding:.85rem 1rem;display:grid;position:sticky;top:0;box-shadow:0 0 36px #00ccff29}.hud div{color:#a6dce8;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:.8rem 1.2rem;font-size:.82rem;display:flex}.hud strong{color:#69f2ff}.stage{place-items:center;width:min(1120px,100%);min-height:calc(100vh - 8rem);margin:0 auto;display:grid}.panel{background:linear-gradient(135deg,#0c1930f0,#0d0a1cf0),repeating-linear-gradient(0deg,#0000 0 12px,#69f2ff08 12px 13px);border:1px solid #ffffff29;border-radius:28px;width:100%;padding:clamp(1.2rem,4vw,3rem);animation:.42s both panelIn;position:relative;overflow:hidden;box-shadow:0 26px 90px #0000006b}.panel:before{pointer-events:none;content:"";background:linear-gradient(100deg,#0000 8%,#69f2ff14,#0000 48%);animation:5s linear infinite scan;position:absolute;inset:-1px;transform:translate(-70%)}.eyebrow{color:#ffda6b;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:800;display:inline-flex}h1{color:#fff;max-width:880px;margin:0 0 1rem;font-size:clamp(2rem,6vw,4.8rem);line-height:.95}h2{margin:.4rem 0}p{color:#d6eef5;max-width:820px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.muted,.ambiance{color:#8eb5c1}.primary,.choice-card,.candidate-card{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.primary{color:#03131b;background:linear-gradient(135deg,#69f2ff,#ffda6b);border:1px solid #69f2ffb3;border-radius:999px;margin-top:1rem;padding:.9rem 1.2rem;font-weight:900;display:inline-flex;box-shadow:0 0 28px #69f2ff38}.primary:hover,.choice-card:hover,.candidate-card:hover{transform:translateY(-3px)}.candidate-grid,.choice-grid,.telemetry,.score-grid{gap:1rem;display:grid}.candidate-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.candidate-card,.choice-card,.metric,.feedback,.bubble,.score-row{background:#ffffff0e;border:1px solid #ffffff24;border-radius:20px}.candidate-card{color:#fff;text-align:left;border-color:color-mix(in srgb, var(--accent) 70%, transparent);min-height:210px;box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 20%, transparent);padding:1.2rem;display:grid}.candidate-card .avatar{font-size:2.4rem}.candidate-card small,.candidate-card em{color:#aacbd5}.telemetry{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.4rem 0}.metric{padding:1rem}.metric span,.score-row span{color:#8eb5c1}.metric strong{color:#ffda6b;margin-top:.3rem;display:block}.holo{color:#69f2ff;background:#00ccff12;border:1px solid #69f2ff47;border-radius:18px;width:fit-content;max-width:100%;padding:1rem 1.2rem;overflow:auto;box-shadow:inset 0 0 26px #69f2ff1a}.incident{color:#ffd0d0;letter-spacing:.12em;text-transform:uppercase;background:#ff5e5e1f;border:1px solid #ff5e5e80;border-radius:999px;margin-bottom:1rem;padding:.5rem .75rem;font-weight:900;animation:1.2s ease-in-out infinite alternate alertPulse;display:inline-flex}.dialogue-stack{gap:.9rem;margin:1.2rem 0;display:grid}.bubble{padding:1rem}.bubble strong{color:#ffda6b}.bubble p{margin-bottom:0}.question{color:#fff;font-weight:800}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:1rem}.choice-card{color:#e8fbff;text-align:left;min-height:130px;padding:1rem}.choice-card span{color:#03131b;background:#ffda6b;border-radius:999px;place-items:center;width:2rem;height:2rem;margin-right:.5rem;font-weight:900;display:inline-grid}.choice-card:hover{background:#69f2ff1f;border-color:#69f2ffa6}.feedback{margin-top:1.2rem;padding:1.2rem}.feedback>span{letter-spacing:.12em;text-transform:uppercase;font-weight:900}.feedback.good{border-color:#5dffa975}.feedback.warn{border-color:#ffda6b85}.feedback.bad{border-color:#ff5e5e8a}.golden-rule{background:#ffda6b14;border:1px solid #ffda6b59;border-radius:16px;margin:1.2rem 0;padding:1rem 1.1rem}.golden-rule strong{color:#ffda6b;margin-bottom:.5rem;display:block}.choice-card.trap{opacity:.72;border-style:dashed}.marie-quote{background:#ffffff0a;border-left:3px solid #ffda6ba6;margin:1.2rem 0;padding:1rem 1.1rem}.marie-quote p{margin:.5rem 0 0}.debrief-ok{color:#5dffa9;font-weight:600}.debrief-warn{color:#ffda6b}.score-grid{margin:1.5rem 0}.score-row{grid-template-columns:minmax(150px,1fr) 2fr auto;align-items:center;gap:.8rem;padding:.9rem;display:grid}progress{accent-color:#69f2ff;width:100%;height:.7rem}@keyframes panelIn{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scan{to{transform:translate(70%)}}@keyframes alertPulse{0%{box-shadow:0 0 #ff5e5e00}to{box-shadow:0 0 26px #ff5e5e47}}@media (width<=700px){.shell{padding:.6rem}.hud{border-radius:16px;position:static}.hud div{justify-content:flex-start}.panel{border-radius:22px}.score-row{grid-template-columns:1fr}}