:root{--night: #0d0b09;--paper: #f3ead8;--paper-2: #ebdfc6;--paper-edge: #d9c9a8;--ink: #1b1612;--ink-soft: #4a3f35;--ink-faint: #8a7d6d;--wax: #7a1f1f;--wax-hi: #9a2a26;--lamp: #f2b765;--display: "Fraunces", Georgia, serif;--body: "Old Standard TT", Georgia, serif;--gutter: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--night);color:var(--paper);font-family:var(--body);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--night)}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0}.scene-layer.entering{animation:fade-in .6s ease both}.scene-layer.leaving{animation:fade-out .6s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.art-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:fade-in .5s ease both}.art-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 30% 35%,rgba(242,183,101,.22),transparent 70%),radial-gradient(ellipse 70% 60% at 75% 70%,rgba(60,80,95,.35),transparent 70%),linear-gradient(160deg,#2a221b,#16120e 55%,#0b0a09)}.art-placeholder span{position:absolute;left:var(--gutter);bottom:var(--gutter);font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:#f3ead859}.kenburns{animation:kb 20s ease-in-out infinite alternate;transform-origin:40% 50%}.kenburns.flip{animation-name:kb-flip;transform-origin:60% 45%}@keyframes kb{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-1%,-.6%)}}@keyframes kb-flip{0%{transform:scale(1.06) translate(1%,.4%)}to{transform:scale(1) translate(0)}}.fog{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;mix-blend-mode:screen;pointer-events:none}.fog-a{background:radial-gradient(ellipse 40% 25% at 20% 70%,rgba(200,200,190,.16),transparent 70%),radial-gradient(ellipse 35% 20% at 70% 80%,rgba(200,200,190,.12),transparent 70%);animation:drift-a 60s linear infinite alternate}.fog-b{background:radial-gradient(ellipse 50% 30% at 60% 30%,rgba(210,205,190,.1),transparent 70%),radial-gradient(ellipse 30% 22% at 15% 25%,rgba(210,205,190,.08),transparent 70%);animation:drift-b 95s linear infinite alternate}@keyframes drift-a{0%{transform:translate3d(-6%,0,0)}to{transform:translate3d(8%,-2%,0)}}@keyframes drift-b{0%{transform:translate3d(7%,2%,0)}to{transform:translate3d(-5%,-1%,0)}}.lamp,.lamp:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lamp{background:radial-gradient(ellipse 85% 75% at 45% 40%,rgba(242,183,101,.1) 0%,transparent 55%,rgba(8,6,4,.78) 100%);animation:flicker-a 3.7s ease-in-out infinite}.lamp:after{content:"";background:radial-gradient(ellipse 60% 50% at 45% 38%,rgba(242,183,101,.07),transparent 70%);animation:flicker-b 6.3s ease-in-out infinite}@keyframes flicker-a{0%,to{opacity:1}23%{opacity:.95}41%{opacity:.99}67%{opacity:.92}80%{opacity:.98}}@keyframes flicker-b{0%,to{opacity:.96}31%{opacity:1}52%{opacity:.93}77%{opacity:.99}}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 10px) var(--gutter) 10px;background:linear-gradient(rgba(13,11,9,.6),transparent)}.topbar-right{display:flex;gap:6px}.ghost{min-height:44px;padding:0 14px;border:1px solid rgba(243,234,216,.22);border-radius:3px;background:#0d0b0973;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--paper);font-family:var(--display);font-size:14px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px}.ghost:hover{border-color:#f3ead880}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--wax);color:var(--paper);font:600 12px/20px var(--display);text-align:center}.play{position:fixed;top:0;right:0;bottom:0;left:0}.card-wrap{position:fixed;z-index:10;right:clamp(16px,5vw,72px);top:50%;transform:translateY(-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 110px);display:flex;animation:card-in .6s cubic-bezier(.2,.7,.2,1) both}@keyframes card-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.card{position:relative;width:100%;overflow-y:auto;overscroll-behavior:contain;padding:28px 30px 26px;color:var(--ink);background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.35),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(160,130,90,.14),transparent 60%),linear-gradient(var(--paper),var(--paper-2));border-radius:2px 4px 3px 5px/4px 2px 5px 3px;box-shadow:0 1px #fff6 inset,0 0 0 1px #5a462d40,2px 3px #00000040,0 18px 40px -10px #000000a6,0 40px 80px -30px #0009}.objective{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--paper-edge);font:600 12px/1.4 var(--display);font-variant:small-caps;letter-spacing:.08em;color:var(--ink-soft);text-transform:lowercase}.node-title{margin:0 0 12px;font:600 clamp(24px,3vw,32px)/1.1 var(--display);letter-spacing:-.01em;color:var(--ink)}.story-text{margin:0;font-size:18px;line-height:1.6;color:var(--ink)}.w{opacity:0;transition:opacity .22s ease}.w.on{opacity:1}.after{margin-top:20px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.after.in{opacity:1;transform:none;pointer-events:auto}.choices{list-style:none;margin:0;padding:0;display:grid;gap:10px}.choice{position:relative;width:100%;min-height:48px;padding:12px 16px 12px 48px;text-align:left;background:linear-gradient(#f8f1e2,#efe4cd);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.35;border:1px solid rgba(90,70,45,.3);border-left:3px solid var(--wax);border-radius:2px;box-shadow:0 1px #00000014,0 2px 4px -2px #00000040;transition:transform .16s ease,box-shadow .16s ease;display:flex;flex-direction:column;gap:2px}.choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px -6px #00000073}.choice:active:not(:disabled){transform:translateY(0)}.choice .key{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--wax);color:var(--paper);font:600 12px/24px var(--display);text-align:center}.choice:disabled{cursor:not-allowed;background:#e4dccb;color:var(--ink-faint);border-left-color:#b5a993;box-shadow:none}.choice:disabled .key{background:#b5a993}.needs{font-size:12px;font-style:italic;color:var(--ink-faint)}.choice.primary{padding-left:16px;text-align:center;align-items:center;background:var(--wax);color:var(--paper);border-color:var(--wax);font-family:var(--display);font-weight:600;letter-spacing:.03em}.choice.primary:hover{background:var(--wax-hi)}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suspect{background:#fbf6ea;border:1px solid rgba(90,70,45,.25);box-shadow:0 2px 6px -3px #0006;display:flex;flex-direction:column}.portrait{position:relative;aspect-ratio:2 / 3;inset:auto}.suspect-body{padding:8px 8px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.suspect h3{margin:0;font:600 14px/1.2 var(--display)}.suspect p{margin:0 0 6px;font-size:12px;color:var(--ink-soft);flex:1}.accuse{min-height:44px;border:0;border-radius:2px;background:var(--wax);color:var(--paper);font:600 13px/1 var(--display);letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:6px}.accuse:hover{background:var(--wax-hi)}.accuse .key{font-size:11px;opacity:.7}.stamp{display:inline-block;margin:0 0 14px;padding:6px 14px;transform:rotate(-4deg);border:3px double currentColor;border-radius:4px;font:700 18px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--wax);opacity:.88;animation:stamp-in .42s cubic-bezier(.3,1.6,.5,1) both .2s}.stamp-partial{color:#6b5320}.stamp-wrong{color:#3b3b3b}@keyframes stamp-in{0%{opacity:0;transform:rotate(-4deg) scale(1.6)}to{opacity:.88;transform:rotate(-4deg) scale(1)}}.ending{display:grid;gap:12px}.proof{list-style:none;margin:0;padding:0;font-size:15px;display:grid;gap:4px}.proof .held:before{content:"✓ ";color:#2f5a2a}.proof .missing{color:var(--ink-faint)}.proof .missing:before{content:"✕ ";color:var(--wax)}.tally{margin:0;font:600 13px/1 var(--display);font-variant:small-caps;letter-spacing:.08em;color:var(--ink-soft)}.notebook{position:fixed;z-index:30;top:0;right:0;bottom:0;width:min(380px,100vw);padding:calc(env(safe-area-inset-top) + 18px) 22px 22px;overflow-y:auto;color:var(--ink);background:repeating-linear-gradient(transparent 0 27px,#506e8c2e 27px,#506e8c2e 28px),linear-gradient(var(--paper),var(--paper-2));box-shadow:-20px 0 50px #0000008c;transform:translate(105%);transition:transform .32s cubic-bezier(.2,.7,.2,1);visibility:hidden}.notebook.open{transform:none;visibility:visible}.notebook-head{display:flex;justify-content:space-between;align-items:center}.notebook h2{margin:0;font:600 22px/1.2 var(--display)}.icon-btn{width:44px;height:44px;border:0;background:none;font-size:28px;color:var(--ink-soft)}.notebook-count{margin:4px 0 16px;font:600 12px/1 var(--display);font-variant:small-caps;letter-spacing:.08em;color:var(--ink-soft)}.notebook-empty{font-style:italic;color:var(--ink-faint)}.notebook ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.notebook li{display:grid;gap:2px;font-size:15px;line-height:1.5}.notebook li strong{font-family:var(--display);color:var(--wax)}.toast{position:fixed;z-index:40;left:50%;top:calc(env(safe-area-inset-top) + 70px);transform:translate(-50%,-10px);padding:10px 18px;background:var(--paper);color:var(--ink);border-left:3px solid var(--wax);font:600 14px/1.2 var(--display);box-shadow:0 10px 30px #00000080;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%)}.toast:empty{display:none}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0}.title-block{position:absolute;z-index:5;left:clamp(16px,8vw,120px);bottom:clamp(48px,14vh,160px);right:var(--gutter);max-width:640px;text-shadow:0 2px 20px rgba(0,0,0,.7);animation:card-in .9s cubic-bezier(.2,.7,.2,1) both .2s}.eyebrow{margin:0 0 8px;font:600 13px/1 var(--display);font-variant:small-caps;letter-spacing:.14em;color:var(--lamp);text-transform:lowercase}.title-block h1{margin:0;font:700 clamp(44px,8vw,96px)/.95 var(--display);letter-spacing:-.02em;color:var(--paper)}.tagline{margin:16px 0 28px;font-size:clamp(17px,2vw,21px);font-style:italic;line-height:1.5;color:#f3ead8d9;max-width:32em}.title-actions{display:flex;gap:12px;flex-wrap:wrap}.title-actions .choice{width:auto;min-width:140px;padding:12px 24px;text-align:center;align-items:center}@media (max-width: 720px){.card-wrap{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;max-height:62dvh}.card{border-radius:14px 14px 0 0;padding:22px var(--gutter) calc(env(safe-area-inset-bottom) + 20px)}.story-text{font-size:17px}.board{gap:8px}.suspect p{display:none}.topbar>.ghost:first-child{max-width:40vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;line-height:44px}}@media (prefers-reduced-motion: reduce){.kenburns,.fog,.lamp,.lamp:after{animation:none!important}.scene-layer,.card-wrap,.title-block,.stamp,.art-img{animation-duration:1ms!important}.w{transition:none}}