:root{--paper:#f5f0e4;--ink:#293f37;--muted:#687266;--terra:#a64e36;--copper:#b86e29;--sage:#557263;--line:#d4cbb7;--kraft:#e9ddc5;--sea:#dce9e2;--scale:1;color-scheme:light;font-size:calc(16px * var(--scale))}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Lora',Georgia,serif;font-weight:400;line-height:1.15}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;min-height:44px;padding:.65rem 1rem;border-radius:4px;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#e8dfcf;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.primary{background:var(--terra);color:#fff9e9;border-color:var(--terra)}.primary:hover:not(:disabled){background:#843e2e}.text-button{border:0;text-decoration:underline;text-underline-offset:4px}.restart-btn{border:1px solid var(--terra);color:var(--terra);background:transparent;padding:.55rem .9rem;font-weight:600}.restart-btn.armed{background:var(--terra);color:var(--paper)}.eyebrow,.mono,.stamp,.tag{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.eyebrow{font-size:.64rem;letter-spacing:.16em;font-weight:500}.muted{color:var(--muted)}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 3.2vw;gap:16px}header .brand{text-decoration:none;font-family:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:min(1.625rem,5.9vw);letter-spacing:-.02em;line-height:1.1;color:var(--ink);white-space:nowrap}header .brand{display:inline-flex;align-items:center;gap:11px}header .brand-text span{color:var(--terra)}.sound-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font-family:'Sora',system-ui,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:0}.sound-btn.off{background:transparent;color:var(--ink);border-style:dashed}.sound-btn svg{width:20px;height:20px;stroke-width:1.6;flex:none}.sound-btn:hover{transform:translateY(-1px)}header .header-right{display:flex;align-items:center;gap:14px}header .icon-btn{padding:8px;width:44px;border:0}header svg{width:22px;height:22px}.header-case{font-size:.65rem;letter-spacing:.06em}.intro{max-width:1600px;margin:auto;padding:50px 3.2vw 20px}.title-layout{display:grid;grid-template-columns:.94fr 1.3fr;min-height:610px;align-items:center;gap:4vw}.title-copy{padding:0 0 25px 1.2vw;position:relative}.title-copy h1{font-size:clamp(2.6rem,4.7vw,5.5rem);letter-spacing:-.055em;line-height:1.08;margin:25px 0 24px}.title-copy h1 span{display:block;color:var(--terra)}.title-copy .intro-text{max-width:350px;font-size:.95rem;color:var(--muted);margin:20px 0 25px}.last-seen{padding:16px 0 16px 18px;border-left:2px solid var(--copper);font-family:'Lora',serif;font-size:.95rem;max-width:360px}.title-copy .primary svg{width:23px;height:23px;flex:none}.title-copy .primary{margin-top:27px;min-width:220px;display:flex;justify-content:space-between;align-items:center}.title-art{position:relative;align-self:stretch;margin:0;min-height:540px;transform:rotate(1deg);background:#fff8e7;padding:12px 12px 54px;box-shadow:0 8px 30px #54422c18;border:1px solid #e1d4be}.title-art .painting{height:100%;width:100%;object-fit:cover;object-position:61%;display:block}.title-art .pi-cut{position:absolute;right:0;bottom:40px;width:64%;max-height:75%;object-fit:contain}.title-art figcaption{position:absolute;bottom:15px;left:24px;font-family:'Kalam',cursive;font-size:1rem}.case-seal{position:absolute;top:-18px;right:26px;width:96px;height:96px;border:2px solid var(--terra);outline:1px solid var(--terra);outline-offset:-7px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--terra);background:var(--paper);transform:rotate(12deg);font-family:monospace;font-size:13px;letter-spacing:1px}.case-seal strong{font-size:30px;font-weight:400}.intro-footer{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:50px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:.68rem}.intro-footer p{max-width:630px}.game-top{display:flex;align-items:center;justify-content:space-between;margin:26px 3vw 20px;gap:15px}.game-top h1{font-size:1.7rem;letter-spacing:-.04em}.game-top .mini-time{font-family:'Lora',serif;color:var(--terra);font-size:1rem}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,.9fr) minmax(300px,1fr);align-items:start;gap:20px;padding:0 2.5vw 35px;max-width:1900px;margin:auto}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-title h2{font-size:1.15rem}.scene-card{background:#fcf8ed;padding:8px;border:1px solid var(--line);box-shadow:0 3px 0 #e4d9c6}.scene-wrap{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--sea)}.scene-img{width:100%;height:100%;object-fit:cover;display:block}.sky{position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:multiply;transition:background-color 1s;background:#ffe7b2}.departure{position:absolute;right:-3%;bottom:0;width:23%;opacity:0;animation:depart 2.5s ease-out forwards;pointer-events:none}.hotspot{position:absolute;width:44px;height:44px;border:none;background:transparent;transform:translate(-50%,-50%);padding:0;display:grid;place-items:center;border-radius:50%}.hotspot:before{content:'';width:21px;height:21px;border:2px solid #92511a;border-radius:50%;box-shadow:0 0 0 5px #fff3c58a;background:#efc06fc9;animation:pulse 1.5s ease-out 1}.revisited .hotspot:before{animation:none}.hotspot:hover:not(:disabled){transform:translate(-50%,-50%);background:#ffefc18a}.hotspot.done:before{background:var(--sage);border-color:white;box-shadow:none}.hotspot.done:after{content:'✓';position:absolute;color:white;font-size:13px}.hotspot-name{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);background:var(--paper);padding:5px 8px;white-space:nowrap;font-size:.6rem;opacity:0;pointer-events:none;border:1px solid var(--line)}.hotspot:hover .hotspot-name,.hotspot:focus-visible .hotspot-name{opacity:1}.scene-caption{display:flex;justify-content:space-between;gap:8px;padding:10px 5px 4px;font-size:.66rem}.witnesses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.witness{display:flex;flex-direction:column;align-items:center;border:0;border-bottom:1px solid var(--line);padding:0 3px 10px;overflow:hidden;border-radius:0}.witness .portrait{height:105px;width:100%;position:relative;overflow:hidden}.witness img{height:155px;width:155px;max-width:180%;object-fit:contain;object-position:top;position:absolute;top:0;left:50%;transform:translateX(-50%)}.witness .name{font-family:'Lora',serif;font-size:.8rem}.witness .cost{font-family:monospace;font-size:.64rem;color:var(--muted)}.witness.done{border-color:var(--sage)}.case-01 .witness:nth-child(2) img{filter:hue-rotate(12deg)}.case-01 .witness:nth-child(3) img{filter:hue-rotate(-12deg)}.speech{background:#fffcf3;padding:23px 24px 24px;margin-top:20px;clip-path:polygon(0 2%,8% 0,20% 2%,35% 0,51% 1%,69% 0,85% 2%,100% 0,99% 100%,87% 97%,72% 100%,50% 98%,28% 100%,13% 98%,0 100%);border-left:2px solid #cfb88c;min-height:135px}.speech .speaker{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terra);margin-bottom:7px}.speech p{font-family:'Kalam','Lora',serif;font-size:1.08rem;line-height:1.6}.scene-instructions{font-size:.7rem;color:var(--muted);margin:13px 0}.notebook{background:var(--kraft);padding:22px 20px 25px;border-left:6px solid #c5b497;box-shadow:3px 3px 0 #d4c5a9;min-height:630px;position:relative}.notebook:before{content:'';position:absolute;left:9px;top:0;bottom:0;border-left:1px solid #c6b79c}.notebook h2{font-size:1.45rem}.sun-clock{margin:18px 0 15px;text-align:center}.sun-clock svg{width:100%;height:67px;overflow:visible}.sun-labels{display:flex;justify-content:space-between;font:10px monospace;color:var(--muted);margin-top:-5px}.time-word{font-family:'Lora',serif;font-size:1.05rem}.clock-number{font:11px monospace;letter-spacing:.1em}.goal{font-family:'Lora',serif;font-size:.82rem;padding-bottom:20px;border-bottom:1px solid #c6b99e;line-height:1.65}.notebook section{margin-top:24px}.notebook h3{font-size:1rem;margin-bottom:10px}.note-empty{font-family:'Kalam',cursive;color:#6a7260;font-size:.82rem;line-height:1.5}.note{font-size:.78rem;margin-bottom:15px;border-bottom:1px solid #d3c5a9;padding-bottom:10px}.note .source{display:block;color:var(--sage);font:9px monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.stamps{display:flex;flex-wrap:wrap;gap:9px}.stamp{font-size:.6rem;letter-spacing:.05em;border:1px solid var(--terra);outline:1px solid var(--terra);outline-offset:-4px;padding:9px 10px;color:var(--terra);transform:rotate(-4deg);text-transform:uppercase;text-decoration:none}.stamp:nth-child(even){transform:rotate(3deg)}.stamp.pi{border-radius:50%;padding:18px 10px}.notebook .hint{width:100%;margin-top:26px;font-size:.8rem;background:#f4ecdc}.hint-sub{display:block;font:10px monospace;color:var(--muted);margin-top:3px}.map-panel{padding:8px 0 0}.map-panel h2{font-size:1.45rem}.map-panel .map-sub{font-size:.68rem;color:var(--muted);margin:8px 0}.map-art{background:#e6eee5;border:1px solid #cdd8ca;position:relative;overflow:hidden}.map-art svg{display:block;width:100%;height:auto}.map-art .land{fill:#f5efdc;stroke:#839b86;stroke-width:1.7;stroke-linejoin:round}.map-art .water-name{font:9px monospace;letter-spacing:1.5px;fill:#7c9587}.map-art .region{font:italic 8px Georgia;fill:#6c7d63}.map-art .town-dot{fill:#f8f4e8;stroke:#5d7b68;stroke-width:1.4}.map-art .visited .town-dot{fill:#a95337;stroke:#a95337}.map-art .current .town-dot{fill:#daa64d;stroke:#915820;stroke-width:3}.map-art .town-label{font:7px 'DM Sans',sans-serif;fill:#374d40;paint-order:stroke;stroke:#f5efdc;stroke-width:2.5px;stroke-linejoin:round}.map-art .route-line{stroke:#bb7950;stroke-width:1.8;fill:none;stroke-dasharray:3 4;opacity:.7}.map-art g[role=button]{cursor:pointer}.map-art g[role=button]:hover .town-dot{fill:#e2b776}.map-art .hit{fill:transparent}.town-select{margin-top:15px;width:100%;padding:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);min-height:44px}.map-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.map-actions button{font-size:.7rem}.map-note{font-size:.63rem;color:var(--muted);margin-top:14px}.travel-choice{padding:16px;background:#ede2cb;margin-top:12px}.travel-choice h3{font-size:1.2rem;margin-bottom:8px}.travel-choice p{font-size:.72rem}.travel-choice button{width:100%;margin-top:12px}.party-note{margin-top:16px;font-family:'Kalam',cursive;font-size:.8rem;color:var(--sage)}.game-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;max-width:95%;margin:0 auto 25px;font-size:.62rem;color:var(--muted)}.game-bottom button{font-size:.66rem}.mobile-nav{display:none}.venues{display:grid;gap:9px;margin-top:20px}.venues button{background:#faf5e9;text-align:left;font-family:'Lora',serif}.venues button span{display:inline-block;font:12px monospace;color:var(--terra);width:28px}.end-card{max-width:1150px;margin:45px auto;padding:0 24px}.end-hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.end-image{position:relative;aspect-ratio:1.1;overflow:hidden;border:9px solid #fcf8ec;box-shadow:0 4px 0 #ddd2ba}.end-image .backdrop{width:100%;height:100%;object-fit:cover}.end-image .pi{position:absolute;height:70%;bottom:0;left:8%;width:90%;object-fit:contain}.end-copy h1{font-size:4rem;letter-spacing:-.05em;margin:12px 0 20px;color:var(--terra)}.end-copy .rank{font-family:'Lora',serif;font-size:1.5rem;margin:8px 0}.end-copy blockquote{margin:22px 0;font:1.1rem/1.7 'Kalam',cursive}.end-copy .buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.end-route{margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.end-route .stamps{margin-top:17px}.sunset-image{filter:saturate(.6)}dialog{border:1px solid #bcac8d;background:var(--paper);color:var(--ink);padding:28px;width:min(480px,92vw);max-height:90dvh;box-shadow:0 10px 80px #74614425}dialog::backdrop{background:#f5f0e4c9}dialog h2{font-size:1.7rem;margin-bottom:20px}.dialog-close{float:right;border:0;padding:0;min-width:44px;font-size:22px;margin-top:-12px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.setting-row input{width:23px;height:23px;accent-color:var(--terra)}.setting-row select{background:transparent;border:1px solid var(--line);padding:8px;color:inherit}dialog p{font-size:.9rem;margin:16px 0}.wide-dialog{width:min(900px,96vw)}.wide-dialog .map-art{max-height:70vh;overflow:auto}.wide-dialog svg{min-width:760px}.wide-dialog .town-label{font-size:8px}.wide-dialog .region{font-size:9px}.wide-dialog .hit{r:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(130px);padding:12px 20px;background:var(--ink);color:var(--paper);border-radius:4px;z-index:100;font-size:.8rem;max-width:90vw;transition:transform .2s;overflow-wrap:anywhere}#toast.visible{transform:translateX(-50%) translateY(0)}.contrast{--ink:#14251b;--muted:#344237;--terra:#833c26;--line:#8d816c;--sage:#284e34}.contrast .note-empty{color:#35472c}.contrast .hotspot:before{border-width:3px}.reduced *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced .departure{display:none}.skeleton{padding:30px;text-align:center}@keyframes pulse{0%{box-shadow:0 0 0 0 #f4bf78}100%{box-shadow:0 0 0 16px #f4bf7800}}@keyframes depart{0%{transform:translateX(0);opacity:.9}65%{opacity:.9}100%{transform:translateX(90%);opacity:0}}@media(min-width:1500px){.witness .portrait{height:135px}.witness img{height:190px;width:190px}}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.map-panel{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;column-gap:30px}.map-panel .map-art{grid-column:1;grid-row:2/8}.map-panel .section-title{grid-column:1/-1}.title-layout{min-height:540px}.title-art{min-height:480px}}@media(max-width:720px){header{height:65px;padding:0 18px}header .brand{font-size:min(1.375rem,5.9vw)}.sound-btn{padding:0;width:44px;justify-content:center}.sound-btn span{display:none}.header-case{display:none}header .header-right{gap:4px}.intro{padding:28px 20px 20px}.title-layout{display:flex;flex-direction:column;gap:30px;min-height:0}.title-copy{padding:0;width:100%}.title-copy h1{font-size:clamp(2.7rem,10vw,4.2rem);margin:17px 0}.title-copy .intro-text{font-size:.85rem;margin:16px 0;max-width:100%}.last-seen{max-width:100%;font-size:.85rem;padding:10px 0 10px 15px}.title-copy .primary{margin-top:22px;width:100%}.title-art{width:100%;height:300px;min-height:300px;align-self:auto;order:1;padding:8px 8px 38px;transform:rotate(1deg)}.title-art .painting{object-position:center}.title-art .pi-cut{width:45%;bottom:33px;max-height:85%}.title-art figcaption{bottom:8px;font-size:.8rem}.case-seal{height:68px;width:68px;top:-14px;right:20px;font-size:9px}.case-seal strong{font-size:21px}.intro-footer{margin-top:30px;padding-top:16px;display:block;font-size:.62rem}.intro-footer span{display:none}.game-top{margin:18px 18px 16px;align-items:end}.game-top h1{font-size:1.5rem}.game-top .eyebrow{font-size:.6rem}.game-top .mini-time{font-size:.8rem}.workspace{display:flex;flex-direction:column;padding:0 14px 24px;gap:30px}.scene-column,.notebook,.map-panel{width:100%}.notebook{min-height:0;padding:23px 25px}.notebook section{margin-top:18px}.scene-card{padding:5px}.scene-wrap{aspect-ratio:16/9}.scene-caption{font-size:.6rem}.witnesses{gap:6px;margin-top:10px}.witness .portrait{height:90px}.witness img{width:135px;height:135px}.witness .name{font-size:.75rem}.speech{padding:20px 20px;min-height:110px;margin-top:15px}.speech p{font-size:1rem}.map-panel{display:block;padding:4px 5px}.map-panel .map-art{margin:12px 0}.map-art svg{min-height:320px}.mobile-nav{display:flex;position:sticky;bottom:0;background:#f5f0e4f5;border-top:1px solid var(--line);z-index:20;justify-content:space-around;padding:6px 8px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;font-size:.73rem;min-width:28%}.game-bottom{margin-bottom:18px;flex-wrap:wrap}.game-bottom .controls{display:none}#toast{bottom:82px}.end-card{margin:25px auto;padding:0 20px}.end-hero{display:flex;flex-direction:column;gap:26px}.end-image{width:100%;aspect-ratio:1.6}.end-copy h1{font-size:3rem}.end-copy{width:100%}.end-copy .buttons button,.end-copy .buttons a{flex:1;text-align:center;white-space:nowrap}.end-route{margin-top:24px}.map-panel .town-label{font-size:7px}.intro .eyebrow{font-size:.57rem}.sun-clock{max-width:330px;margin-left:auto;margin-right:auto}dialog{padding:22px}.wide-dialog{padding:14px}.note{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.departure{display:none}}
.opening{position:relative;min-height:calc(100svh - 84px);overflow:hidden;background:#e9dcc3;display:flex;flex-direction:column;justify-content:flex-end}.opening-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.opening-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(245,240,228,.62) 0,rgba(245,240,228,.2) 34%,rgba(245,240,228,0) 56%);pointer-events:none}.opening-copy{position:relative;padding:0 3.2vw 22px;max-width:760px}.opening-copy>*{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.opening-copy h1{font-size:clamp(2.6rem,4.7vw,5.5rem);letter-spacing:-.055em;line-height:1.05;margin:14px 0 18px}.opening-copy h1 span{display:block;color:var(--terra)}.opening-stamp{position:absolute;right:3.2vw;bottom:190px;width:96px;height:96px;border:2px solid var(--terra);outline:1px solid var(--terra);outline-offset:-7px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--terra);background:var(--paper);font-family:monospace;font-size:13px;letter-spacing:1px;transform:rotate(12deg) scale(2.2);transition:opacity .28s ease-out,transform .32s cubic-bezier(.2,1.6,.4,1)}.opening-stamp strong{font-size:26px;line-height:1}.opening.b1 .opening-stamp,.opening.settled .opening-stamp{opacity:1;transform:rotate(12deg) scale(1)}.opening.b2 .eyebrow,.opening.b2 h1,.opening.settled .eyebrow,.opening.settled h1{opacity:1;transform:none}.opening.b3 .last-seen,.opening.settled .last-seen{opacity:1;transform:none}.opening.b4 .primary,.opening.b4 .map-note,.opening.b4 .promo-line,.opening.settled .primary,.opening.settled .map-note,.opening.settled .promo-line{opacity:1;transform:none}.opening-skip{position:absolute;top:14px;right:3.2vw;z-index:2;background:rgba(245,240,228,.75);border-radius:999px;padding:.4rem .9rem;min-height:36px;font-size:.72rem;text-decoration:none}.opening.settled .opening-skip{opacity:0;pointer-events:none}.opening .intro-footer{position:relative;margin:0 3.2vw;padding:14px 0 16px;border-top-color:rgba(84,74,60,.25)}.reduced .opening-copy>*{opacity:1;transform:none}@media(max-width:720px){.opening{min-height:calc(100svh - 65px)}.opening-copy{padding:0 20px 16px}.opening-copy h1{font-size:clamp(2.4rem,10vw,4rem)}.opening-stamp{width:74px;height:74px;bottom:auto;top:-84px;right:20px;font-size:11px}.opening-stamp strong{font-size:20px}.opening-veil{background:linear-gradient(to top,rgba(245,240,228,.64) 0,rgba(245,240,228,.24) 36%,rgba(245,240,228,0) 64%)}.opening .intro-footer{margin:0 20px;font-size:.62rem}}
.sound-btn{position:relative}.sound-hint{display:none}.sound-btn.blocked{animation:soundPulse 1.6s ease-in-out infinite}.sound-btn.blocked .sound-hint{display:block;position:absolute;top:calc(100% + 6px);right:0;font-style:normal;font-family:'Lora',serif;font-size:.68rem;color:var(--terra);white-space:nowrap;background:var(--paper);border:1px solid var(--line);padding:3px 8px;border-radius:3px}@keyframes soundPulse{0%,100%{box-shadow:0 0 0 0 rgba(166,78,54,.55)}50%{box-shadow:0 0 0 9px rgba(166,78,54,0)}}.reduced .sound-btn.blocked{animation:none;box-shadow:0 0 0 3px rgba(166,78,54,.45)}@media(orientation:portrait){.opening-film{object-position:center center}}@media(max-width:720px){.sound-btn.blocked .sound-hint{right:auto;left:50%;transform:translateX(-50%)}}
.opening-copy .primary{display:inline-flex;gap:14px;min-width:220px;margin-top:22px;width:auto}.opening-copy .primary svg{width:18px;height:18px;flex:none}.opening-copy .map-note{margin-top:10px}
.brand-mark{display:block;width:48px;height:43px;flex:none}.brand-mark img{display:block;width:100%;height:auto}@media(max-width:720px){.brand-mark{width:38px;height:34px}header .brand{gap:8px}}
.promo-line{margin:14px 0 0;padding:10px 14px;border:1px dashed var(--copper);border-radius:4px;font-family:'Lora',serif;font-size:.9rem;color:var(--ink);max-width:420px;background:rgba(245,240,228,.7)}.draw{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:28px;margin:28px 3.2vw 0;padding:26px;border:1px solid var(--line);background:var(--kraft);border-radius:6px;align-items:center}.draw-art{position:relative;border:8px solid var(--paper);box-shadow:0 10px 30px rgba(41,63,55,.18);transform:rotate(-1.5deg)}.draw-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.draw-art-cap{position:absolute;left:12px;bottom:12px;background:rgba(245,240,228,.92);color:var(--ink);font:11px/1 monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px}.draw h2{font-size:2.6rem;line-height:1;margin:6px 0 12px;letter-spacing:-.03em}.draw h2 span{display:block;font-size:1rem;font-family:'Lora',serif;font-weight:400;color:var(--terra);margin-top:6px}.draw h3{font-size:1.05rem;margin:6px 0 14px;font-weight:500}.draw-partner{color:var(--sage);font-size:.85rem}.draw-field{display:block;margin:0 0 12px}.draw-field span{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.draw-field input{width:100%;min-height:44px;padding:.55rem .8rem;border:1px solid var(--line);border-radius:4px;background:var(--paper);font:inherit;color:inherit;box-sizing:border-box}.draw-consent{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;margin:4px 0 16px}.draw-consent input{width:20px;height:20px;margin-top:1px;flex:none}.draw .primary.wide{width:100%;justify-content:center}.draw-status{min-height:1.2em;font-size:.82rem;color:var(--terra);margin:10px 0 0}.draw-count{font-size:1.1rem;margin:0 0 6px}.draw-count strong{font-size:2rem;color:var(--terra);margin-right:8px}.draw-fine{font-size:.68rem;color:var(--muted);margin:14px 0 0}.draw-fine a{color:inherit}@media(max-width:980px){.draw{grid-template-columns:1fr 1fr}.draw-art{grid-column:1/-1;max-width:520px}}@media(max-width:720px){.draw{grid-template-columns:1fr;margin:24px 20px 0;padding:20px}.draw h2{font-size:2.1rem}.draw-art{transform:none}}
.draw-turnstile{margin:0 0 12px;min-height:0}

.scene-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.witness.closed{opacity:.55;cursor:default}.witness.closed img{filter:grayscale(.6)}
.case-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0 4px;max-width:560px}
.case-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:rgba(250,245,233,.92);border:1px solid var(--line);border-radius:4px;padding:.7rem .85rem;min-height:44px}
.case-card strong{font-family:'Lora',serif;font-weight:600;font-size:1rem;color:var(--ink)}
.case-card-label{font-size:.62rem;letter-spacing:.08em;color:var(--terra);text-transform:uppercase}
.case-card-when{font-size:.75rem;color:var(--muted)}
.case-card.chosen{border-color:var(--terra);box-shadow:inset 0 0 0 1px var(--terra);background:#fffcf3}
.opening.b3 .case-picker,.opening.settled .case-picker{opacity:1;transform:none}
.switch-warn{color:var(--terra)}
.speech.plate{clip-path:none;border:2px solid #4c4336;border-left-width:2px;background:#2f2a24;color:#f3ead6;border-radius:3px;box-shadow:inset 0 0 0 4px #3b352d}
.speech.plate .speaker{color:#e3b27a}.speech.plate p{font-family:'Kalam','Lora',serif;color:#f3ead6}
p.speech.plate{padding:18px 20px}
.memory{position:relative;margin:0 0 14px;aspect-ratio:16/9;overflow:hidden;border:6px solid #fcf8ec;box-shadow:0 3px 0 #ddd2ba;transform:rotate(-1.2deg);max-width:420px}
.memory video,.memory img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.12) saturate(.95)}
.memory-open{position:absolute;right:8px;bottom:8px;background:rgba(245,240,228,.85);border-radius:999px;padding:.25rem .7rem;font-size:.7rem;text-decoration:none;min-height:32px}
.memory-big{max-width:100%;transform:none;margin:10px 0 16px}
.end-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.torn-page-btn{margin-top:18px;display:inline-block}
img.torn-page{width:100%;max-width:520px;display:block;margin:10px auto 16px;transform:rotate(-2deg)}
.opening-veil{background:linear-gradient(to top,rgba(245,240,228,.62) 0,rgba(245,240,228,.2) 34%,rgba(245,240,228,0) 56%)}
.opening .last-seen{background:rgba(245,240,228,.72);padding-right:14px}
.end-film{transition:opacity 1.4s ease}.end-film.done{opacity:0}
@media(max-width:720px){.case-picker{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 2px}.case-card{padding:.5rem .6rem;gap:2px}.case-card strong{font-size:.86rem;line-height:1.2}.case-card-label{font-size:.56rem}.case-card-when{display:none}}
@media(max-width:430px){header{gap:6px;padding:0 12px}header .brand{font-size:min(1.3rem,5.3vw)}header .icon-btn{width:38px;padding:6px}header .header-right{gap:2px}}