:root{
  color-scheme:dark;
  --bg:#090b10;--panel:#12151c;--panel2:#181c24;--line:#292f3b;--text:#f5f7fb;--muted:#929aaa;
  --lime:#c9ff4a;--amber:#ffbd38;--red:#ff6d6d;--cyan:#71e7ff;--shadow:0 22px 60px rgba(0,0,0,.36)
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100dvh;background:radial-gradient(circle at 75% 0,rgba(201,255,74,.09),transparent 31rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",sans-serif;-webkit-font-smoothing:antialiased}
button,textarea,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
.app-shell{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin-bottom:20px}
.home-link,.ghost-button,.text-button{color:var(--muted);font-weight:800;text-decoration:none;background:none;border:0;cursor:pointer}
.home-link,.ghost-button{min-height:44px;display:flex;align-items:center;padding:0 4px;font-size:13px;letter-spacing:.03em}
.screen{display:none;animation:screenIn .28s ease both}.screen.active{display:block}
@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero-mark{width:74px;height:74px;border-radius:24px;background:var(--lime);color:#0a0c0f;display:grid;place-items:center;box-shadow:0 16px 50px rgba(201,255,74,.17);transform:rotate(-5deg);margin:32px 0 24px}
.hero-mark span{font-size:42px;font-weight:1000;transform:rotate(5deg)}
.eyebrow{font-size:12px;font-weight:1000;letter-spacing:.19em;color:var(--lime);margin:0 0 10px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,14vw,72px);line-height:.94;letter-spacing:-.07em;margin-bottom:20px;font-weight:650}h1 strong{color:var(--lime);font-weight:1000}h2{font-size:36px;line-height:1.06;letter-spacing:-.05em;margin-bottom:18px}h3{font-size:24px;letter-spacing:-.035em}
.lead{font-size:18px;line-height:1.75;color:#cbd1dc;margin-bottom:24px}
.principle-card{border:1px solid var(--line);background:linear-gradient(145deg,#12151b,#0f1217);border-radius:20px;padding:17px 18px;margin:0 0 18px}
.principle-label{display:block;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:7px}.principle-card p{margin:0;font-size:15px;line-height:1.65}.principle-card b{color:var(--lime)}
.primary-button,.secondary-button{width:100%;min-height:62px;border-radius:18px;padding:14px 17px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-weight:950;transition:transform .12s ease,opacity .12s ease}
.primary-button{background:var(--lime);color:#090b0d}.secondary-button{background:var(--panel2);border:1px solid var(--line);margin-top:10px}.primary-button small,.secondary-button small{font-size:12px;font-weight:800;opacity:.68;white-space:nowrap}.primary-button.compact{min-height:54px;margin-top:16px;justify-content:center;text-align:center}
button:active{transform:scale(.985)}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--line);padding-top:18px;gap:8px}.home-stats div{text-align:center}.home-stats strong{font-size:21px;display:block}.home-stats span{display:block;font-size:12px;color:var(--muted);font-weight:900;letter-spacing:.09em;margin-top:4px}
.hud{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.hud-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center}.hud-item span{display:block;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.1em}.hud-item strong{display:block;font-size:19px;margin-top:3px}.hud-item.rebound strong{color:var(--lime)}
.rebound-track{height:5px;background:#20252e;border-radius:999px;overflow:hidden;margin:10px 0 20px}.rebound-track span{display:block;width:100%;height:100%;background:var(--lime);transition:width .3s ease,background .3s ease}
.scenario-card{background:linear-gradient(145deg,#171a22,#11141a);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:20px;margin-bottom:18px;min-height:235px;display:flex;flex-direction:column}
.shock-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.shock-line b{color:var(--red);margin-left:auto}.shock-dot{width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 6px rgba(255,109,109,.09)}
.scenario-card h2{font-size:30px;margin:24px 0 10px}.scenario-card>p{color:#c6ccd7;line-height:1.65;font-size:15px;flex:1}
.fixed-row{border-top:1px solid var(--line);padding-top:14px;margin-top:10px}.fixed-row span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:5px}.fixed-row b{font-size:13px;line-height:1.55;color:#eef1f6}
.prompt-block{display:flex;align-items:end;justify-content:space-between;margin:0 2px 10px}.prompt-block p{margin:0;font-size:18px;font-weight:1000}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:900;font-size:13px}
.choices{display:grid;gap:9px}.choice{width:100%;min-height:64px;border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:13px 15px;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:flex-start}.choice-index{flex:0 0 26px;width:26px;height:26px;border-radius:9px;background:#232832;display:grid;place-items:center;font-size:12px;font-weight:1000}.choice-text{font-size:14px;line-height:1.5;font-weight:800}.choice:hover{border-color:#414959}.choice:disabled{cursor:default}.choice.chosen.best{border-color:var(--lime);background:rgba(201,255,74,.09)}.choice.chosen.partial{border-color:var(--amber);background:rgba(255,189,56,.08)}.choice.chosen.abandon{border-color:var(--red);background:rgba(255,109,109,.08)}
.feedback-sheet{display:none;margin-top:14px;background:#11141a;border:1px solid var(--line);border-radius:22px;padding:18px}.feedback-sheet.open{display:block;animation:sheetIn .2s ease both}@keyframes sheetIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feedback-kicker{color:var(--lime);font-size:12px;font-weight:1000;letter-spacing:.14em;margin-bottom:8px}.feedback-sheet h3{margin-bottom:8px}.feedback-sheet>p{color:#b9c0cc;line-height:1.65;font-size:14px}.remaining-card{padding:13px;border-radius:14px;background:#1a1f27}.remaining-card span{display:block;font-size:12px;color:var(--muted);font-weight:900;margin-bottom:5px}.remaining-card b{font-size:13px;line-height:1.55;color:var(--lime)}
.result-screen{text-align:center;padding-top:18px}.result-screen h2{font-size:40px}.score-orbit{width:174px;height:174px;border-radius:50%;margin:24px auto;display:grid;place-items:center;background:radial-gradient(circle,#151a20 54%,transparent 55%),conic-gradient(var(--lime) 0 78%,#242a34 78% 100%);box-shadow:0 0 0 1px var(--line)}.score-orbit strong{font-size:51px;line-height:1;display:block}.score-orbit span{font-size:12px;color:var(--muted);font-weight:900;letter-spacing:.11em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.result-grid div{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:12px 8px}.result-grid span{font-size:12px;color:var(--muted);display:block;font-weight:900}.result-grid strong{font-size:18px;display:block;margin-top:4px}.result-message{padding:17px;border-left:3px solid var(--lime);background:rgba(201,255,74,.06);text-align:left;line-height:1.7;font-size:14px;margin:18px 0}.text-button{min-height:44px;margin:7px auto 0;padding:8px 14px;display:block}
#realScreen{padding-top:10px}.real-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:18px;margin:14px 0}.real-step{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--lime);margin-bottom:8px}.real-card h3{margin-bottom:8px}.real-card p{color:#b9c0cc;line-height:1.65;font-size:14px}.field-label{display:block;font-size:12px;font-weight:900;margin:16px 0 7px}.textarea{width:100%;min-height:108px;resize:vertical;border-radius:15px;border:1px solid var(--line);background:#0d1015;color:var(--text);padding:13px;line-height:1.6}.range-row{display:flex;align-items:center;gap:12px}.range-row input{width:100%;accent-color:var(--lime)}.range-value{min-width:38px;text-align:center;font-weight:1000;color:var(--lime)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chip{border:1px solid var(--line);background:#171b22;border-radius:999px;min-height:42px;padding:8px 13px;font-size:12px;font-weight:850;cursor:pointer}.chip.selected{border-color:var(--lime);background:rgba(201,255,74,.09);color:var(--lime)}.split-card{display:grid;gap:10px;margin-top:14px}.mini-card{border-radius:15px;padding:13px;background:#0e1116;border:1px solid var(--line)}.mini-card span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:5px}.mini-card b{display:block;font-size:13px;line-height:1.55;white-space:pre-wrap}.real-result-move{font-size:21px!important;color:var(--lime)!important;font-weight:1000!important}.delta-good{color:var(--lime)}
.stats-list{display:grid;gap:9px;margin:22px 0}.stats-list div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:15px}.stats-list span{color:#b9c0cc;font-size:13px}.stats-list strong{font-size:18px}.privacy-note{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 4px 22px}
@media(max-width:360px){.app-shell{padding-left:14px;padding-right:14px}h1{font-size:47px}.scenario-card h2{font-size:27px}.primary-button small,.secondary-button small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}