:root{color-scheme:dark;--bg:#0c1522;--panel:#142235;--line:#30435a;--ink:#ecf3fb;--muted:#a7b7cc;--accent:#c9e3bc;--accent-strong:#a5d58b;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:270px;background:radial-gradient(ellipse at 75% -30%,#253a4f 0,transparent 63%),var(--bg);color:var(--ink)}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}.skip-link{position:absolute;transform:translateY(-180%);padding:8px;background:white;color:#101820;z-index:20}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px max(22px,calc((100% - 1180px)/2));border-bottom:1px solid #ffffff17}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-size:.99rem;letter-spacing:.03em}.brand b{font-weight:700}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #93b58d;border-radius:11px;color:var(--accent);font-size:1.6rem}.button{padding:10px 14px;border:1px solid #57718a;border-radius:10px;background:#22364c;color:var(--ink);font-weight:650}.button:hover{background:#304960;border-color:#8fb3d2}.button-quiet{background:transparent;border-color:#41546a;color:#d4dfeb;font-size:.84rem}.container{max-width:1180px;margin:0 auto;padding:52px 22px 70px}.heading-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:34px}.overline,.eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--accent-strong);border-radius:50%;vertical-align:middle}.overline-separator{color:#627792;margin:0 10px}h1{max-width:750px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.045em;margin:16px 0 12px}.lede{max-width:720px;font-size:clamp(.95rem,1.8vw,1.12rem);color:var(--muted);margin:0}.case-index{display:flex;flex-direction:column;align-items:flex-end;padding-top:12px;color:#8ba1b7;white-space:nowrap;letter-spacing:.12em;font-size:.65rem}.case-index strong{font-size:3.5rem;line-height:1;color:#ffffff24;font-weight:650}.app-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:18px;align-items:start}.panel{min-width:0;background:linear-gradient(160deg,#19293c,#121f30);border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 50px #00000022}.main-panel{padding:clamp(20px,3vw,35px);min-height:490px}.sidebar{display:grid;gap:18px}.progress-panel,.guidance-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.panel-heading h2,.guidance-panel h2{font-size:1.03rem;margin:0;letter-spacing:-.015em}.muted{color:var(--muted);font-size:.78rem}.progress-track{height:5px;background:#314359;border-radius:5px;overflow:hidden;margin:18px 0 25px}.progress-track span{display:block;height:100%;width:0;background:var(--accent-strong);border-radius:5px;transition:width .3s ease}.route{list-style:none;margin:0;padding:0 0 0 13px;border-left:1px solid #41546a}.route li{position:relative;padding:0 0 24px 22px;min-width:0}.route li:last-child{padding-bottom:0}.route li::before{content:"";position:absolute;left:-19px;top:5px;width:10px;height:10px;border-radius:50%;border:2px solid #617891;background:#19283b}.route li.complete::before{background:var(--accent-strong);border-color:var(--accent-strong)}.route li.active::before{background:#eff5ec;border-color:#eff5ec;box-shadow:0 0 0 4px #ffffff13}.route li .route-label{font-size:.72rem;color:#9eb1c7;letter-spacing:.04em}.route li strong{display:block;font-size:.91rem;line-height:1.4;font-weight:650;margin-top:3px;overflow-wrap:anywhere}.route li .route-decision{display:block;font-size:.79rem;color:#a7b7c9;line-height:1.5;margin-top:5px}.route li button{display:block;text-align:left;padding:0;background:none;border:0;color:inherit;cursor:pointer}.route li button:hover strong,.route li button:focus-visible strong{color:var(--accent)}.route-empty{font-size:.84rem;color:#91a5ba}.progress-footnote{font-size:.74rem;line-height:1.6;color:#91a5ba;margin:24px 0 0}.guidance-icon{display:grid;place-items:center;width:40px;height:40px;background:#314538;border-radius:11px;color:var(--accent);font-size:1.6rem;margin-bottom:15px}.guidance-panel p{font-size:.86rem;color:var(--muted);margin:12px 0 0}.loading{color:var(--muted);padding:80px 10px;text-align:center}.scene-label{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a7b7cc;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:750}.scene-label em{font-style:normal;color:var(--accent)}.scene-divider{height:1px;background:#34465b;margin:21px 0 26px}.case-visual{display:grid;place-items:center;min-height:180px;margin:21px 0 26px;border:1px solid #3b5062;border-radius:13px;background:radial-gradient(circle at 50% 25%,#31465a,#19293b 60%,#112033);position:relative;overflow:hidden}.case-visual::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #70879844;box-shadow:0 0 0 35px #7087980c,0 0 0 70px #70879808}.case-visual .symbol{font-size:4.5rem;font-weight:200;color:#d8e0e5;z-index:1;line-height:1}.case-visual .visual-id{position:absolute;bottom:13px;left:17px;font-size:.66rem;color:#9fb1c6;letter-spacing:.18em;text-transform:uppercase}.clue-heading{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.035em;line-height:1.17;margin:10px 0 16px}.observation{font-size:1.04rem;color:#e1eaf5;line-height:1.8;margin:0 0 16px}.context{font-size:.86rem;line-height:1.7;color:#aabdd0;border-left:2px solid #6d8aa1;padding-left:13px;margin:22px 0 25px}.prompt-title{font-size:1.08rem;margin:31px 0 6px}.prompt-description{font-size:.84rem;color:var(--muted);margin:0 0 15px}.choice-stack{display:grid;gap:12px;margin-top:17px}.choice{display:flex;align-items:center;gap:15px;text-align:left;width:100%;background:#203249;border:1px solid #53677f;border-radius:12px;color:var(--ink);padding:17px;transition:background .14s,border-color .14s,transform .14s}.choice:hover{background:#2a415c;border-color:var(--accent);transform:translateY(-1px)}.choice-icon{display:grid;flex:none;place-items:center;border:1px solid #68809a;border-radius:10px;color:var(--accent);width:37px;height:37px;font-size:1.1rem}.choice-text{flex:1;font-weight:620;font-size:.96rem;line-height:1.5}.choice-arrow{color:var(--accent);font-size:1.2rem}.main-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.back-button{background:transparent;color:#c3d2e3}.intro-mark{width:64px;height:64px;border:1px solid #89ae80;border-radius:20px;display:grid;place-items:center;font-size:2.1rem;color:var(--accent);background:#273e37;margin:28px 0 32px}.intro-title{font-size:clamp(1.9rem,3.7vw,2.7rem);letter-spacing:-.045em;line-height:1.2;margin:8px 0 16px}.intro-p{font-size:1.07rem;color:#d2dce6;line-height:1.8}.intro-detail{font-size:.93rem;color:#a9bed0;line-height:1.8}.primary-button{background:var(--accent-strong);color:#132118;border-color:var(--accent-strong);padding:13px 23px;font-weight:750}.primary-button:hover{background:#c8e8b6;border-color:#c8e8b6}.reveal-tag{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:760}.reveal-title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.05em;margin:17px 0 23px}.reveal-blurb{font-size:1.07rem;line-height:1.8;color:#e3edf5}.result-row{border-top:1px solid #38506a;padding:20px 0}.result-row strong{display:block;color:#e9f2f9;margin-bottom:7px}.result-row p{font-size:.9rem;color:#bbcadb;margin:0;line-height:1.7}.recap{margin:28px 0 10px}.recap h3{font-size:1.05rem;margin:0 0 13px}.recap ol{margin:0;padding-left:22px}.recap li{padding:0 0 13px 4px;color:#b5c8d9}.recap li strong{display:block;color:#eef4f8;font-size:.87rem}.recap li span{font-size:.84rem}.outcome-disclaimer{padding:14px;border-radius:9px;background:#25364a;color:#c5d2df;font-size:.85rem;line-height:1.7}.error{color:#ffd3c8;line-height:1.7}footer{text-align:center;padding:26px 18px 42px;color:#92a5b8;font-size:.76rem}button[disabled]{cursor:default;opacity:.5}@media(max-width:850px){.container{padding-top:34px}.app-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.case-index{display:none}}@media(max-width:600px){.site-header{padding:14px 15px}.container{padding:24px 15px 55px}.heading-row{margin-bottom:24px}.main-panel{min-height:0;padding:22px 18px}.sidebar{grid-template-columns:1fr}.progress-panel,.guidance-panel{padding:20px}.case-visual{min-height:130px;margin:18px 0 23px}.case-visual .symbol{font-size:3.4rem}.choice{padding:13px}.choice-text{font-size:.89rem}.choice-icon{width:31px;height:31px}h1{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}