:root{--paper: #f3ecdc;--ink: #23201a;--accent: #d6783c;--night: #1b2430;--night-2: #232f3f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--night);color:var(--paper);font-family:Georgia,Times New Roman,serif}#app{max-width:980px;margin:0 auto;padding:24px 16px 64px}.board-bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.22;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.4));mask-image:linear-gradient(to bottom,#000,#0006)}.masthead{text-align:center;border-bottom:3px double var(--paper);padding-bottom:10px;margin-bottom:18px}.masthead h1{margin:0;font-size:2.1rem;letter-spacing:.35em}.tagline{margin:4px 0 0;opacity:.7;font-style:italic;font-size:.95rem}.brief{font-size:1.05rem;line-height:1.5;opacity:.9}.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.zone-card{border:none;border-radius:12px;padding:26px 18px;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:flex-start;color:#fff;text-align:left;font-family:inherit;box-shadow:0 6px 18px #00000073;transition:transform .15s ease,box-shadow .15s ease}.zone-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0009}.zone-emoji{font-size:2.2rem}.zone-title{font-size:1.25rem;font-weight:700;letter-spacing:.04em}.zone-blurb{font-size:.9rem;opacity:.85;font-style:italic;line-height:1.35}.props{display:flex;gap:14px;justify-content:center;margin-top:34px}.prop{background:none;border:none;font-size:1.6rem;cursor:pointer;opacity:.55;transition:opacity .2s}.prop:hover{opacity:1}.prop-wiggle{animation:wiggle .4s ease}@keyframes wiggle{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.hub-footer{margin-top:40px;text-align:center}.dash-link{color:var(--paper);opacity:.6;font-size:.85rem}.dash-link:hover{opacity:1}.mission{background:var(--night-2);border-radius:12px;padding:22px}.mission-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.zone-chip{background:#ffffff1a;border-radius:20px;padding:4px 12px;font-size:.85rem}.progress{opacity:.6;font-size:.85rem}.passage-box{background:var(--paper);color:var(--ink);border-radius:6px;padding:16px 20px;font-size:1.05rem;line-height:1.6;box-shadow:inset 0 0 30px #00000014}.question{margin:18px 0 10px;font-size:1.1rem}.options{display:grid;gap:10px}.option{text-align:left;font-family:inherit;font-size:1rem;background:#ffffff12;color:var(--paper);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:12px 16px;cursor:pointer;transition:background .15s}.option:hover:not(:disabled){background:#ffffff29}.option:disabled{opacity:.45;cursor:default}.option-correct{background:#2f6b3a!important;border-color:#58c06a}.option-wrong{background:#6b2f2f!important;border-color:#c05858}.item-actions{display:flex;justify-content:space-between;margin-top:14px}.link-btn{background:none;border:none;color:var(--paper);opacity:.65;font-family:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:4px 0}.link-btn:hover:not(:disabled){opacity:1}.link-btn:disabled{opacity:.35;cursor:default;text-decoration:none}.hint-text{font-style:italic;color:#e8c17a;margin:8px 0 0}.feedback{margin-top:16px}.fb-good{color:#8fdc9c}.fb-bad{color:#e89a9a}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:1rem;padding:10px 22px;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary:hover{filter:brightness(1.1)}.dash-grid{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}@media(max-width:820px){.dash-grid{grid-template-columns:1fr}#radar{margin:0 auto}}.evidence-panel{display:flex;flex-direction:column;gap:12px}.dim-card{background:var(--night-2);border-radius:10px;padding:12px 16px}.dim-head{display:flex;justify-content:space-between;align-items:baseline}.dim-score{font-size:1.3rem;color:var(--accent)}.dim-score small{opacity:.5;font-size:.8rem}.conf-bar{height:4px;background:#ffffff1f;border-radius:2px;margin-top:6px}.conf-fill{height:100%;background:#7aa8e8;border-radius:2px}.conf-label{opacity:.55;font-size:.75rem}.dim-card ul{margin:8px 0 0;padding-left:18px;font-size:.85rem;opacity:.85}.dim-card li{margin-bottom:3px}.dash-actions{margin-top:24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.title-hero{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.25));mask-image:linear-gradient(to bottom,#000,#00000040)}.title-screen{text-align:center;padding-top:8vh;position:relative}.title-screen .title-logo{background:#1b24308c;backdrop-filter:blur(2px);padding:18px 26px}.title-kicker{letter-spacing:.4em;font-size:.75rem;opacity:.55}.title-logo{font-size:3.4rem;letter-spacing:.28em;line-height:1.15;margin:10px 0;border-top:3px double var(--paper);border-bottom:3px double var(--paper);padding:18px 0;display:inline-block}.title-tag{font-style:italic;opacity:.75;margin-bottom:30px}.title-menu{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}.menu-btn{background:#ffffff12;color:var(--paper);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:inherit;font-size:1.05rem;padding:13px 18px;cursor:pointer;text-decoration:none;display:block;text-align:center;transition:background .15s}.menu-btn:hover{background:#ffffff29}.menu-btn-quiet{opacity:.6;font-size:.92rem}.menu-btn-quiet:hover{opacity:1}.name-form{max-width:420px;margin:26px auto 0;text-align:left;background:var(--night-2);border-radius:10px;padding:18px}.name-form input{width:100%;margin-top:8px;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:var(--paper);color:var(--ink);font-family:inherit;font-size:1.05rem}.cases{display:flex;flex-direction:column;gap:16px;margin-top:18px}.case-card{background:#232f3feb;border-radius:12px;padding:18px 22px;border-left:4px solid var(--accent);box-shadow:0 8px 24px #0006;backdrop-filter:blur(2px)}.case-card h2{margin:0 0 4px}.case-locked{opacity:.55;border-left-color:#fff3}.case-tag{font-style:italic;opacity:.7;margin:0 0 8px}.case-brief{font-size:.95rem;line-height:1.5;opacity:.85}.scene-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.scene-btn{background:#ffffff14;color:var(--paper);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-family:inherit;font-size:.95rem;padding:9px 14px;cursor:pointer}.scene-btn:hover{background:#ffffff2b}.stars{color:#e8c17a;letter-spacing:.15em}.rank-chip{background:var(--accent);color:#fff;border-radius:20px;padding:2px 10px;font-size:.82rem}.mastery{opacity:.65;font-size:.82rem;margin-left:8px}.scene-full{position:fixed;inset:0;z-index:10;animation:scene-in .6s ease;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#131a24,#07090d 75%);padding:2vmin}@keyframes scene-in{0%{opacity:0}}.scene-stage{position:relative;width:min(96vw,calc((100vh - 4vmin) * 16 / 9),1560px);aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;box-shadow:0 24px 80px #000c,0 0 0 1px #ffffff12}.scene-intro{font-style:italic;margin:0 0 6px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.scene-art{position:absolute;inset:0;background-size:cover;background-position:center;overflow:hidden}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 22vmin #05080cbf}.scene-hud-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px 26px;background:linear-gradient(to bottom,rgba(10,13,18,.85),transparent);pointer-events:none}.scene-hud-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 26px 14px;background:linear-gradient(to top,rgba(10,13,18,.92),transparent);pointer-events:none}.scene-hud-top>*,.scene-hud-bottom>*{pointer-events:auto}.scene-intro-card{max-width:560px;animation:intro-dim 1.2s ease 7s forwards}.scene-intro-card:hover{animation:none;opacity:1}@keyframes intro-dim{to{opacity:.22}}.shake{animation:shake .35s ease}@keyframes shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.burst{animation:burst-glow .7s ease}@keyframes burst-glow{30%{box-shadow:0 0 0 6px #8fdc9c59,0 0 60px #8fdc9c40}}.float-up{display:inline-block;color:#e8c17a;font-weight:700;animation:float-up 1.6s ease}@keyframes float-up{0%{transform:translateY(8px);opacity:0}30%{opacity:1}}.evidence-tray{display:flex;align-items:center;gap:16px;flex-shrink:0;background:#14182099;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 16px}.evidence-slots{display:flex;gap:8px;font-size:1.15rem}.clue-slot{opacity:.35}.clue-slot-filled{opacity:1;filter:drop-shadow(0 0 6px rgba(232,193,122,.7))}.scene-art-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;animation:kenburns 45s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.09) translate(1.5%,-1%)}}.hotspot{z-index:2}.doc-art{width:100%;max-height:240px;object-fit:cover;border-radius:8px;margin-bottom:12px;box-shadow:0 6px 18px #00000073}.student-card{background:var(--night-2);border-radius:10px;padding:14px 18px;margin-bottom:18px;border-left:4px solid var(--accent)}.student-facts{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px;font-size:.92rem;opacity:.9}.hotspot{position:absolute;transform:translate(-50%,-50%);background:#141820b8;color:var(--paper);border:1px solid rgba(255,255,255,.35);border-radius:24px;font-family:inherit;font-size:.85rem;padding:7px 13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .15s,background .15s;animation:hotspot-pulse 2.6s ease-in-out infinite}.hotspot:hover{transform:translate(-50%,-50%) scale(1.08);background:#141820eb;animation:none}.hotspot-done{animation:none;opacity:.65;border-style:dashed}.hotspot-icon{font-size:1.15rem}@keyframes hotspot-pulse{50%{box-shadow:0 0 0 7px #d6783c2e}}.overlay{position:fixed;inset:0;background:#0a0d12d1;display:flex;align-items:center;justify-content:center;z-index:40;padding:18px}.overlay-card{background:var(--night-2);border-radius:14px;padding:24px 26px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 14px 44px #0009}.doc-flavor{font-style:italic;opacity:.85;border-left:3px solid var(--accent);padding-left:12px}.npc-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.npc-portrait{font-size:2.4rem;background:#ffffff14;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.npc-portrait-img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid rgba(232,193,122,.6);box-shadow:0 4px 14px #00000080}.npc-line{font-size:1.08rem;line-height:1.55}.clue-card{background:#3a3123;border:1px solid #e8c17a;border-radius:8px;padding:12px 16px;margin:12px 0;line-height:1.5}.placement-result{text-align:center}.rank-reveal{font-size:1.7rem;letter-spacing:.08em;color:#e8c17a;margin:14px 0}.mode-set{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px}.mode-set label{display:block;margin:9px 0;cursor:pointer;line-height:1.4}.band-row{margin-top:12px}.band-row select{font-family:inherit;padding:6px 10px;border-radius:6px}.danger{color:#e89a9a}.journal-h{color:var(--accent);font-style:italic;margin-bottom:6px}.clue-line{line-height:1.5;margin:6px 0}.word-line{line-height:1.7}.band-tag{background:#ffffff1f;border-radius:4px;padding:1px 7px;font-size:.8rem;margin-right:6px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--paper);color:var(--ink);border-radius:8px;padding:11px 20px;font-size:.95rem;z-index:60;max-width:80vw;box-shadow:0 8px 24px #00000080;animation:toast-in .25s ease,toast-out .4s ease 3.3s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,14px)}}.order-answer{min-height:52px;background:var(--paper);border-radius:6px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;box-shadow:inset 0 0 24px #0000001a;margin:12px 0 10px}.order-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.fragment{font-family:inherit;font-size:.98rem;cursor:pointer;background:#e8dcc0;color:var(--ink);border:1px solid #b8a878;border-radius:4px;padding:7px 12px;box-shadow:1px 2px 4px #00000040;transform:rotate(-.5deg)}.fragment:nth-child(2n){transform:rotate(.7deg)}.fragment:hover{background:#f2e8cf}.fragment-placed{background:#d9ecd0;border-color:#7ba86d}.order-hint{opacity:.45;font-style:italic;color:var(--ink);font-size:.9rem}.objective{font-size:.88rem;opacity:.75;margin:-6px 0 10px}.briefing .brief-beat{display:flex;gap:12px;line-height:1.55;margin:12px 0}.brief-icon{font-size:1.4rem}.front-page{background:var(--paper);color:var(--ink);border-radius:6px;padding:22px 26px;box-shadow:inset 0 0 40px #0000001f}.fp-masthead{text-align:center;font-size:1.7rem;letter-spacing:.3em;margin:0;font-weight:700}.fp-dateline{text-align:center;font-size:.75rem;opacity:.65;margin:4px 0 0;letter-spacing:.08em}.fp-rule{border:none;border-top:3px double var(--ink);margin:10px 0 14px}.fp-headline{font-size:1.45rem;margin:0 0 4px;line-height:1.25}.fp-byline{font-style:italic;font-size:.85rem;opacity:.7;margin:0 0 12px}.fp-body{line-height:1.6;font-size:.98rem}.front-page .rank-reveal{color:#8a6d1a}.radio-box{background:#16211c;border:1px solid rgba(122,155,109,.5);border-radius:8px;padding:14px 18px;margin-bottom:6px}.radio-hint{margin:0 0 10px;font-style:italic;opacity:.85}.radio-status{margin-left:12px;color:#9fd58a;font-style:italic}@media print{body{background:#fff;color:#111}.dash-actions,.dash-link,.title-hero{display:none!important}.student-card,.dim-card{background:#fff;border:1pt solid #999;break-inside:avoid}.dim-score{color:#b45309}.masthead{border-color:#111}.conf-fill{background:#555}}