*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:15px/1.55 system-ui,-apple-system,'Malgun Gothic',sans-serif;background:#101b29;color:#eff4fa}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #698197;background:#1c3047;color:#f3f6fb;padding:12px 18px;min-height:48px;border-radius:5px}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:3px solid #f0c56c;outline-offset:2px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}#hud{position:fixed;inset:max(12px,env(safe-area-inset-top)) auto auto max(12px,env(safe-area-inset-left));display:flex;gap:6px;align-items:center;z-index:10}#hud button{background:#15273de8;padding:10px 14px}#clock{background:#132337e6;padding:10px 14px;font-size:12px;max-width:34vw;color:#e1e8ee}#clock b{display:block;color:#f2ca78;font-weight:500}#interact{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));min-width:160px;max-width:250px;background:#193b50f0;border-color:#b2d8df;z-index:12}#pad{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));text-align:center;z-index:12;touch-action:none;display:none}#pad button{width:53px;height:49px;margin:2px;padding:0;font-size:22px;background:#182c42ce;user-select:none}#place-title{position:fixed;top:12vh;left:50%;transform:translateX(-50%);background:#0e1b2de6;border-bottom:2px solid #dfb85f;padding:10px 30px;opacity:0;z-index:13;pointer-events:none;transition:opacity .3s}#place-title.show{opacity:1}#toast{position:fixed;top:max(70px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#0e2439f5;border-left:3px solid #e0ba68;padding:12px 20px;max-width:70vw;z-index:80;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}#fade{position:fixed;inset:0;background:#07111c;opacity:0;pointer-events:none;z-index:95;transition:opacity .28s}#fade.dark{opacity:.95}
#dialogue{position:fixed;inset:0;z-index:30;pointer-events:none;background:linear-gradient(transparent 35%,#07142455)}#dialogue-box{position:absolute;bottom:0;left:0;right:0;min-height:27vh;max-height:49vh;background:linear-gradient(100deg,#0a192afc,#152d44fa);border-top:2px solid #dcb977;padding:18px max(4vw,env(safe-area-inset-right)) 16px max(4vw,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto;gap:8px 20px;pointer-events:auto;box-shadow:0 -10px 35px #08142633}#dialogue header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.06em;color:#adc2d0}#person-info{padding:3px 10px;min-height:30px;font-size:11px;background:transparent}#speaker{position:absolute;top:-36px;left:4vw;min-width:145px;padding:7px 25px;background:#20435e;border:1px solid #afc9d5;border-bottom:0;font-size:13px;color:#fff}#line{min-width:0;max-height:21vh;overflow:auto;grid-column:1/-1}#speech{font-size:clamp(15px,1.5vw,20px);line-height:1.8;margin:0;white-space:pre-line}#answers{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;max-height:27vh;overflow:auto}#answers button{flex:1 1 220px;text-align:left;border-left:3px solid #dfbc78;background:#1b344c}#answers button:hover{background:#2c4b67}#dialogue footer{grid-column:1/-1;font-size:10px;color:#b1c1ce}#portraits{position:absolute;left:7vw;right:6vw;bottom:calc(var(--box-height,29vh) - 1px);display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;clip-path:inset(-100vh -50vw 0 -50vw)}#portraits figure{margin:0;position:relative;overflow:hidden}#portraits img{display:block;height:min(50vh,520px);width:min(40vw,460px);object-fit:contain;object-position:center bottom;transform:translateY(var(--bust-sink,0%))}#hero-figure{opacity:.5;filter:saturate(.6)}#hero-figure.active{opacity:1;filter:none}#partner-figure.quiet{opacity:.65}#portraits figcaption{display:none}
#overlay{position:fixed;inset:0;z-index:60;background:#0d1c2af5;display:flex;align-items:stretch}#overlay-card{width:100%;height:100%;overflow:auto;padding:24px max(5vw,env(safe-area-inset-right)) 26px max(5vw,env(safe-area-inset-left))}#overlay-card h2{font-size:24px;margin:0 0 14px;border-bottom:1px solid #5a6e80;padding-bottom:12px}#overlay-card p{max-width:850px;color:#d7e0e9}#overlay-card .actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}#overlay-card .actions button{flex:0 1 auto}#overlay-card small{color:#a8bdca}#overlay-card article{padding:14px;background:#1a2d40;border:1px solid #4b6376;border-radius:5px}#overlay-card article h3{font-size:15px;margin:4px 0}#overlay-card article p{font-size:13px}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.record-kind{font-size:10px;color:#f2ca79;letter-spacing:.1em}.record-grid button{width:100%;padding:8px;font-size:12px;min-height:42px}.record-zoom{display:grid;grid-template-columns:minmax(180px,32%) 1fr;gap:25px}.record-paper{background:#e9e6da;color:#263745;padding:25px;border-top:8px solid #34516b;min-height:180px;box-shadow:8px 8px 0 #0003;font-size:14px}.record-paper h3{font:600 18px/1.5 system-ui;margin:10px 0}.record-paper p{color:#344455!important;font-size:12px;white-space:pre-line}.record-paper:before{content:'RECORD';font-size:10px;letter-spacing:.2em;border:1px solid #a0a9ab;padding:3px 8px}.case-claim{border-left:4px solid #e1b16b;background:#24384b;padding:15px;margin:15px 0}.case-claim b{color:#f6c47b}.evidence-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.evidence-pick button{text-align:left}.evidence-pick small{display:block;margin-top:6px}.chapter-chip{display:inline-block;font-size:11px;color:#ecc77b;border:1px solid #76694d;padding:3px 8px}.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.map-room{padding:16px;border:1px solid #536b80;background:#182b40}.map-room b{display:block;color:#efca83}.map-room span{font-size:12px;color:#b7c7d0}.hint{color:#e4c48b!important;font-size:13px}.effect-flash{position:fixed;inset:0;background:#fff;pointer-events:none;z-index:100;animation:caseflash .35s both}.present-banner{position:fixed;top:28%;left:0;right:0;z-index:85;text-align:center;background:#183f5ce8;border-block:2px solid #ebca8b;padding:18px;pointer-events:none;font-size:clamp(20px,4vw,44px);animation:casebanner .85s both}body.reading #hud,body.reading #pad,body.reading #interact{visibility:hidden}#mobile-screen{position:fixed;top:10px;right:12px;z-index:15;font-size:11px;padding:7px 12px;min-height:40px}body.mobile-reading #mobile-screen{display:none}@keyframes caseflash{from{opacity:.7}to{opacity:0}}@keyframes casebanner{0%{opacity:0;transform:translateX(-5%)}15%,75%{opacity:1;transform:none}100%{opacity:0}}
@media(pointer:coarse),(max-height:550px){#pad{display:block}body{font-size:12px}button{font-size:12px;min-height:44px;padding:9px 13px}#hud{top:max(7px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));gap:4px}#hud button{padding:7px 10px}#clock{font-size:10px;padding:6px 10px;max-width:37vw}#pad button{width:46px;height:44px;font-size:18px}#interact{font-size:12px;min-width:135px;max-width:210px}#dialogue-box{min-height:32vh;max-height:57vh;padding:10px max(3vw,env(safe-area-inset-right)) 8px max(3vw,env(safe-area-inset-left));gap:5px}#speaker{top:-29px;font-size:11px;padding:5px 16px;min-width:120px}#speech{font-size:14px;line-height:1.6}#line{max-height:20vh}#answers{max-height:29vh;gap:5px}#answers button{flex-basis:31%;font-size:12px;min-height:44px;padding:8px 11px}#portraits{left:8vw;right:7vw}#portraits img{height:53vh;width:33vw}#overlay-card{padding:12px max(3vw,env(safe-area-inset-right))}#overlay-card h2{font-size:18px;margin-bottom:10px;padding-bottom:7px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#overlay-card article{padding:10px}#overlay-card article p{font-size:12px}.record-paper{padding:15px}.record-zoom{gap:16px}.evidence-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#toast{top:55px;font-size:11px;max-width:80vw;padding:9px 14px}}
@media(max-width:550px) and (orientation:portrait){#clock{max-width:36vw}#portraits img{height:38vh;width:44vw}#answers button{flex-basis:100%}#dialogue-box{max-height:57vh}#answers{max-height:26vh}.record-grid,.record-zoom{grid-template-columns:1fr}.evidence-pick,.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pad button{width:42px;height:44px}#interact{max-width:155px}#overlay-card h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.mm-dialog{background:#122439;color:#eef3f7;border:1px solid #738b9b;border-radius:5px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.mm-dialog::backdrop{background:#071423ed}.mm-root{max-height:calc(100dvh - 22px)}.mm-instruction,.mm-card-text,.mm-tip,.mm-clue small{color:#bed0dc}.mm-footer{background:#152c41;border-color:#5b7180}.mm-card,.mm-button,.mm-close{background:#21394f;color:#f2f6fa;border-color:#698699;border-radius:4px}.mm-card[aria-pressed=true]{background:#3c5369;border-color:#ecc47c;box-shadow:inset 0 0 0 1px #ecc47c}.mm-primary{background:#e7c17d;color:#192d40;border-color:#f3d79f}.mm-clue{background:#1c354b;border-color:#6d8390;border-left-color:#e8be75}.mm-pattern{background:#2b4253}.mm-pairs li{background:#284153;border-left-color:#e8be75}.mm-success{color:#b5e0ce}.mm-paper{background:#263e52}.mm-number{color:#f0c77c}.mm-card-title{font-size:15px}.murder-effects{background:#091725}.murder-effects .me-shade{background:linear-gradient(0deg,#081421fa,#081421c9 30%,transparent 75%)}.murder-effects .me-next{background:#e7c17d;color:#172b40;border-radius:4px}.murder-effects button{border-radius:4px}.murder-effects-impact{background:#142e45f5;color:#f1f4f7;border-left-color:#e5bd70}.murder-effects.me-type-only .me-art{background:linear-gradient(145deg,#294d64,#091725)}
@media(pointer:coarse),(max-height:550px){.mm-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.mm-root{max-height:calc(100dvh - 14px)}.mm-head{padding:9px 14px 6px}.mm-head h2{font-size:16px}.mm-instruction{padding:0 14px 7px;font-size:11px}.mm-board{padding:6px 14px 10px}.mm-card{padding:10px;font-size:12px}.mm-card-title{font-size:13px}.mm-card-text{font-size:12px}.mm-footer{padding:7px 14px 9px}.mm-button,.mm-close{min-height:44px}.murder-effects h2{font-size:22px}.murder-effects #murder-effects-text{font-size:13px}.murder-effects .me-content{padding:12px 20px}.murder-effects button{font-size:12px}}
#look{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 65px));min-width:160px;max-width:250px;background:#674d26ed;border-color:#dfbd7b;z-index:12}body.reading #look{visibility:hidden}@media(pointer:coarse),(max-height:550px){#look{font-size:12px;max-width:210px;min-width:135px}}

.compare-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare-records article{padding:14px;background:#182536;border:1px solid #647486;border-radius:10px}.compare-records p{white-space:pre-wrap}#own-notes{display:block;width:100%;min-height:160px;box-sizing:border-box;margin:12px 0;padding:12px;color:#f4efdf;background:#172435;border:1px solid #a89972;border-radius:8px;font:inherit;resize:vertical}@media(max-width:550px){.compare-records{grid-template-columns:1fr}}

/* Circular thumb stick: the pointer remains captured outside its visible ring. */
#pad{--stick-size:clamp(108px,28vh,136px);width:var(--stick-size);height:var(--stick-size);left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));border:1.5px solid #d0d9d581;border-radius:50%;background:#14222c6e;box-shadow:inset 0 0 0 1px #07131940;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:5px;cursor:grab;-webkit-tap-highlight-color:transparent}
#pad.active{background:#192e3c88;border-color:#e6ebdcab;cursor:grabbing}
.stick-track{position:absolute;inset:17%;border:1px solid #c1d4d118;border-radius:50%;pointer-events:none}
.stick-thumb{position:absolute;left:50%;top:50%;width:40%;height:40%;border:1px solid #f3f2e031;border-radius:50%;background:#bcc2b58f;box-shadow:0 2px 9px #0003;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)));pointer-events:none}
#pad:not(.active) .stick-thumb{transition:transform .1s ease-out}
@media(max-height:350px){#pad{--stick-size:100px;bottom:max(16px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left))}}