/* v0.9 사건 노트 · 생각 정리 · 장 구분 · 둘러보기 표시 */
:root{--v9-ink:#0c1a26;--v9-panel:#112536;--v9-line:#3d5b6e;--v9-gold:#e7c27a;--v9-paper:#f3eedf;--v9-paper-ink:#273a42;--v9-teal:#5fb3a1;--v9-red:#e2775f;--v9-amber:#e8b25a;--v9-muted:#9db3c0}
#notebook{position:relative}#notebook .v9-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--v9-red);color:#fff;font:700 11px/19px system-ui;font-style:normal;box-shadow:0 0 0 2px #0c1a26;animation:v9-pop .35s ease-out}
#clock .v9-day{display:inline-block;margin-right:7px;padding:1px 7px;border-radius:3px;background:var(--v9-gold);color:#1b2a33;font-weight:700;font-size:11px}
@keyframes v9-pop{0%{transform:scale(.4)}70%{transform:scale(1.15)}}
/* 사건 노트 */
#v9-book{position:fixed;inset:0;z-index:64;background:#0a1621f2;display:flex;justify-content:center;color:#eef3f5}
#v9-book[hidden],#v9-deduce[hidden],#v9-chapter[hidden]{display:none!important}
.v9-book-inner{width:min(1180px,100%);height:100%;display:grid;grid-template-rows:auto auto 1fr auto;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.v9-book-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:1px solid var(--v9-line);padding-bottom:10px}.v9-book-head small{color:var(--v9-gold);font-size:11px;letter-spacing:.08em}.v9-book-head h2{margin:2px 0 0;font-size:clamp(20px,3vw,28px)}
.v9-close{min-height:40px;padding:8px 18px}
.v9-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0}.v9-tabs button{min-height:38px;padding:7px 14px;border-radius:20px;background:#162d40;border-color:#405b6e;font-size:13px}.v9-tabs button.on{background:var(--v9-gold);color:#1b2a33;border-color:var(--v9-gold);font-weight:700}.v9-tabs i{font-style:normal;margin-left:4px;background:var(--v9-red);color:#fff;border-radius:9px;padding:0 6px;font-size:11px}
.v9-book-body{overflow:auto;padding:4px 2px 18px;overscroll-behavior:contain}
.v9-book-foot{display:flex;flex-wrap:wrap;gap:6px 16px;border-top:1px solid var(--v9-line);padding-top:8px;font-size:11px;color:var(--v9-muted)}
.v9-empty{color:#cdd9df;line-height:1.8;max-width:680px;padding:18px;border:1px dashed #4b677a;border-radius:6px}
.v9-lead{color:#d9e4ea;font-size:14px;margin:4px 0 12px}.v9-lead b{color:var(--v9-gold)}
.v9-questions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.v9-q{background:var(--v9-paper);color:var(--v9-paper-ink);border-radius:4px;padding:14px 16px 12px;box-shadow:0 3px 0 #b8a984,0 8px 18px #0005;position:relative}.v9-q:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--v9-gold)}
.v9-q h3{margin:0 0 8px;font-size:16px}.v9-q ul{margin:0;padding-left:18px;line-height:1.65;font-size:13.5px}.v9-q p{margin:0;color:#7d8a8c;font-size:13px}.v9-q-open{opacity:.82}.v9-q-open:before{background:#a9b2b2}
.v9-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.v9-person{background:#13293a;border:1px solid #36546a;border-radius:6px;padding:12px 14px;display:grid;gap:8px}.v9-person header{display:flex;justify-content:space-between;align-items:center;gap:8px}.v9-person header b{font-size:15px}
.v9-person span{display:block;font-size:10px;letter-spacing:.08em;color:var(--v9-gold);margin-bottom:2px}.v9-claim{margin:0;font-size:13px;line-height:1.55;color:#e6edf0}.v9-person ul{margin:0;padding-left:17px;font-size:12.5px;line-height:1.6;color:#d3dee4}.v9-notes span{color:#c0a0d8}
.v9-p-cleared{border-color:#3f7c70;background:#122d30}.v9-p-contradicted{border-color:#9c4c3c;background:#2c1c1e}.v9-p-suspect{border-color:#8a6b34}
.v9-stamp{display:inline-block;padding:3px 8px;border:2px solid currentColor;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.04em;transform:rotate(-3deg);white-space:nowrap}
.v9-st-unknown{color:#9fb2bd}.v9-st-suspect{color:var(--v9-amber)}.v9-st-cleared{color:var(--v9-teal)}.v9-st-contra{color:var(--v9-red)}
.v9-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.v9-card{background:var(--v9-paper);color:var(--v9-paper-ink);border-radius:3px;padding:12px 14px;position:relative;box-shadow:0 6px 14px #0005}.v9-card h3{margin:3px 0 6px;font-size:15px}.v9-card p{margin:0;font-size:12.5px;line-height:1.6}
.v9-kind{font-size:10px;letter-spacing:.06em;color:#8b6b2f;font-weight:700}.v9-new:after{content:'NEW';position:absolute;top:8px;right:10px;font:800 10px system-ui;color:#fff;background:var(--v9-red);padding:2px 6px;border-radius:3px}
.v9-log{display:grid;gap:8px;max-width:860px}.v9-log article{background:#13283a;border-left:3px solid #4f6f84;padding:8px 12px}.v9-log b{font-size:12px;color:var(--v9-gold)}.v9-log p{margin:3px 0 0;font-size:13px;line-height:1.6}.v9-log .v9-log-thought{border-left-color:#a9b8e3;background:#1b2135}
/* 생각 정리 / 기록 제시 */
#v9-deduce{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 40%,#1c2a44e6,#070d16f5)}
#v9-deduce.v9-trial{background:radial-gradient(circle at 50% 30%,#3a2a1ce6,#0b0a0af5)}
.v9-deduce-card{position:relative;width:min(1020px,100%);max-height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;background:#0f2131;border:1px solid #4e6c80;border-top:3px solid var(--v9-gold);border-radius:6px;padding:16px 18px;box-shadow:0 20px 50px #000a;overflow:hidden}
.v9-trial .v9-deduce-card{border-top-color:#e98e5b;background:#1d1714}
.v9-deduce-card header small{color:var(--v9-gold);font-size:11px;letter-spacing:.12em}.v9-trial .v9-deduce-card header small{color:#f1a777}
.v9-deduce-card h2{margin:4px 0 2px;font-size:clamp(17px,2.4vw,23px);line-height:1.5}.v9-guide{margin:0;color:var(--v9-muted);font-size:12px}
.v9-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;overflow:auto;min-height:90px;align-content:start;padding:2px}
.v9-pcard{text-align:left;min-height:64px;padding:9px 11px;background:var(--v9-paper);color:var(--v9-paper-ink);border:2px solid transparent;border-radius:3px;display:grid;gap:3px;align-content:start}.v9-pcard b{font-size:13px;line-height:1.35}.v9-pcard:hover{transform:translateY(-2px)}.v9-pcard.on{border-color:var(--v9-gold);box-shadow:0 0 0 3px #e7c27a55;transform:translateY(-2px)}
.v9-pcard.assist,.v9-opt.assist{animation:v9-glow 1.3s ease-in-out infinite}.v9-pcard.right,.v9-opt.right{border-color:var(--v9-teal)!important;box-shadow:0 0 0 4px #5fb3a166}
@keyframes v9-glow{50%{box-shadow:0 0 0 4px #ffd98a88,0 0 18px #ffd98a}}
.v9-detail{background:#0b1824;border:1px solid #2e4a5d;border-radius:4px;padding:10px 12px;display:grid;gap:4px}.v9-trial .v9-detail{background:#140f0d;border-color:#4d3a2c}.v9-detail h3{margin:0;font-size:15px;color:#f4ead2}.v9-detail p{margin:0;font-size:13px;line-height:1.6;color:#d7e1e6}.v9-detail .v9-kind{color:var(--v9-gold)}.v9-muted{color:var(--v9-muted)!important}
.v9-submit{justify-self:end;margin-top:4px;min-height:44px;background:#7a5a22;border-color:var(--v9-gold);font-weight:700}.v9-submit:disabled{opacity:.45;cursor:default}
.v9-options{display:grid;gap:8px}.v9-opt{text-align:left;min-height:50px;font-size:14px;background:#17324a}.v9-opt:hover{background:#1f3f5b}
.v9-feedback{border-left:3px solid var(--v9-amber);background:#2a2416;padding:8px 12px;font-size:13px;line-height:1.6}.v9-feedback p{margin:2px 0}.v9-fb-said b{color:var(--v9-amber);margin-right:8px}.v9-fb-hint{color:#f6e2b0}.v9-fb-assist{color:#ffd98a;font-weight:700}
.v9-deduce-card.shake{animation:v9-shake .38s}@keyframes v9-shake{20%{transform:translateX(-7px)}45%{transform:translateX(6px)}70%{transform:translateX(-3px)}}
.v9-solved-stamp{position:absolute;right:28px;top:22px;padding:6px 18px;border:4px solid var(--v9-teal);color:var(--v9-teal);font:900 26px system-ui;letter-spacing:.15em;transform:rotate(-9deg) scale(2);opacity:0;animation:v9-stamp .45s cubic-bezier(.2,1.5,.5,1) forwards;background:#0f2131cc}
@keyframes v9-stamp{to{transform:rotate(-9deg) scale(1);opacity:1}}
@media(max-width:700px),(max-height:560px){.v9-deduce-card{padding:12px;gap:8px}.v9-pick{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.v9-pcard{min-height:54px;padding:7px 9px}.v9-pcard b{font-size:12px}.v9-detail p{font-size:12px}}
@media(orientation:landscape) and (max-height:560px){.v9-deduce-card{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto}.v9-deduce-card header{grid-column:1/-1}.v9-feedback{grid-column:1/-1}.v9-ch .v9-options{grid-column:1/-1}}
/* 장 구분 */
#v9-chapter{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#16283a,#05090e 75%);opacity:0;transition:opacity .25s;padding:16px;overflow:auto}#v9-chapter.show{opacity:1}
.v9-chapter-inner{width:min(720px,100%);text-align:center;color:#f2ead7;max-height:100%}
.v9-chapter-inner>small{letter-spacing:.5em;color:var(--v9-gold);font-size:12px}.v9-chapter-inner h1{margin:10px 0 4px;font-size:clamp(30px,6vw,52px);letter-spacing:.08em}.v9-chapter-inner>p{margin:0 0 18px;color:#c7d3da;font-size:15px}
.v9-chapter-inner>button{margin-top:16px;min-width:200px;background:#7a5a22;border-color:var(--v9-gold);font-weight:700}
.v9-recap{text-align:left;background:#0f2131cc;border:1px solid #33506a;border-radius:6px;padding:10px 14px;margin:10px auto;max-width:560px}.v9-recap h3{margin:0 0 6px;font-size:13px;color:var(--v9-gold)}.v9-recap ul{margin:0;padding-left:18px;font-size:13px;line-height:1.7}.v9-recap-board{list-style:none;padding:0!important;display:grid;gap:5px}.v9-recap-board li{display:flex;justify-content:space-between;align-items:center;gap:8px}
.v9-intro{max-width:600px;margin:0 auto 12px!important;line-height:1.75}.v9-intro b{color:var(--v9-gold)}
.v9-howto{text-align:left;list-style:none;padding:0;margin:0 auto;max-width:600px;display:grid;gap:8px}.v9-howto li{background:#0f2131cc;border:1px solid #33506a;border-radius:5px;padding:9px 12px;font-size:13px;line-height:1.6}.v9-howto b{display:block;color:var(--v9-gold);font-size:13px}
.v9-mark{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;background:#fae39c;color:#4e4635;font-weight:800;font-size:11px}
/* 알림 */
#v9-toasts{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(66px,calc(env(safe-area-inset-top) + 60px));z-index:85;display:grid;gap:8px;width:min(330px,calc(100vw - 24px));pointer-events:none}
.v9-toast{background:#0f2434f2;border:1px solid #47657a;border-left:4px solid var(--v9-gold);border-radius:5px;padding:9px 13px;box-shadow:0 8px 20px #0007;transform:translateX(120%);opacity:0;transition:transform .35s cubic-bezier(.2,1.2,.4,1),opacity .3s}.v9-toast.show{transform:none;opacity:1}
.v9-toast small{display:block;font-size:10px;color:var(--v9-gold);letter-spacing:.05em}.v9-toast b{font-size:14px}.v9-t-board{border-left-color:var(--v9-teal)}.v9-t-board small{color:var(--v9-teal)}
/* 말풍선 · 지도 */
.v9-bubble{position:fixed;left:0;top:0;z-index:9;pointer-events:none;min-width:26px;height:22px;padding:0 6px;border-radius:11px;background:#fff7dc;color:#2f3f46;font:800 13px/20px system-ui;text-align:center;border:1px solid #6b5a3a;box-shadow:0 2px 5px #0006;animation:v9-float 1.6s ease-in-out infinite}
.v9-bubble:after{content:'';position:absolute;left:50%;bottom:-6px;margin-left:-5px;border:5px solid transparent;border-top-color:#fff7dc;border-bottom:0}
.v9-bubble-side{background:#ffd36b;color:#3a2a0b}.v9-bubble-side:after{border-top-color:#ffd36b}
@keyframes v9-float{50%{margin-top:-4px}}
body.reading .v9-bubble{display:none}
.v9-dot{display:inline-block;font-style:normal;font-size:10px;margin:5px 5px 0 0;padding:2px 7px;border-radius:9px;background:#fae39c;color:#3a3220}.v9-dot-talk{background:#cfe6f2;color:#1d3542}
/* 엔딩 요약 */
.v9-end{margin:12px auto 0;max-width:640px;text-shadow:none}.v9-end-rank{margin:0 0 6px}.v9-end-rank small{display:block;font-size:10px;letter-spacing:.2em;color:var(--v9-gold)}.v9-end-rank b{font-size:18px;margin-right:8px}.v9-end-rank span{font-size:12px;color:#d9d0bd}
.v9-end ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.v9-end li{font-size:11px;padding:3px 9px;border-radius:12px;background:#0d1d2bcc;border:1px solid #4a6375}.v9-end li b{color:var(--v9-gold)}
@media(orientation:landscape) and (max-height:550px){.v9-end{margin-top:6px}.v9-end-rank b{font-size:14px}.v9-end li{font-size:10px;padding:2px 7px}}
@media(max-width:550px){.v9-board,.v9-questions,.v9-cards{grid-template-columns:1fr}.v9-tabs button{padding:6px 11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.v9-bubble,.v9-pcard.assist,.v9-opt.assist{animation:none}.v9-toast{transition:none}}

.v9-cats{display:flex;gap:6px;flex-wrap:wrap}.v9-cats button{min-height:30px;padding:4px 11px;border-radius:15px;font-size:12px;background:#162d40;border-color:#405b6e}.v9-cats button.on{background:var(--v9-gold);color:#1b2a33;border-color:var(--v9-gold);font-weight:700}
.v9-deduce-card{grid-template-rows:auto auto 1fr auto auto}
@media(orientation:landscape) and (max-height:560px){.v9-cats{grid-column:1/-1}}

.v9-langs{display:flex;gap:8px;justify-content:center;margin:6px 0 2px}.v9-langs a{color:#c7d3da;font-size:12px;padding:3px 10px;border:1px solid #4b677a;border-radius:12px;text-decoration:none}.v9-langs a.on{background:var(--v9-gold);color:#1b2a33;border-color:var(--v9-gold)}
html[data-lang=en] #speech,html[data-lang=en] .v9-detail p{word-break:normal;overflow-wrap:anywhere}
html[data-lang=ja] body{font-family:system-ui,'Hiragino Sans','Yu Gothic UI','Meiryo',sans-serif}

#v9-chapter{background-size:cover;background-position:center}
.v9-ico{width:16px;height:16px;image-rendering:pixelated;vertical-align:-3px;margin-right:4px}.v9-stamp .v9-ico{width:16px;height:16px}#notebook .v9-ico{width:20px;height:20px;margin-right:5px}
.v9-bubble.v9-bubble-img{background:none;border:0;box-shadow:none;min-width:0;padding:0;height:auto}.v9-bubble.v9-bubble-img:after{display:none}.v9-bubble img{width:30px;height:30px;image-rendering:pixelated;display:block}