:root{--bg:#0e0d0c;--surface:#1a1816;--border:#2e2a26;--text:#d9d2c5;--muted:#8a8174;--accent:#b3261e;--accent-hover:#d0342a;--gold:#f2c230;--gold-muted:#b8952a;--green:#86c06c;--deco:#ffffff0e;--deco-soft:#ffffff09;--font-body:"PT Sans", system-ui, sans-serif;--font-title:"Old Standard TT", Georgia, serif;--font-mono:"PT Mono", "Courier New", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:17px/1.5 var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}body:has(.overlay){background:0 0}.page{max-width:760px;margin:0 auto;padding:40px 16px 64px}.page.wide{max-width:1100px}.title{font-family:var(--font-title);letter-spacing:.02em;margin:0 0 16px;font-size:2.5rem;font-weight:400}.muted{color:var(--muted)}code{font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.ghost{color:var(--text);border-color:var(--border);background:0 0}.button.ghost:hover{border-color:var(--muted)}.overlay{pointer-events:none;position:fixed;inset:0}.overlay-test{font-family:var(--font-title);color:#fff;text-shadow:0 0 6px #000;margin:0;position:absolute;bottom:24px;left:24px}.login-screen{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.login-screen>:not(.police-tape){z-index:2;position:relative}.police-tape{z-index:1;white-space:nowrap;width:140%;font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:#111;pointer-events:none;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(90deg,#0000 0 60px,#0000000d 60px 62px),#e7bd2c;padding:10px 0;font-size:clamp(.8rem,1.6vw,1.05rem);font-weight:700;position:absolute;left:-20%;overflow:hidden;box-shadow:0 6px 18px #0009,inset 0 1px #ffffff59,inset 0 -1px #00000040}.police-tape.t1{top:7%;transform:rotate(-5deg)}.police-tape.t2{bottom:8%;transform:rotate(4deg)}.police-tape.t3{width:70%;bottom:14%;left:62%;transform:rotate(-38deg)}.police-tape.t4{width:70%;top:16%;left:-32%;transform:rotate(-38deg)}@media (width<=600px){.police-tape.t3,.police-tape.t4{display:none}.police-tape.t1{top:4%}.police-tape.t2{bottom:4%}}.login-title{font-family:var(--font-title);color:var(--gold);text-shadow:0 0 32px #f2c23040;margin:0;font-size:clamp(2.5rem,9vw,6.5rem);font-weight:700;line-height:1.05}.twitch-button{color:#fff;background:#9146ff;border-radius:6px;align-items:center;gap:10px;padding:12px 24px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.twitch-button:hover{background:#772ce8}.login-error{color:#ff6b5e;margin:-16px 0 0}.dev-login{opacity:.35;align-items:center;gap:6px;font-size:.8rem;display:flex;position:fixed;bottom:16px}.dev-login:hover,.dev-login:focus-within{opacity:1}.dev-login input,.dev-login.demo{opacity:1;font-size:.95rem;position:static}.dev-login.demo input{width:180px;padding:6px 10px}.dev-login button{width:90px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;width:auto;padding:3px 6px}.block{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:20px 24px}.block.admin{border-left:3px solid var(--gold)}.block-title{font-family:var(--font-title);margin:0 0 8px;font-size:1.5rem;font-weight:700}.header{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:#0e0d0ceb;align-items:stretch;gap:16px;padding:0 16px;display:flex;position:sticky;top:0}.tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;padding:16px 14px 13px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.tabs a.tab-admin.active{border-bottom-color:var(--gold)}.tabs a.tab-admin{color:var(--gold-muted)}.logout{font:inherit;color:var(--muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-self:center;margin-left:auto;padding:6px 14px;font-size:.9rem}.logout:hover{color:var(--text);border-color:var(--muted)}.dossier{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:40px;display:grid}.dossier-image{width:100%}.dossier-image .portrait{box-shadow:0 20px 40px #00000080}.dossier-case{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hover);margin:0 0 4px;font-size:.85rem}.dossier-name{font-family:var(--font-title);color:var(--gold);margin:0 0 4px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1}.dossier-info>.muted{margin:0 0 20px}.dossier-dead{border:1px solid var(--accent);color:var(--accent-hover);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;padding:2px 10px;display:inline-block}.dossier-level{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin:0 0 20px;padding-bottom:16px;display:flex}.level-badge{border:2px solid var(--gold);width:48px;height:48px;font-family:var(--font-title);color:var(--gold);border-radius:50%;flex:none;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.level-info{flex:1;gap:8px;display:grid}.level-title{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;font-weight:700;display:flex}.stat-bar.level{flex:none}.stat-bar.level>span{background:var(--gold)}.stats{gap:12px;margin:0 0 28px;display:grid}.stat{grid-template-columns:100px 1fr;align-items:center;gap:12px;display:grid}.stat dt{color:var(--muted)}.stat dd{align-items:center;gap:12px;margin:0;display:flex}.stat-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.stat-bar>span{background:var(--muted);height:100%;transition:width .4s;display:block}.stat-bar.health>span{background:var(--accent)}.stat-bar.sanity>span{background:#5b7fa6}.stat-value{text-align:right;min-width:2.5ch;font-family:var(--font-mono)}.dossier-section{font-family:var(--font-title);margin:0 0 8px;font-size:1.25rem}.dossier-bio{white-space:pre-line;margin:0}.back-link{color:var(--muted);margin-bottom:24px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--text)}@media (width<=720px){.dossier{grid-template-columns:1fr;gap:24px}.dossier-image{max-width:320px}}.characters{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.character-card{color:var(--text);text-decoration:none;display:block}.character-card .portrait-wrap{transition:transform .2s}.character-card .portrait img{filter:grayscale(.35)brightness(.85);transition:filter .2s}.character-card:hover .portrait-wrap{transform:translateY(-3px)}.character-card:hover .portrait img{filter:none}.character-card span{font-family:var(--font-title);text-align:center;margin-top:8px;font-weight:700;display:block}.faq-section{border-radius:8px;margin:0 -16px 16px;padding:12px 16px;scroll-margin-top:72px}.faq-section.flash,.faq-note.flash{animation:.9s ease-in-out 3 flash}.faq-section .faq-note{border-left:3px solid var(--accent);border-radius:6px;margin:14px -12px 8px;padding:8px 12px;scroll-margin-top:72px}@keyframes flash{0%,to{background:0 0;box-shadow:inset 0 0 0 1px #0000}50%{background:#f2c2301f;box-shadow:inset 0 0 0 1px #f2c23099}}@media (prefers-reduced-motion:reduce){.faq-section.flash,.faq-note.flash{background:#f2c2301f;animation-duration:10ms;animation-iteration-count:1}}.donate-link{color:var(--gold);text-underline-offset:3px;font-weight:700;text-decoration:underline}.donate-link:hover{color:#ffd84d}.faq-section p{margin:0 0 8px}.faq-section .block-title{border-top:3px solid var(--gold-muted);border-bottom:1px solid var(--gold-muted);color:var(--gold);letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:0 0 14px;padding:10px 0 8px;font-size:1.35rem;position:relative}.faq-section .block-title:before{content:"";border-top:1px solid var(--gold-muted);position:absolute;top:-8px;left:0;right:0}.faq-section code{color:var(--green);border-color:#86c06c59}.stat-action{flex:none;width:104px}.heal-button{border:1px solid var(--accent);color:var(--accent-hover);border-radius:4px;padding:2px 10px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.heal-button:hover{background:var(--accent);color:#fff}.heal-button.luck{border-color:var(--green);color:var(--green)}.heal-button.luck:hover{background:var(--green);color:#000}.stat dd>.stat-value:first-child+.stat-action{margin-left:auto}.backdrop{z-index:0;pointer-events:none;color:var(--deco);background:radial-gradient(#0000 55%,#00000073 100%);position:fixed;inset:0;overflow:hidden}.content{z-index:1;position:relative}.deco{position:absolute}.deco-web{width:260px;top:56px;right:0}.deco-fingerprint{width:120px;top:110px;left:4%;transform:rotate(-18deg)}.deco-board{width:240px;top:42%;left:2%}.deco-stamp{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border:4px double;border-radius:6px;padding:6px 18px;font-size:2rem;font-weight:700;top:34%;right:5%;transform:rotate(-14deg)}.deco-coffee{width:180px;top:58%;right:12%}.deco-magnifier{width:150px;bottom:5%;right:3%;transform:rotate(8deg)}.deco-tape{white-space:nowrap;width:60%;font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;background:#ffffff05;border-block:2px dashed;padding:8px 0;font-weight:700;position:absolute;bottom:9%;left:-10%;overflow:hidden;transform:rotate(-7deg)}.deco-chalk{width:280px;color:var(--deco-soft);bottom:4%;left:50%;transform:translate(-10%)rotate(-18deg)}.deco-footprints{width:380px;color:var(--deco-soft);bottom:19%;left:24%;transform:rotate(-12deg)}@media (width<=900px){.deco-footprints{display:none}.deco-chalk{width:200px;transform:translate(-50%)rotate(-18deg)}.deco-board,.deco-coffee,.deco-stamp{display:none}.deco-web{width:170px}.deco-tape{width:110%}}.portrait-wrap{position:relative}.death-cross{pointer-events:none;z-index:2;filter:drop-shadow(0 3px 4px #0009);width:118%;height:114%;position:absolute;inset:-7% -9%;overflow:visible}.portrait{aspect-ratio:2/3;border:1px solid var(--border);background:var(--surface);border-radius:6px;position:relative;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.portrait-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portrait-fx.blood-tint{mix-blend-mode:multiply;background:#b00000}.portrait.dead img,.character-card .portrait.dead img,.character-card:hover .portrait.dead img{filter:grayscale()brightness(.55)}.heal-button.revive{border-color:var(--gold);color:var(--gold)}.heal-button.revive:hover{background:var(--gold);color:#000}.dossier-dead-row{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;display:flex}.dossier-dead-row .dossier-dead{margin:0}.character{flex-direction:column;align-items:center;gap:8px;display:flex}.character .character-card{width:100%}.heal-button.admin{border-color:var(--gold-muted);color:var(--gold);font:inherit;cursor:pointer;background:0 0;font-size:.85rem;font-weight:700}.heal-button.admin:hover{background:var(--gold);color:#000}.heal-button.admin:disabled{opacity:.4;cursor:default;color:var(--gold);background:0 0}.modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--border) transparent;width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:8px;padding:24px;overflow-y:auto;box-shadow:0 24px 60px #0009}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3}.modal-title{font-family:var(--font-title);color:var(--gold);margin:0 0 4px;font-size:1.6rem}.modal-subtitle{margin:0 0 20px}.modal-field{gap:6px;margin-bottom:12px;display:grid}.modal-field input{font:inherit;font-family:var(--font-mono);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:1.3rem}.modal-field input:focus{border-color:var(--gold);outline:none}.modal-hint,.modal-error{margin:0 0 12px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-button{font:inherit;color:#000;background:var(--gold);border:1px solid var(--gold);cursor:pointer;border-radius:6px;padding:8px 18px;font-weight:700}.modal-button:disabled{opacity:.5;cursor:default}.modal-button.ghost{color:var(--text);border-color:var(--border);background:0 0}.modal-button.ghost:hover{border-color:var(--muted)}.table-scroll{scrollbar-color:var(--border) transparent;margin:0 -8px;overflow-x:auto}.players-table{border-collapse:collapse;width:100%;font-size:.95rem}.players-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px;font-weight:700}.players-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px}.players-table a{color:var(--text);font-weight:700;text-decoration:none}.players-table a:hover{color:var(--gold)}.players-table tr.is-dead td{opacity:.6}.dead-tag{color:var(--accent-hover);border:1px solid var(--accent);border-radius:4px;margin-left:8px;padding:0 6px;font-size:.75rem}.stat-cell{min-width:48px;font:inherit;font-family:var(--font-mono);color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:3px 8px}.stat-cell:hover{border-color:var(--gold);color:var(--gold)}.stat-cell.low{color:var(--accent-hover)}.status-cell{align-items:center;gap:8px;display:inline-flex}.status-switch{font:inherit;color:var(--green);cursor:pointer;background:0 0;border:1px solid #86c06c73;border-radius:4px;padding:0 8px;font-size:.75rem;font-weight:700;line-height:1.6}.status-switch:hover{color:#000;background:var(--green)}.status-switch.off{color:var(--muted);border-color:var(--border)}.status-switch.off:hover{color:var(--text);border-color:var(--muted);background:0 0}.status-switch:disabled{opacity:.5;cursor:default}.revive-inline{margin-left:8px;padding:0 8px;font-size:.75rem}.hq{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:24px;display:grid}.hq-menu{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:72px}.hq-menu a{color:var(--muted);border-left:3px solid #0000;border-radius:6px;padding:8px 12px;font-weight:700;text-decoration:none}.hq-menu a:hover{color:var(--text);background:#ffffff08}.hq-menu a.active{color:var(--gold);border-left-color:var(--gold);background:#f2c23012}@media (width<=800px){.hq{grid-template-columns:1fr}.hq-menu{flex-direction:row;position:static;overflow-x:auto}.hq-menu a{white-space:nowrap;border-bottom:3px solid #0000;border-left:none}.hq-menu a.active{border-bottom-color:var(--gold)}}.block-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.block-header .block-title{margin:0}.events-table td{vertical-align:top}.events-table tr.is-off td{opacity:.5}.events-table tr.is-off td:first-child{opacity:1}.event-cell{min-width:220px;white-space:normal!important}.event-key{white-space:nowrap;color:var(--green);margin-left:6px;display:inline-block}.event-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.85rem;line-height:1.35;display:-webkit-box;overflow:hidden}.effect-good{color:var(--green)}.effect-bad{color:var(--accent-hover)}.row-actions{flex-direction:column;gap:6px;display:flex}.row-actions .heal-button{font:inherit;cursor:pointer;background:0 0;font-size:.8rem;font-weight:700}.row-actions .heal-button:not(.admin):hover{background:var(--accent);color:#fff}.switch{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch:checked{background:#86c06c59}.switch:checked:after{background:var(--green);transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.modal.wide{width:min(720px,100vw - 32px)}.event-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4px 16px;display:grid}.event-form>.modal-title,.event-form>.wide,.event-form>.event-preview{grid-column:1/-1}.modal-field input,.modal-field textarea,.effect select,.effect input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px}.modal-field textarea{resize:vertical;padding:8px 10px}.event-form .modal-field input{padding:8px 10px;font-size:1rem}.modal-field small{font-size:.8rem}.modal-field textarea:focus,.effect select:focus,.effect input:focus{border-color:var(--gold);outline:none}.event-preview{background:var(--bg);border:1px dashed var(--border);border-radius:6px;margin:0 0 12px;padding:10px 12px 22px;font-size:.9rem;position:relative}.event-instruction{white-space:nowrap;color:var(--green);font-family:var(--font-mono);font-size:.85rem}.event-preview .counter{font-size:.75rem;position:absolute;bottom:4px;right:10px}.effect{border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 90px;gap:6px 8px;margin:0 0 12px;padding:8px 10px 10px;display:grid}.effect legend{color:var(--muted);padding:0 4px}.effect select,.effect input{padding:6px 8px}.effect input:disabled{opacity:.4}.effect small{grid-column:1/-1;font-size:.8rem}.switch-row{cursor:pointer;align-items:center;gap:10px;margin:4px 0 8px;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--green)}.form-problems{color:var(--gold-muted);margin:0;font-size:.85rem}.modal-button.danger{color:#fff;background:var(--accent);border-color:var(--accent)}@media (width<=600px){.event-form{grid-template-columns:1fr}}.cell-note{font-size:.8rem;display:block}.status-badge{white-space:nowrap;color:var(--status);border:1px solid color-mix(in srgb, var(--status) 45%, transparent);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:1px 9px 1px 7px;font-size:.78rem;font-weight:700;line-height:1.6;display:inline-flex}.status-badge:before{content:"";background:var(--status);border-radius:50%;width:7px;height:7px}.status-active{--status:var(--green)}.status-create{--status:var(--gold)}.status-sleep{--status:#7d9cc4}.status-leave{--status:var(--muted)}.dossier-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.characters.lab-sanity{grid-template-columns:repeat(5,minmax(0,1fr))}.lab-slider{text-align:center;grid-template-columns:1fr;gap:4px;margin-top:8px;font-size:.85rem;display:grid}.lab-slider input{accent-color:#5b7fa6;width:100%}.board-page.page{max-width:1720px;padding-top:20px;padding-bottom:24px}.board-strip{margin:0 0 10px}.board-strip-header{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.board-strip-header .muted{font-size:.8rem}.board-panel-title{font-family:var(--font-title);color:var(--gold);margin:0;font-size:1.05rem}.board-strip-body{align-items:center;gap:6px;display:flex}.board-strip-list{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:10px;min-width:0;margin:0;padding:4px 24px 6px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.board-strip-list::-webkit-scrollbar{display:none}.board-strip-arrow{width:30px;height:30px;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50%;flex:none;padding:0;font-size:1.4rem;line-height:26px}.board-strip-arrow:hover{border-color:var(--gold-muted);color:var(--gold)}.board-strip-empty{align-self:center;padding:18px 0;font-size:.85rem}.board-panel-card{text-align:center;color:#1c1a17;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#ddd3bf;border-radius:2px;flex:0 0 76px;align-content:start;gap:3px;padding:4px 4px 6px;font-size:.66rem;line-height:1.12;transition:transform .15s;display:grid;box-shadow:0 2px 6px #0000008c}.board-panel-card:hover{transform:translateY(-2px)rotate(-1deg)}.board-panel-card.used{opacity:.35;cursor:default;transform:none}.board-panel-card small{font-size:.62rem}.board-panel-photo{filter:sepia(.25)contrast(1.05)brightness(.9)}.board-panel-photo .clue-image,.board-panel-photo .suspect-photo{aspect-ratio:1;border:none;border-radius:0}.board-stage{position:relative}.board-toolbar{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px;font-size:.9rem;display:flex}.board-hint{flex:1;min-width:240px;font-size:.8rem}.board-swatch{background:var(--pin);cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:inset -3px -4px 6px #00000059,0 1px 3px #0009}.board-swatch.active{border-color:var(--text);transform:scale(1.15)}.pin-red{--pin:#c62828}.pin-yellow{--pin:#f2c230}.pin-green{--pin:#3f9b45}.pin-blue{--pin:#2f6fb8}.pin-white{--pin:#ece6da}.board-frame{border-radius:6px;margin:0 0 12px;box-shadow:0 30px 70px #000000bf}.board-cork{touch-action:none;background-color:#5e422a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.07 0 0 0 0 0.02 0 0 0 0.85 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;border-radius:6px;height:clamp(420px,100vh - 500px,900px);position:relative;overflow:hidden;box-shadow:inset 0 0 50px 12px #0a0806d9}.board-cork-bg{pointer-events:none;background:url(/images/board/cork.webp) 50%/cover no-repeat;position:absolute;inset:0}.board-cork:after{content:"";pointer-events:none;background:radial-gradient(at 55%,#0000 50%,#00000059 100%);position:absolute;inset:0}.board-empty{font-family:var(--font-title);color:#1e120899;text-shadow:0 1px #ffe6be40;pointer-events:none;place-items:center;margin:0;font-size:1.3rem;display:grid;position:absolute;inset:0}.board-card{z-index:1;color:#1c1a17;width:118px;box-shadow:var(--shadow-x,3px) var(--shadow-y,7px) 12px #0009, 0 1px 2px #0006;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50% 14px;background:#ddd3bf linear-gradient(160deg,#ffffff1f,#5a3c141f);border-radius:2px;padding:7px 7px 9px;transition:box-shadow .15s,scale .15s;position:absolute}.board-card.clue{width:108px}.board-card.lifted{z-index:5;cursor:grabbing;box-shadow:calc(var(--shadow-x,3px) * 3) calc(var(--shadow-y,7px) * 3) 30px #0000008c, 0 2px 4px #0000004d;scale:1.07}.board-card-photo .clue-image,.board-card-photo .suspect-photo{aspect-ratio:1;border:none;border-radius:0}.board-card-photo{filter:sepia(.25)contrast(1.05)brightness(.9)}.board-card.clue,.board-panel-card.clue{color:#1d130a;outline-offset:-4px;background-color:#a9824f;background-image:linear-gradient(160deg,#ffebc824,#3c230a33),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.15 0 0 0 0 0.05 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;outline:1px dashed #2816088c}.board-card.clue .board-card-number{color:#5e1710;font-weight:700}.board-card.note{background-color:#cdb877;background-image:linear-gradient(170deg,#ffffff2e,#50370a2e),repeating-linear-gradient(#0000 0 23px,#5a3c1438 23px 24px);background-position:0 0,0 20px;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:148px;padding:22px 10px 8px}.board-note-text{color:#2a2016;resize:none;cursor:text;background:0 0;border:none;outline:none;width:100%;min-height:96px;padding:0;font-family:Caveat,cursive;font-size:1.2rem;font-weight:500;line-height:24px;display:block;overflow:hidden}.board-note-text::placeholder{color:#2a201673}.board-card-name{font-family:var(--font-title);text-align:center;margin-top:5px;font-size:.8rem;font-weight:700;line-height:1.15;display:block}.board-card-note{text-align:center;color:#9b2a20;margin-top:2px;font-size:.65rem;font-weight:700;line-height:1.2;display:block}.board-card-number{font-family:var(--font-mono);text-align:center;color:#9b2a20;margin-top:5px;font-size:.62rem;display:block}.board-card-remove{color:#fff;opacity:0;cursor:pointer;background:#3a3632;border:none;border-radius:50%;width:20px;height:20px;padding:0;font-size:14px;line-height:18px;transition:opacity .15s;position:absolute;top:-8px;right:-8px}.board-card:hover .board-card-remove{opacity:1}.suspect-photo{background:radial-gradient(circle at 50% 35%,#4a4540,#1b1916)}.suspect-photo img{object-fit:cover;object-position:50% 15%;pointer-events:none;width:100%;height:100%;display:block}.suspect-photo svg{fill:#0d0c0b;width:100%;height:100%;display:block}.suspect-photo text{font-family:var(--font-title);fill:#6d665d;font-size:18px;font-weight:700}.board-strings{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:visible}.board-strings path{fill:none;stroke-linecap:round}.string-shadow{stroke:#00000059;stroke-width:3.5px;filter:blur(1.5px)}.string{stroke:#b3261e;stroke-width:2.6px}.string-shine{stroke:#ffbeaa59;stroke-width:.8px}.string-hit{stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.board-strings g:hover>.string{stroke:#e0443a}.board-pin{z-index:7;background:radial-gradient(circle at 35% 30%, #ffffffd9 0 12%, var(--pin) 34%, color-mix(in srgb, var(--pin) 55%, #000) 100%);width:18px;height:18px;box-shadow:var(--shadow-x,3px) var(--shadow-y,7px) 5px #00000073;cursor:crosshair;border:none;border-radius:50%;margin:-9px 0 0 -9px;padding:0;transition:transform .12s,box-shadow .12s;position:absolute}.board-pin:hover{transform:scale(1.2)}.board-pin.selected{transform:scale(1.3);box-shadow:0 0 0 3px #f2c230e6,4px 7px 6px #00000080}.session-controls{gap:8px;display:flex}.session-status{align-items:center;gap:10px;margin:0 0 16px;display:flex}.session-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.session-dot.active{background:var(--green);box-shadow:0 0 8px var(--green)}.session-dot.pause{background:var(--gold)}.session-open{border:1px solid var(--accent);background:#b3261e1a;border-left-width:4px;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 20px;padding:12px 16px;display:flex}.session-open-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hover);font-size:.75rem}.session-countdown{font-family:var(--font-mono);color:var(--text);margin-left:auto;font-size:1.3rem}.session-subtitle{font-family:var(--font-title);margin:20px 0 8px;font-size:1.15rem}.session-note{margin-top:20px}.clues{border-top:3px double var(--border);margin-top:48px;padding-top:20px}.clues-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.clues-header .history-title{margin:0}.clue-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.clue-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 8px 10px;text-decoration:none;transition:transform .2s,border-color .2s;display:block}.clue-card:hover{border-color:var(--gold-muted);transform:translateY(-3px)}.clue-card-number{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hover);margin-top:8px;font-size:.72rem;display:block}.clue-card-name{font-family:var(--font-title);margin-top:2px;font-weight:700;line-height:1.25;display:block}.clue-image{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}.clue-image img{object-fit:cover;width:100%;height:100%;display:block}.evidence-marker{filter:sepia(.15)brightness(.92)drop-shadow(1px 2px 2px #00000080);pointer-events:none;width:24%;height:auto;position:absolute;bottom:3%;right:5%}.clue-image-empty{width:100%;height:100%;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.75rem;display:flex}.clue-image-empty svg{opacity:.6;width:36%}.clue-thumb{width:48px}.clue-thumb .clue-image-empty span{display:none}.clue-page{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:40px;display:grid}.clue-page-image{box-shadow:0 20px 40px #00000080}.clue-description{white-space:pre-line;margin:12px 0 24px}.clue-facts{border-top:1px solid var(--border);gap:10px;margin:0 0 24px;padding-top:16px;display:grid}.clue-facts>div{grid-template-columns:130px 1fr;gap:12px;display:grid}.clue-facts dt{color:var(--muted)}.clue-facts dd{margin:0}@media (width<=720px){.clue-page{grid-template-columns:1fr;gap:24px}.clue-page-image{max-width:320px}}.modal-select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.modal-select:focus{border-color:var(--gold);outline:none}.clue-form-preview{align-self:end;width:96px}.history{border-top:3px double var(--border);margin-top:48px;padding-top:20px}.history-title{font-family:var(--font-title);color:var(--gold);margin:0 0 16px;font-size:1.6rem;font-weight:700}.history-day+.history-day{margin-top:20px}.history-date{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin:0 0 6px;font-size:.8rem;font-weight:400;display:flex}.history-date:after{content:"";border-top:1px dashed var(--border);flex:1}.history-list{margin:0;padding:0;list-style:none}.history-entry{border-left:2px solid #0000;border-radius:4px;grid-template-columns:48px 22px minmax(0,1fr) auto;align-items:baseline;gap:4px 10px;padding:7px 10px;display:grid}.history-entry:nth-child(2n){background:#ffffff05}.history-entry time{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}.history-mark{text-align:center;color:var(--muted)}.history-event_success .history-mark{color:var(--green)}.history-event_fail .history-mark,.history-death .history-mark{color:var(--accent-hover)}.history-entry.milestone{border-left-color:var(--gold-muted);background:#f2c2300d}.history-entry.milestone .history-text{font-weight:700}.history-entry.milestone .history-mark{color:var(--gold)}.history-entry.history-death{border-left-color:var(--accent);background:#b3261e14}.history-deltas{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.delta{font-family:var(--font-mono);white-space:nowrap;color:var(--delta);border:1px solid color-mix(in srgb, var(--delta) 40%, transparent);border-radius:4px;padding:0 7px;font-size:.8rem}.delta-health{--delta:var(--accent-hover)}.delta-sanity{--delta:#7d9cc4}.delta-luck{--delta:var(--green)}.delta-rating{--delta:var(--gold)}.history-more{font:inherit;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;margin-top:14px;padding:6px 14px;font-size:.9rem}.history-more:hover{color:var(--text);border-color:var(--muted)}@media (width<=600px){.history-entry{grid-template-columns:44px 18px minmax(0,1fr)}.history-deltas{grid-column:3;justify-content:flex-start}}.bonus-note{border-left:3px solid var(--gold-muted);background:#f2c2300d;border-radius:4px;margin:0 0 12px;padding:8px 12px;font-size:.9rem}.unlinked{color:var(--gold-muted);font-size:.85rem}.reward-id{font-size:.8rem}.mono-input{letter-spacing:.02em;font-family:var(--font-mono)!important}.segmented{border:1px solid var(--border);border-radius:6px;width:fit-content;display:inline-flex;overflow:hidden}.segmented button{font:inherit;color:var(--muted);background:var(--bg);cursor:pointer;border:none;padding:7px 14px;font-weight:700}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{color:#000;background:var(--gold)}