:root{--bg:#0a0f1f;--bg-2:#0e1530;--panel:#141d3b;--panel-2:#1b2750;--line:#2c3d70;--text:#f4f6fc;--muted:#aab4d6;--faint:#6f7ba6;--gold:#ffcb52;--gold-deep:#c9952a;--cyan:#5cc8f5;--good:#4ade80;--bad:#ff7272;--alarm:#ff3d3d;--private:#c7aaff;--info:#7cc4ff;--radius:16px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display:"Avenir Next Condensed", "Avenir Next", "Arial Narrow", -apple-system, BlinkMacSystemFont, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.series{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700}.tone-good{color:var(--good)}.tone-bad{color:var(--bad)}.tone-alarm{color:var(--alarm);font-weight:700}.tone-private{color:var(--private)}.tone-info{color:var(--info)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html{font-size:clamp(14px,1.15vw,44px)}body{background:radial-gradient(ellipse at 70% -10%, #5cc8f51f, transparent 55%), radial-gradient(ellipse at 0% 110%, #ffcb5214, transparent 50%), var(--bg);overflow:hidden}.tv{width:100vw;height:100vh;padding:2.2vw 2.6vw;position:relative}.muted{color:var(--muted)}.small{font-size:.8rem}.mono{color:var(--text);font-family:ui-monospace,SF Mono,Menlo,monospace}.series.big{font-size:1.4rem}.display{font-family:var(--font-display);letter-spacing:.01em;margin:.2em 0 .3em;font-size:3.6rem;font-weight:700;line-height:1.02}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:1rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.08em;background:var(--gold);color:var(--bg);border-radius:999px;padding:.15em .5em;font-size:.65rem;font-weight:700}.tv-banner{background:var(--bad);color:#1a0505;border-radius:999px;padding:.5rem 1.2rem;font-weight:700;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.tv-roomcode{color:var(--faint);letter-spacing:.12em;font-size:.75rem;position:absolute;bottom:1vw;right:2.6vw}.open-room{place-content:center;justify-items:center;gap:2rem;height:100%;display:grid}.open-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:1rem;width:min(32rem,90vw);padding:2rem;display:grid}.open-card h1{font-family:var(--font-display);margin:0;font-size:2.2rem}.open-card p{margin:0}.field{color:var(--muted);gap:.4rem;font-size:.9rem;display:grid}.field input{border:2px solid var(--line);background:var(--bg-2);border-radius:10px;padding:.7rem .9rem;font-size:1.2rem}.check{color:var(--muted);align-items:center;gap:.6rem;display:flex}.check input{width:1.2rem;height:1.2rem}button.primary{background:var(--gold);color:var(--bg);border:none;border-radius:12px;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:700}button.primary:disabled{opacity:.5}.error{color:var(--bad);font-weight:600}.lobby{grid-template-rows:auto 1fr auto;gap:1.5rem;height:100%;display:grid}.lobby-head .display{font-size:3.2rem}.lobby-join{grid-template-columns:auto 1fr;align-items:center;gap:3rem;display:grid}.qr{aspect-ratio:1;background:#fff;border-radius:18px;width:min(42vh,34vw);padding:1rem;box-shadow:0 0 0 6px #ffcb5259}.qr svg{width:100%;height:100%;display:block}.lobby-episodes ul{gap:.3rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.lobby-episodes li{color:var(--muted);font-size:1.25rem}.lobby-episodes li span{opacity:.8;margin-left:.6rem;font-size:1rem}.lobby-episodes li.fits{color:var(--gold);font-weight:700}.lobby-info .lead{margin:0 0 .4rem;font-size:2rem;font-weight:700}.room-code{border:2px dashed var(--line);border-radius:14px;align-items:baseline;gap:1rem;margin:1.2rem 0;padding:.6rem 1.4rem;display:inline-flex}.room-code span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.room-code strong{font-family:var(--font-display);letter-spacing:.25em;color:var(--gold);font-size:3.4rem}.manual-join{color:var(--muted);font-size:1.05rem}.manual-join .invite{letter-spacing:.08em;color:var(--gold);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.5rem}.lobby-players{flex-wrap:wrap;gap:1rem;min-height:4.5rem;display:flex}.player-chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.7rem;padding:.6rem 1.2rem .6rem .8rem;font-size:1.4rem;animation:.4s ease-out pop-in;display:flex}.player-chip .avatar{font-size:2rem}.offline{opacity:.45}.stage-card{grid-template-rows:1fr auto;height:100%;display:grid;position:relative}.stage-bg{opacity:.5;position:absolute;inset:6% 0 20% 52%}.stage-content{align-self:center;max-width:48%;animation:.7s ease-out rise;position:relative}.stage-content .display{font-size:4.4rem}.stage-content .body{margin:0 0 1.2rem;font-size:1.7rem;line-height:1.35}.stage-content .goal{color:var(--gold);border-left:6px solid var(--gold);margin:0;padding-left:1rem;font-size:1.7rem;font-weight:700;line-height:1.35}.stage-recap{background:var(--panel);border:1px dashed var(--line);border-radius:14px;width:44%;padding:.9rem 1.2rem;animation:.9s ease-out rise;position:absolute;bottom:16%;right:0;transform:rotate(-.8deg)}.stage-recap p{margin:.4rem 0 0;font-size:1.3rem;line-height:1.35}.stage-briefing .goal{color:var(--bad);border-color:var(--bad)}.stage-foot{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.board{grid-template:"head head""map side"minmax(0,1fr)"foot foot"/1.6fr 1fr;gap:1.2rem 1.8rem;height:100%;display:grid}.board-head{grid-area:head;align-items:center;gap:2rem;display:flex}.board-head .title{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.board-head .stage-name{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-left:auto;font-size:1.3rem;font-weight:700}.phase-dots{gap:.5rem;display:flex}.phase-dots span{border:2px solid var(--line);width:2.4rem;height:2.4rem;color:var(--faint);border-radius:50%;place-items:center;font-weight:700;display:grid}.phase-dots .past{background:var(--panel-2);color:var(--muted)}.phase-dots .now{border-color:var(--gold);background:var(--gold);color:var(--bg)}.board-map{grid-area:map;place-items:center;min-height:0;display:grid}.floorplan{width:100%;height:100%;max-height:100%}.floorplan.dim{filter:saturate(.6)}.room rect{fill:#142a568c;stroke:var(--cyan);stroke-width:3px}.room text{fill:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:24px;font-weight:700}.room-restoration rect{stroke:var(--gold)}.token{transition:transform 1.4s cubic-bezier(.5,0,.2,1)}.token circle{fill:var(--panel-2);stroke:var(--gold);stroke-width:3px}.token .icon{font-size:34px}.token .label{fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:5px;font-size:20px;font-weight:700}.token-nora circle{stroke:var(--cyan)}.board-side{flex-direction:column;grid-area:side;gap:.8rem;min-height:0;display:flex}.side-title{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:.4rem 0 0;font-size:.9rem}.status-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.status-grid .alarm,.status-grid .chips{grid-column:1/-1}.stat,.alarm{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem 1rem}.stat .label,.alarm .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.stat .value{margin-top:.2rem;font-size:1.5rem;font-weight:700}.stat .loot{font-size:1.05rem}.alarm{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.alarm .segments{gap:.4rem;display:flex}.alarm .segments span{background:#ff3d3d1f;border:2px solid #ff3d3d59;border-radius:6px;flex:1;height:1.6rem;transition:background .6s}.alarm .segments span.on{background:var(--alarm);border-color:var(--alarm);box-shadow:0 0 18px #ff3d3d99}.alarm .value{color:var(--alarm);font-size:2rem;font-weight:800}.alarm .value small{color:var(--muted);font-size:1rem}.alarm.critical{animation:1.4s ease-in-out infinite alarm-pulse}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:2px solid;border-radius:999px;padding:.35rem .8rem;font-size:.95rem;font-weight:600}.chip-ok{color:var(--good);border-color:#4ade8080}.chip-warn{color:var(--bad);border-color:#ff727280}.chip-info{color:var(--info);border-color:#7cc4ff80}.feed{flex-direction:column;flex:1;justify-content:flex-end;gap:.55rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 3.5rem);mask-image:linear-gradient(#0000 0,#000 3.5rem)}.feed-item{border-left:5px solid var(--line);background:#141d3bb3;border-radius:0 10px 10px 0;flex-shrink:0;padding:.55rem .8rem;font-size:1.25rem;line-height:1.3;animation:.5s ease-out slide-in}.feed-item.past{opacity:.55;font-size:1.05rem}.feed-item.tone-bad,.feed-item.tone-alarm{border-left-color:var(--alarm)}.feed-item.tone-good{border-left-color:var(--good)}.feed-item.tone-info{border-left-color:var(--info)}.feed-item.tone-neutral .text{color:var(--text)}.feed-item .details{color:var(--text);margin:.3rem 0 0;padding-left:1.2rem;font-size:.95em}.board-foot{grid-area:foot;justify-content:space-between;align-items:center;gap:1rem;display:flex}.banner{color:var(--muted);margin:0;font-size:1.4rem;font-weight:700}.banner.act{color:var(--gold)}.player-strip{flex-wrap:wrap;gap:.7rem;display:flex}.strip-player{background:var(--panel);border:2px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem .35rem .5rem;font-size:1.15rem;transition:border-color .3s,background .3s;display:flex}.strip-player .avatar{font-size:1.6rem}.strip-player .tick{color:var(--faint);font-weight:800}.strip-player.done{border-color:var(--good);background:#4ade801f}.strip-player.done .tick{color:var(--good)}.timer{place-items:center;width:5.2rem;height:5.2rem;display:grid;position:relative}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:8px}.timer .track{stroke:var(--panel-2)}.timer .bar{stroke:var(--gold);transition:stroke-dashoffset .25s linear}.timer span{font-size:1.8rem;font-weight:800;position:relative}.timer small{color:var(--muted);font-size:.7rem;position:absolute;bottom:-1.2rem}.timer.urgent .bar{stroke:var(--alarm)}.timer.urgent span{color:var(--alarm)}.overlay{background:#050812c7;place-items:center;animation:.4s ease-out fade;display:grid;position:absolute;inset:0}.interrogation-card{background:var(--panel);border:2px solid var(--cyan);border-radius:24px;width:min(70rem,80vw);padding:2.4rem 3rem;box-shadow:0 0 80px #5cc8f533}.interrogation-card h2{font-family:var(--font-display);margin:.4rem 0 1.2rem;font-size:2.6rem}.suspects{gap:1.4rem;margin-bottom:1.4rem;display:flex}.suspect{border-radius:var(--radius);background:var(--bg-2);border:2px solid var(--line);flex:1;justify-items:center;gap:.3rem;padding:1.2rem;display:grid}.suspect .avatar{font-size:3.6rem}.suspect .name{font-size:1.6rem;font-weight:700}.suspect .tick{color:var(--faint);font-weight:700}.suspect.done{border-color:var(--good)}.suspect.done .tick{color:var(--good)}.questions{margin:0 0 1rem;padding-left:1.4rem;font-size:1.5rem;line-height:1.5}.finale{grid-template-rows:auto 1fr auto;height:100%;display:grid}.finale-body{align-self:center;max-width:80rem}.finale-body .display{font-size:4.2rem;animation:.6s ease-out rise}.reveal-lines{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.reveal-lines li{opacity:0;font-size:1.8rem;line-height:1.3;animation:.6s ease-out forwards rise}.finale-result .reveal-lines li:first-child{font-family:var(--font-display);font-size:3.2rem;font-weight:800}.finale-copy_reveal .reveal-lines li:first-child{font-size:2.3rem;font-weight:700}.dominoes{perspective:900px;flex-wrap:wrap;gap:1.2rem 1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.domino{color:#1b1a14;transform-origin:0 100%;opacity:0;background:linear-gradient(#f8f2df,#e9dfc0);border-radius:12px;width:calc(33.3333% - .666667rem);min-height:7.5rem;padding:1rem 1.2rem;font-size:1.35rem;line-height:1.3;animation:.9s cubic-bezier(.3,1.4,.5,1) forwards domino-fall;position:relative;box-shadow:0 10px #b9a978,0 18px 30px #00000073}.domino:after{content:"";border-left:2px dashed #0000001f;position:absolute;top:.6rem;bottom:.6rem;left:50%}.domino.tone-bad{background:linear-gradient(#ffe0dc,#f6c3bb);box-shadow:0 10px #c98377,0 18px 30px #00000073}.domino.divider{width:100%;min-height:0;box-shadow:none;color:var(--info);background:0 0;padding:.3rem 0;font-weight:700}.domino.divider:after{display:none}.finale-dots{gap:.6rem;display:flex}.finale-dots span{background:var(--panel-2);border-radius:50%;width:1rem;height:1rem}.finale-dots span.on{background:var(--gold)}.finale-foot{justify-content:space-between;align-items:center;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@keyframes alarm-pulse{50%{box-shadow:0 0 0 4px #ff3d3d8c,0 0 40px #ff3d3d73}}@keyframes domino-fall{0%{opacity:0;transform:rotate(-28deg)translateY(-30px)}60%{opacity:1;transform:rotate(4deg)}to{opacity:1;transform:none}}.sound{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:.3rem .7rem;font-size:.9rem;position:absolute;bottom:.8vw;left:2.6vw}.sound.blocked{border-color:var(--gold);color:var(--gold);animation:2s ease-in-out infinite alarm-pulse}.stage-image{object-fit:cover;border-radius:24px;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 25%);mask-image:linear-gradient(90deg,#0000 0,#000 25%)}.board-map{position:relative}.map-image{object-fit:contain;opacity:.22;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.interrogation-card .portrait{float:right;object-fit:cover;border:3px solid var(--cyan);border-radius:50%;width:9rem;height:9rem;margin:0 0 1rem 1.5rem}.finale-body{position:relative}.finale-image{object-fit:cover;opacity:.85;z-index:-1;border-radius:24px;width:34vw;max-height:70vh;position:absolute;top:-6vh;right:-2vw;-webkit-mask-image:linear-gradient(270deg,#000 60%,#0000);mask-image:linear-gradient(270deg,#000 60%,#0000)}.caption{color:var(--muted);max-width:60rem;margin:0 0 1rem;font-size:1.45rem;font-style:italic;line-height:1.4;animation:.8s ease-out rise}.columns{grid-template-columns:1fr 1fr;gap:1.6rem;margin:.6rem 0 1.4rem;display:grid}.column{background:var(--panel);border:2px solid var(--line);opacity:0;border-radius:20px;padding:1.2rem 1.5rem;animation:.7s ease-out forwards rise}.column h2{letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin:0 0 .6rem;font-size:1.3rem}.column ul{gap:.5rem;margin:0;padding-left:1.2rem;font-size:1.35rem;line-height:1.3;display:grid}.tone-border-good{border-color:#4ade80b3}.tone-border-bad{border-color:#ff7272b3}.finale-tipping .reveal-lines li{font-size:1.3rem}