:root{color-scheme:dark;--bg:#101d1a;--paper:#efe5cd;--muted:#a8b7aa;--gold:#d6b57c;--edge:#d6b57c38}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 15%,#263c31 0,transparent 50%),var(--bg);color:var(--paper);font-family:system-ui,-apple-system,sans-serif}a{color:var(--gold)}button{font:inherit;cursor:pointer;touch-action:manipulation}header{max-width:1120px;margin:auto;padding:22px 26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);gap:16px}header a{text-decoration:none;letter-spacing:3px}header span{font-size:12px;color:var(--muted)}main{max-width:1120px;margin:34px auto;display:grid;grid-template-columns:380px minmax(0,1fr);gap:38px;padding:0 26px}aside{align-self:start;position:sticky;top:25px}h1,h2{font-family:serif;font-weight:500}h1{font-size:35px;letter-spacing:3px;margin:13px 0}h2{font-size:27px;margin:10px 0 22px;line-height:1.5}p{line-height:1.95;margin:16px 0}.intro{color:var(--muted);font-size:14px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold)}.cover{position:relative;border:1px solid var(--edge);border-radius:7px;overflow:hidden}.cover img{display:block;width:100%;height:auto}.cover span{display:block;background:#1c3029;padding:13px;font-size:12px;letter-spacing:2px}.status{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:20px}.meter{display:flex;gap:5px;margin:12px 0 18px}.meter i{height:3px;flex:1;background:#ffffff18}.meter i.on{background:var(--gold)}nav{display:flex;gap:8px;flex-wrap:wrap}nav button,.minor{background:transparent;border:1px solid var(--edge);border-radius:5px;color:var(--muted);padding:9px 12px}.save,footer{font-size:11px;color:var(--muted);line-height:1.8}.panel{background:#1a2b25;border:1px solid var(--edge);padding:30px;border-radius:9px;min-height:540px;scroll-margin-top:16px;outline:none}.choices{display:grid;gap:11px;margin-top:26px}.choice{background:#243a30;color:var(--paper);border:1px solid #d6b57c55;border-radius:6px;padding:15px 17px;text-align:left;line-height:1.65}.choice:hover{background:#314b3c;border-color:var(--gold)}.primary{background:var(--gold);color:#152622}.primary:hover{background:#e7c995}.bubble{background:#ffffff07;border-left:2px solid var(--gold);padding:15px 18px;margin:16px 0;line-height:1.95}.bubble b{display:block;font-size:12px;color:var(--gold);margin-bottom:5px}.clue{border:1px solid var(--edge);background:#d6b57c0b;padding:14px 16px;font-size:14px;line-height:1.9;margin:20px 0}.portrait{width:100%;max-width:280px;aspect-ratio:3/4;background-image:url('assets/cast-episode2.png');background-size:300% auto;background-position:50% top;border-radius:6px;border:1px solid var(--edge);margin:0 auto 18px}.portrait.morita{background-position:0% top}.portrait.kurata{background-position:100% top}.caption{color:var(--muted);font-size:12px;line-height:1.8}.note{border-bottom:1px solid var(--edge);padding:15px 0;line-height:1.85;font-size:14px}.note strong{color:var(--gold)}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.evidence-grid figure{margin:0;background:#f1e6cb;border-radius:5px;padding:6px;color:#27392f}.evidence-grid figcaption{font-size:12px;text-align:center;padding:6px}.diagram{background:#f1e6cb;color:#243b31;border-radius:6px;overflow:hidden;margin:18px 0}.diagram svg{width:100%;display:block;height:auto}.diagram figcaption{padding:10px 15px;line-height:1.7;font-size:12px}svg text{font-family:system-ui,sans-serif}svg .hot{cursor:pointer}svg .hot rect{fill:#1e5b4717;stroke:#2c7159;stroke-width:2;stroke-dasharray:5 4}svg .hot:hover rect,svg .hot:focus rect{fill:#d6ad5260;stroke:#142c23;stroke-dasharray:none}svg .hot text{pointer-events:none;font-size:22px;font-weight:bold}.success{font-size:12px;color:#b9d5aa}.feedback{padding:15px;background:#d6b57c12;border-radius:5px;line-height:1.8}.back{margin-top:24px}details{border-top:1px solid var(--edge);padding-top:16px;line-height:1.9}summary{color:var(--gold);cursor:pointer}footer{max-width:1120px;margin:24px auto;padding:0 26px}button:focus-visible,a:focus-visible,svg .hot:focus-visible{outline:3px solid #f6d796;outline-offset:4px}@media(max-width:780px){header{padding:17px 18px}header span{font-size:10px}main{display:block;margin:20px auto;padding:0 18px}aside{position:static}h1{font-size:30px}.intro{margin:10px 0 16px}.panel{margin-top:22px;padding:23px 20px;min-height:0}.evidence-grid{gap:6px}.evidence-grid figcaption{font-size:10px}.save{margin-bottom:0}h2{font-size:24px}footer{padding:0 18px}}@media(prefers-reduced-motion:no-preference){.panel{animation:enter .2s ease}@keyframes enter{from{opacity:.5}to{opacity:1}}}

.book-diagram svg{height:260px}

.evidence-art{margin:22px 0;border:1px solid var(--edge);border-radius:6px;overflow:hidden}.evidence-art img{display:block;width:100%;height:auto}.evidence-art figcaption{padding:10px 14px;color:var(--muted);font-size:12px;line-height:1.8}