:root{color-scheme:dark;--ink:#0b181b;--panel:#142c30;--gold:#f0c477;--cream:#fff2d5;--muted:#a9c0bd;--teal:#8bd3c7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#23464a,#0b181b 75%);font-family:Arial,Helvetica,sans-serif;color:var(--cream);min-height:100vh}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #78908c55;border-radius:6px;background:#1c373b;padding:11px 16px;transition:background .15s,transform .15s}button:hover{background:#2e5052}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.top{max-width:1440px;margin:auto;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d2bd8b33}.top>a{font-size:13px;font-weight:bold;letter-spacing:2px}.edition{font-size:11px;letter-spacing:3px;color:var(--muted)}.top-tools{display:flex;gap:7px}.top-tools button{font-size:12px;padding:8px 12px}main{max-width:1440px;margin:auto;padding:24px 30px}.title-screen{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #b49b6355;border-radius:12px;overflow:hidden;background:#102c30;box-shadow:0 25px 80px #0006}.title-copy{padding:60px 25px 45px 48px;z-index:2;align-self:center}.kicker{font-size:11px;letter-spacing:2.5px;color:var(--gold);font-weight:bold;margin:0 0 12px}.title-copy h1{font-family:Georgia,serif;font-weight:normal;margin:28px 0 23px;line-height:1}.title-copy h1 span{font-size:clamp(22px,2.4vw,36px);display:block;margin-bottom:9px}.title-copy h1 strong{font-size:clamp(45px,5.8vw,82px);font-weight:normal;color:var(--gold);letter-spacing:-3px}.title-copy #intro{font:23px/1.4 Georgia,serif;max-width:430px}.muted{color:var(--muted);line-height:1.7;font-size:15px;max-width:430px}.start-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 22px}.primary{background:var(--gold);color:#142b2e;font-weight:bold;border-color:var(--gold);padding:15px 24px}.primary:hover{background:#ffdda0}.secondary{background:transparent;color:var(--gold)}.tiny{font-size:11px;line-height:1.7;color:var(--muted)}.credit{max-width:370px}.title-art{background:center/cover url('assets/cover-painted.png');min-height:100%;position:relative}.title-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c30,transparent 30%)}.stamp{position:absolute;right:23px;top:28px;z-index:3;transform:rotate(9deg);border:2px solid #eed08e88;color:#ffe2a6aa;padding:8px 10px;font-size:11px;letter-spacing:4px}.missionbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.missionbar h1{margin:0;font:25px Georgia,serif}.missionbar .kicker{margin:0 0 5px}.case-progress{width:170px;text-align:right;color:var(--muted);font-size:11px}.progress-track{height:3px;background:#45605d;margin-top:10px}.progress-track span{height:100%;background:var(--gold);display:block;transition:width .5s}.stage{position:relative;aspect-ratio:16/9;background:#061013;border-radius:8px 8px 0 0;overflow:hidden;border:1px solid #c4aa6c66}canvas{width:100%;height:100%;display:block;touch-action:none}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,0);pointer-events:auto;white-space:nowrap;background:#071b20df;box-shadow:0 3px 10px #0006;color:#fff2d5;font-size:12px;padding:7px 10px;border:1px solid #f6d590b3;border-radius:18px;min-height:34px;display:flex;align-items:center;gap:6px}.hotspot:before{content:'◇';color:var(--gold)}.hotspot.photo:before{content:'◎'}.hotspot:hover,.hotspot:focus-visible{background:#eac07d;color:#122b2e;z-index:9}.hotspot:hover:before{color:inherit}.film-corner{position:absolute;pointer-events:none;width:24px;height:24px;border-color:#fff9;border-style:solid}.tl{left:15px;top:15px;border-width:1px 0 0 1px}.br{right:15px;bottom:15px;border-width:0 1px 1px 0}.scene-banner{position:absolute;left:50%;top:25px;transform:translateX(-50%);padding:12px 25px;background:#102b30de;border:1px solid #e8c27a66;letter-spacing:1px;font:21px Georgia,serif;pointer-events:none;opacity:0;transition:opacity .7s;white-space:nowrap}.scene-banner.show{opacity:1}#camera-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}#camera-flash.flash{animation:flash .4s}@keyframes flash{0%{opacity:.85}100%{opacity:0}}.dashboard{display:flex;align-items:center;gap:18px;background:#153338;padding:15px 18px;border:1px solid #d9bd7b44;border-top:0;border-radius:0 0 8px 8px}.hero-switch{display:flex;align-items:center;gap:10px;text-align:left;background:#0d2226;flex-shrink:0;min-width:167px;padding:10px}.hero-icon{font-size:26px;color:var(--gold)}.hero-switch strong{display:block;font-size:15px}.hero-switch small{display:block;font-size:10px;color:var(--muted);margin-top:4px;max-width:140px}#objective{font-size:13px;line-height:1.6;flex:1;margin:0;color:#f4e5c9}.action-buttons{display:flex;gap:6px;flex-shrink:0}.action-buttons button{font-size:12px;padding:12px 10px;white-space:nowrap}.action-buttons b{background:#efc476;color:#173033;border-radius:10px;font-size:10px;padding:2px 5px}.bottom-line{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:12px 3px}footer{display:flex;max-width:1440px;margin:0 auto;justify-content:space-between;padding:0 30px 22px;color:#819f9d;font-size:9px;letter-spacing:1.5px}dialog{background:#102a2e;color:var(--cream);border:1px solid #caab6c;border-radius:10px;max-width:min(850px,94vw);width:680px;max-height:88dvh;padding:25px 30px;box-shadow:0 25px 80px #000b}dialog::backdrop{background:#030c11aa;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-head .kicker{margin:0}.modal-head button{padding:1px 10px;font-size:27px;border:0;background:transparent}dialog h2{font:30px/1.1 Georgia,serif;margin:10px 0 20px;color:var(--gold)}dialog p{line-height:1.8;font-size:15px}.dialogue-layout{display:flex;align-items:center;gap:25px}.portrait{width:115px;height:190px;flex-shrink:0;object-fit:contain}.dialogue-copy{flex:1}.dialogue-copy p{margin-top:0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.map-card{min-height:120px;padding:0;overflow:hidden;text-align:left;position:relative;border-color:#768e8b88}.map-art{height:95px;background-size:200% 200%;display:block}.map-card strong{display:block;padding:10px 12px;font-size:13px}.map-card small{display:block;padding:0 12px 10px;color:var(--muted);font-size:10px}.map-card.locked .map-art{filter:grayscale(1);opacity:.3}.map-card.current{border:2px solid var(--gold)}.bag{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.bag span{border:1px solid #8aaba055;border-radius:5px;padding:7px 10px;color:var(--teal);font-size:11px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence-card{display:block;text-align:left;background:#e9e0c9;color:#182e31;border:3px solid transparent;padding:14px 15px;min-height:110px;border-radius:3px;transform:rotate(-.3deg)}.evidence-card:hover{background:#fff0cd}.evidence-card[aria-pressed=true]{border-color:#ecb144;background:#fff0cc}.evidence-card .evidence-icon{float:right;font-size:32px;color:#a2834f;line-height:1}.evidence-card strong{display:block;font:17px Georgia,serif;margin-bottom:8px;padding-right:25px}.evidence-card small{font-size:11px;line-height:1.6;display:block}.deduction-box{padding:20px;background:#1c3c3f;border-left:3px solid var(--gold);margin:22px 0 8px}.deduction-box h3{font:21px Georgia,serif;margin:0 0 14px}.choices{display:grid;gap:9px;margin-top:15px}.choices button{text-align:left;line-height:1.5}.feedback{color:var(--gold);min-height:22px;font-size:13px;margin:14px 0 0}.digits{display:flex;gap:15px;justify-content:center;margin:25px 0}.digits label{text-align:center;color:var(--gold);font-size:12px}.digits select{display:block;width:80px;padding:15px;margin-top:9px;font:35px Georgia,serif;text-align:center;background:#071d22;color:var(--gold);border:1px solid #c5a86d;border-radius:6px}.sequence{display:flex;justify-content:center;gap:10px;margin:25px 0}.sequence button{font:28px Georgia,serif;width:65px}.sequence-display{font:30px monospace;letter-spacing:12px;text-align:center;color:var(--teal);min-height:36px}.chess-wrap{max-width:370px;margin:20px auto}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);border:3px solid #997950;aspect-ratio:1}.chessboard button{padding:0;position:relative;border:0;border-radius:0;aspect-ratio:1;font-size:28px;min-width:0;color:#1d3033;background:#d9ccb0}.chessboard button.dark{background:#5e827d}.chessboard button small{position:absolute;bottom:2px;right:3px;font-size:9px;opacity:.8}.chessboard button.selected{outline:3px solid #ffc46f;outline-offset:-3px;background:#f0bd69}.chessboard button:hover{box-shadow:inset 0 0 0 3px #ffd16c}.ending{text-align:center}.ending .seal{color:var(--gold);font-size:65px}.ending h3{font:28px Georgia,serif;color:var(--gold)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#efc376;color:#122b2e;padding:13px 22px;border-radius:6px;box-shadow:0 8px 30px #0007;z-index:20;opacity:0;pointer-events:none;transition:.3s;font-size:13px;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1450px){main{padding-top:30px}.stage{max-height:calc(100dvh - 260px);aspect-ratio:16/9;width:auto;margin:auto}#play-screen{max-width:1250px;margin:auto}}@media(max-width:900px){.title-screen{min-height:580px}.title-copy{padding:35px 15px 25px 25px}.title-copy #intro{font-size:19px}.muted{font-size:13px}.dashboard{gap:10px;padding:12px}.hero-switch{min-width:137px}#objective{font-size:11px}.action-buttons button{font-size:11px;padding:10px 8px}.action-buttons button span{display:none}.hotspot{font-size:10px;padding:5px 8px;min-height:29px}.edition{display:none}}@media(max-width:600px){main{padding:14px 10px}.top{padding:10px 14px}.top-tools button{padding:8px 9px}.top-tools #sound span{display:none}.title-screen{display:flex;flex-direction:column-reverse;min-height:0}.title-art{height:260px;min-height:260px;background-position:center 40%}.title-art:after{background:linear-gradient(0deg,#102c30,transparent 45%)}.title-copy{padding:12px 24px 24px}.title-copy h1{margin:15px 0}.title-copy h1 strong{font-size:50px}.title-copy #intro{font-size:20px}.stamp{top:15px}.title-copy .muted{font-size:13px}.missionbar h1{font-size:19px}.missionbar .kicker{font-size:9px}.case-progress{width:80px;font-size:9px}.stage{overflow:visible;margin-bottom:0;border-radius:5px}.hotspot{font-size:8px;padding:4px 6px;gap:3px;min-height:24px;max-width:110px;white-space:normal;line-height:1.15;text-align:left}.scene-banner{font-size:13px;top:10px;padding:8px 12px}.film-corner{width:12px;height:12px}.tl{left:8px;top:8px}.br{right:8px;bottom:8px}.dashboard{flex-wrap:wrap;gap:10px}.hero-switch{min-width:135px;order:1}.hero-switch small{font-size:9px}.action-buttons{order:2;flex:1;justify-content:flex-end}.action-buttons button{min-height:43px}.action-buttons button span{display:inline;font-size:9px}.action-buttons #pause span{display:none}#objective{order:3;flex-basis:100%;font-size:12px;border-top:1px solid #79928e44;padding-top:10px}.bottom-line{font-size:9px;line-height:1.6}.bottom-line #howto{max-width:65%}footer{padding:5px 14px 20px;font-size:8px;gap:15px;line-height:1.6}dialog{padding:17px;max-height:90dvh}dialog h2{font-size:25px}dialog p{font-size:14px}.dialogue-layout{gap:12px}.portrait{width:70px;height:160px}.evidence-grid{grid-template-columns:1fr}.evidence-card strong{font-size:18px}.evidence-card small{font-size:12px}.map-grid{gap:8px}.map-card strong{font-size:12px}.digits{gap:9px}.digits select{width:65px}.chessboard button{font-size:23px}.title-copy .tiny{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(min-width:700px) and (min-height:550px){.playing .top{height:46px;padding:8px 20px}.playing main{padding:10px 20px}.playing footer{display:none}.playing #play-screen{width:min(100%,calc((100dvh - 255px)*16/9));margin:0 auto}.playing .missionbar h1{font-size:21px}.playing .missionbar .kicker{font-size:10px}.playing .missionbar{margin-bottom:10px}}

.evidence-photo{width:100%;height:100px;object-fit:cover;margin-bottom:12px;border:1px solid #967e4a66;transform:rotate(.3deg)}

#inspect{display:none}@media(max-width:600px){#inspect{display:inline-block}.action-buttons{flex-basis:100%;justify-content:stretch}.action-buttons button{flex:1;padding:10px 5px}.action-buttons button span{font-size:10px}}

.selection-mark{display:block;margin:0 0 10px;font:bold 12px Arial;color:#465d57}.evidence-card[aria-pressed=true] .selection-mark{color:#634214;background:#f2c66f;padding:7px;border-radius:4px}.selection-summary{font-size:12px;line-height:1.6;color:var(--teal)}.evidence-photo{pointer-events:none}