@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(./fraunces-latin-500-normal-DnGCNyPD.woff2) format("woff2"),url(./fraunces-latin-500-normal-BTR4KCeb.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(./fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(./fraunces-latin-600-normal-DL5QCzvS.woff) format("woff")}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:400;src:url(./literata-latin-400-normal-CLtNJ872.woff2) format("woff2"),url(./literata-latin-400-normal-CUhpYSl8.woff) format("woff")}@font-face{font-family:Literata;font-style:italic;font-display:swap;font-weight:400;src:url(./literata-latin-400-italic-BxdXY0No.woff2) format("woff2"),url(./literata-latin-400-italic-xjtKbHx7.woff) format("woff")}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:600;src:url(./literata-latin-600-normal-A9sHopYh.woff2) format("woff2"),url(./literata-latin-600-normal-BFEFPlMO.woff) format("woff")}:root{color:#efe6d6;background:#0c0b0a;font-family:Literata,Palatino,Palatino Linotype,Georgia,serif;font-size:16px;line-height:1.45;--ink: #16130f;--paper: #efe6d6;--muted: #b7aa96;--brass: #d2b072;--line: rgba(210, 176, 114, .45);--rose: #a14b45;--fog: #8ea4a3;--panel: #1a1612;--panel-2: #241e18}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0c0b0a}body{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}p{margin:0 0 .7em}h1,h2,h3{font-family:Fraunces,Palatino,Georgia,serif;font-weight:500;margin:0}#frame{width:960px;height:640px;position:absolute;left:0;top:0;overflow:hidden;transform-origin:top left;background:radial-gradient(1200px 400px at 10% -10%,rgba(161,75,69,.16),transparent 50%),#12100e;box-shadow:0 0 0 1px #3c3328}.screen{height:100%;min-height:0;display:flex;flex-direction:column}.btn,.pick,.hotspot,.tab{background:transparent;border:1px solid var(--line);color:var(--paper);min-height:44px;padding:8px 12px;text-align:left}.btn:hover,.pick:hover,.tab:hover,.hotspot:hover,.pick[aria-pressed=true],.tab[aria-pressed=true]{background:#d2b07229;border-color:var(--brass)}.btn.primary{background:#3a2a16;border-color:var(--brass)}.btn:disabled,.pick:disabled{opacity:.45;cursor:not-allowed}.stack{display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.kicker{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--brass)}.warn{color:#e2c2a4;font-size:13px}.title-screen{position:relative;height:100%;background:#000 center/cover no-repeat}.title-screen .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080706eb,#080706b8 42%,#08070647)}.title-copy{position:relative;z-index:1;max-width:460px;padding:36px 36px 24px;height:100%;display:flex;flex-direction:column;gap:10px}.title-copy h1{font-size:58px;line-height:.92;letter-spacing:-.03em}.sub{font-family:Fraunces,serif;font-style:italic;color:var(--fog);font-size:20px}.portrait-row{display:flex;gap:12px;align-items:center;margin-top:4px}.portrait-row img,.talk img,.person img,.mini{object-fit:cover;background:#2a241c}.portrait-row img{width:64px;height:80px}.title-actions{margin-top:auto;max-width:280px}.scroll{overflow:auto;padding:22px 28px 28px;height:100%}.scroll h1{font-size:36px;margin-bottom:8px}.letter{max-width:640px;background:#e7dcc7;color:#221911;padding:22px 22px 10px;box-shadow:0 12px 40px #00000059}.letter p{font-size:15px}.howto-grid,.case-grid,.scene-grid,.people,.evidence-grid{display:grid;gap:10px}.howto-grid{grid-template-columns:1fr 1fr;margin-top:12px}.card,.case-card,.person,.scene-card{border:1px solid var(--line);background:#ffffff08;padding:10px}.card h2,.case-card h2,.scene-card h2{font-size:20px}.play{height:100%;display:grid;grid-template-rows:52px 1fr;min-height:0}.topbar{display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--line);background:#00000040}.topbar h1{font-size:18px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .btn{min-height:36px;padding:4px 8px}.play-body{overflow:auto;padding:12px 14px 18px;min-height:0}.hub{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.scene-grid,.people{grid-template-columns:1fr 1fr}.scene-card,.person,.case-card{padding:0;text-align:left;width:100%}.scene-card img,.case-card img{width:100%;height:84px;object-fit:cover;display:block}.scene-card span,.person span,.case-card span,.pad{display:block;padding:8px 10px 10px}.person{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;padding:6px}.person img{width:54px;height:68px}.scene-frame{position:relative;width:min(100%,620px);aspect-ratio:16 / 9;background:#000}.scene-frame img{width:100%;height:100%;object-fit:cover;display:block}.hotspot{position:absolute;min-width:44px;min-height:36px;padding:2px 4px;font-size:11px;line-height:1.2;background:#120e0a73;text-shadow:0 1px 2px #000}.room-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.lede{max-width:70ch;color:var(--muted)}.sheet,.overlay{background:#e7dcc7;color:#221911;padding:14px;margin-top:10px;max-height:240px;overflow:auto}.sheet{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;margin-top:0;box-shadow:0 12px 40px #00000073}.overlay{margin:0;max-height:none;height:100%;background:linear-gradient(180deg,#e7dcc7f5,#d6c6aaf5);display:flex;flex-direction:column}.overlay .body{overflow:auto;padding-right:4px}.sheet h2,.overlay h2{font-size:26px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tab{min-height:36px;color:#221911;border-color:#22191159}.talk{display:grid;grid-template-columns:180px 1fr;gap:14px}.talk img{width:180px;height:240px}.choices{display:flex;flex-direction:column;gap:8px;margin-top:8px}.evidence-grid{grid-template-columns:1fr 1fr 1fr}.suspect-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.suspect-picks .pick{padding:6px}.suspect-picks img{width:100%;height:72px;object-fit:cover;display:block;margin-bottom:4px}.lanterns{color:var(--brass);letter-spacing:.2em}.end-actions{margin-top:12px;max-width:280px}.toast{color:var(--brass);font-size:13px;min-height:1em}[data-action=close-notes]{background:#3a2a16;color:#efe6d6;border-color:#3a2a16}[data-action=close-notes]:hover{background:#4a361c;border-color:#221911}.hub .people{grid-template-columns:1fr;gap:6px}.hub .person{grid-template-columns:40px 1fr;gap:6px;padding:4px}.hub .person img{width:40px;height:50px;object-position:50% 12%}.hub .person span{padding:2px 6px;font-size:13px;line-height:1.3}.hub h2{font-size:22px;margin-bottom:4px}.hook{color:var(--brass);margin:0 0 8px}.btn.primary[data-action=submit-accusation]{margin-top:8px;min-height:52px;padding:10px 22px;font-size:18px;font-family:Fraunces,Palatino,Georgia,serif;background:#5a3d1c;border:1px solid var(--brass);color:#fff4dc}.btn.primary[data-action=submit-accusation]:hover:not(:disabled){background:#6e4b22}.btn.primary[data-action=submit-accusation]:disabled{opacity:1;background:#2a221a;color:#8f826e;border-color:#5a4c38}.acc-ready{color:var(--brass);font-size:15px;margin:10px 0 0}.acc-guide{color:var(--brass);font-size:14px;margin:0 0 4px}.acc-missing{color:#e2c2a4;font-size:14px;margin:10px 0 0}.acc-proofs{margin-top:12px}[data-screen=play] .scroll{padding:14px 24px 20px}.scroll .suspect-picks img{width:72px;height:90px;margin:0 auto 4px;object-fit:cover;object-position:50% 15%}.scroll .suspect-picks .pick{text-align:center}.scroll .stack .pick{min-height:34px;padding:5px 12px}.scroll .stack{gap:6px}.scroll h2{font-size:21px;margin:6px 0 4px}.scroll>p{margin-bottom:.4em}.overlay .muted{color:#3e3122}.overlay article .muted{font-size:17px}.scene-frame .sheet{left:8px;right:8px;bottom:8px;max-height:calc(100% - 16px)}.talk img{object-position:50% 12%}.title-copy .version{margin-top:10px;font-size:12px;letter-spacing:.08em;color:#a8987c}.case-grid .case-card img{height:64px;object-position:50% 40%}.case-grid .case-card span{padding:6px 8px 8px;font-size:14px;line-height:1.3}.hotspot{background:#efe6d6;color:#221911;border-color:#221911;text-shadow:none;box-shadow:1px 1px #221911}@keyframes hw-flicker{0%,40%,to{filter:brightness(1)}46%{filter:brightness(.9)}50%{filter:brightness(.97)}54%{filter:brightness(.91)}62%{filter:brightness(1)}}.scene-frame img{animation:hw-flicker 9s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.scene-frame img{animation:none}}@media(min-width:821px){.case-grid{grid-template-columns:repeat(3,1fr)}.scroll .acc-why{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scroll .acc-why .pick{min-height:32px;padding:4px 12px;line-height:1.25}.scroll .suspect-picks{gap:8px}.scroll .suspect-picks img{width:60px;height:72px}.scroll .suspect-picks .pick{padding:4px}.acc-proofs{margin-top:6px;gap:12px}.acc-proofs>div{display:flex;flex-direction:column;gap:6px;min-width:0}.acc-proofs h2{margin:0 0 2px}.acc-proofs .pick{width:100%;min-height:32px;padding:4px 12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}[data-screen=play] .scroll .acc-guide{margin:0 0 2px}.btn.primary[data-action=submit-accusation]{margin-top:6px;min-height:46px;padding:8px 22px}[data-screen=play] .scroll:has(.acc-submit){padding:10px 24px 16px}.scroll:has(.acc-submit) h1{font-size:30px;margin-bottom:2px}.scroll:has(.acc-submit) .row .btn{min-height:38px}.acc-submit{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:16px;margin-top:10px}.acc-submit .btn.primary[data-action=submit-accusation]{margin-top:0}.scroll .acc-submit .acc-ready,.scroll .acc-submit .acc-missing{margin:0}}@media(max-width:820px){html,body{overflow:auto;height:auto}#frame{position:relative;width:100%;height:auto;min-height:100dvh;overflow:visible;transform:none!important;margin:0!important}.screen{height:auto;min-height:100dvh}.title-copy h1{font-size:42px}.title-copy{padding:24px 18px 20px;max-width:none}.hub,.talk,.howto-grid,.evidence-grid,.suspect-picks,.scene-grid,.people{grid-template-columns:1fr}.play{height:auto}.play-body{overflow:visible}.topbar{flex-wrap:wrap;height:auto;padding:8px}.topbar h1{flex-basis:100%}.topbar .btn,.room-actions .btn,.choices .btn,.stack .btn{min-height:48px}.sheet,.overlay{max-height:none}.scroll{height:auto}}
