:root{--ink:#000;--paper:#edeae3;--accent:#7e3231;--accent-raised:#a5514e;--gray-mid:#7a756b;--gray-faint:#c6c2b8;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--track-label:.16em;--track-wide:.34em;--ease:cubic-bezier(.215, .61, .355, 1);--panel:#0c0c0c}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--font-serif);line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;animation:breathe 8s var(--ease) infinite alternate;background:linear-gradient(108deg,#0000 38%,#edeae30d 50%,#0000 62%);position:fixed;inset:0}body:after{content:"";z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes breathe{to{opacity:.65}}#app{z-index:1;min-height:100dvh;position:relative}.screen{min-height:100dvh;animation:fade-in .6s var(--ease) both;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,4vw,3.5rem);display:flex}.center{text-align:center;justify-content:center;align-items:center}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.title{letter-spacing:var(--track-wide);text-indent:var(--track-wide);font-size:clamp(3rem,9vw,5rem);font-weight:500}.subtitle,.prose{color:var(--gray-faint);max-width:46ch}.subtitle{font-style:italic}.panel-title{letter-spacing:.04em;font-size:1.95rem;font-weight:500}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--gray-mid);font-size:.8rem}.kicker--accent{color:var(--accent-raised)}.muted{color:var(--gray-mid);font-size:.9rem}.rule{border:none;border-top:1px solid #edeae340;width:4rem}.howto{text-align:left;max-width:48ch;color:var(--gray-faint);gap:.75rem;padding-left:1.2rem;display:grid}.btn{font-family:var(--font-mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--paper);cursor:pointer;transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);background:0 0;border:1px solid #edeae34d;padding:.7rem 1.3rem;font-size:.82rem}.btn:hover:not(:disabled){border-color:var(--paper);background:#edeae30f}.btn:disabled{opacity:.35;cursor:default}.btn--quiet{color:var(--gray-mid);border-color:#0000}.btn--quiet:hover:not(:disabled){color:var(--paper);background:0 0}.btn--accent,.btn--present,.btn--submit{border-color:var(--accent);color:var(--accent-raised)}.btn--accent:hover:not(:disabled),.btn--present:hover:not(:disabled),.btn--submit:hover:not(:disabled){border-color:var(--accent-raised);background:#7e323124}.chip{padding:.5rem 1rem}.stack{flex-direction:column;align-items:center;gap:.75rem;width:min(20rem,100%);display:flex}.stack .btn{width:100%}.investigation{gap:1.75rem}.bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.bar .btn--accent{margin-left:auto}.room{aspect-ratio:16/7;background:radial-gradient(120% 90% at 74% 26%,#edeae312,#0000 58%),linear-gradient(#0000 70%,#00000080);border:1px solid #edeae31f;border-radius:2px;width:100%;max-width:960px;margin:0 auto;position:relative}.hotspot{border:1px solid var(--paper);opacity:.35;cursor:pointer;width:15px;height:15px;animation:pulse 2.6s var(--ease) infinite alternate;transition:opacity .2s var(--ease), box-shadow .2s var(--ease);background:0 0;padding:0;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.hotspot:hover{opacity:.95;box-shadow:0 0 12px #edeae380}.hotspot--done{border-color:var(--gray-mid);opacity:.18;animation:none}@keyframes pulse{to{opacity:.62}}.roster{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.suspect{cursor:pointer;text-align:center;width:9.5rem;transition:border-color .3s var(--ease), background .3s var(--ease);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;display:flex}.suspect:hover{background:#edeae30a;border-color:#edeae340}.suspect__figure{width:44px;height:68px}.suspect__figure circle,.suspect__figure path{fill:#141414;stroke:#edeae347;stroke-width:1px;transition:stroke .3s var(--ease)}.suspect:hover .suspect__figure circle,.suspect:hover .suspect__figure path{stroke:#edeae3e6}.suspect__name{font-family:var(--font-mono);letter-spacing:.06em;color:var(--paper);font-size:.72rem}.suspect__blurb{color:var(--gray-mid);font-size:.78rem;font-style:italic;line-height:1.4}.paper{background:var(--panel);border:1px solid #edeae329}.notebook{z-index:30;gap:1rem;width:min(22rem,90vw);max-height:70vh;padding:1.5rem;display:grid;position:fixed;top:5rem;right:clamp(1rem,4vw,3rem);overflow-y:auto}.notebook__title{font-size:1.4rem;font-weight:500}.clue{border-top:1px solid #edeae31f;padding-top:.85rem}.clue__index{font-family:var(--font-mono);color:var(--gray-mid);font-size:.72rem}.clue__title{font-size:1.05rem;font-weight:600}.clue__desc{color:var(--gray-faint);margin-top:.25rem;font-size:.9rem}.dialogue{z-index:25;width:min(46rem,92vw);animation:fade-in .3s var(--ease) both;gap:.85rem;padding:1.5rem 1.75rem;display:grid;position:fixed;bottom:clamp(1rem,4vw,2.5rem);left:50%;transform:translate(-50%)}.dialogue--accent{border-color:var(--accent);box-shadow:0 0 40px #7e323133}.dialogue__speaker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--gray-mid);font-size:.75rem}.dialogue--accent .dialogue__speaker{color:var(--accent-raised)}.dialogue__line{font-size:1.2rem;line-height:1.5}.dialogue__actions{flex-wrap:wrap;gap:.6rem;margin-top:.35rem;display:flex}.btn--choice{text-transform:none;letter-spacing:.01em;font-family:var(--font-serif);font-size:.95rem}.picker{border-top:1px solid #edeae324;gap:.5rem;padding-top:.85rem;display:grid}.picker__clue{text-align:left;text-transform:none;letter-spacing:0;gap:.2rem;padding:.7rem .9rem;display:grid}.picker__title{font-family:var(--font-mono);letter-spacing:.04em;font-size:.78rem}.picker__desc{color:var(--gray-mid);font-size:.82rem}.beat{z-index:40;cursor:pointer;animation:fade-in .3s var(--ease) both;background:#000000b8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.beat__card{gap:1rem;max-width:42rem;padding:2.5rem;display:grid}.beat__text{font-size:1.3rem;line-height:1.65}.beat__hint{text-align:right}.accusation{gap:2rem}.sentence{max-width:40ch;font-size:clamp(1.3rem,3.5vw,1.9rem);line-height:1.7}.slot{color:var(--gray-mid);border-bottom:1px solid var(--gray-mid);padding:0 .2em}.slot--filled{color:var(--accent-raised);border-bottom-color:var(--accent-raised)}.groups{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.group{gap:.5rem;min-width:13rem;display:grid}.group__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--gray-mid);font-size:.75rem}.option{text-transform:none;letter-spacing:0;font-family:var(--font-serif);text-align:left;font-size:.92rem}.option--chosen{border-color:var(--accent-raised);color:var(--accent-raised);background:#7e323124}.option--locked{font-family:var(--font-mono);letter-spacing:.1em;color:var(--gray-mid)}.accusation__foot{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.resolution__prose{max-width:44ch;color:var(--gray-faint);font-size:1.25rem;line-height:1.7}