:root{--bg:#120b1f;--bg2:#1b1030;--panel:#221538;--panel2:#2c1c47;--line:#3a2a5c;--text:#f2ecff;--muted:#b3a3d6;--accent:#c264ff;--accent2:#ff5fa2;--good:#4ad6a0;--bad:#ff6b7a;--warn:#ffce5a;--radius:14px;--shadow:0 8px 30px #00000073}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #2a173f 0%, var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}.screen{max-width:1000px;min-height:100%;margin:0 auto;padding:16px}.center{justify-content:center;align-items:center;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.center-text{text-align:center}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.hidden{display:none}.hero{text-align:center;max-width:460px;padding:28px}.logo{font-size:3rem}.title{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:2.4rem}.subtitle{color:var(--muted);margin-top:0}.hint{color:var(--muted);margin-top:18px;font-size:.85rem}.btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:var(--radius);cursor:pointer;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:600;transition:transform 50ms,filter .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff;border:none}.btn-good{background:var(--good);color:#06281e;border:none}.btn-bad{background:var(--bad);color:#2b0a0e;border:none}.btn-ghost{background:0 0}.btn-xl{min-height:60px;padding:18px 22px;font-size:1.2rem}.btn-sm{min-height:36px;padding:7px 10px;font-size:.85rem}.btn-block{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.card-h{margin:0 0 8px;font-size:1.05rem}.pill{background:var(--panel2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.pill.good{border-color:var(--good);color:var(--good);background:#4ad6a02e}.pill.bad{border-color:var(--bad);color:var(--bad);background:#ff6b7a2e}.pill.warn{border-color:var(--warn);color:var(--warn);background:#ffce5a29}.badge-phase{text-transform:capitalize;letter-spacing:.3px;font-weight:700}input[type=text],input[type=number],select,textarea{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;width:100%;padding:12px;font-size:1rem}textarea{resize:vertical;min-height:48px}label.field{margin:8px 0;display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:.82rem;display:block}.inline-toggle{justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.inline-toggle input{width:auto;transform:scale(1.4)}.timer{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800}.timer.low{color:var(--bad)}.timer-wrap{text-align:center}.code-big{letter-spacing:.5rem;color:var(--accent);font-size:3rem;font-weight:800}.qr-box{border-radius:var(--radius);background:#fff;padding:14px;display:inline-block}.join-url{word-break:break-all}.plist{flex-direction:column;gap:8px;display:flex}.pitem{background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pitem .avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.dot{background:var(--bad);border-radius:50%;width:9px;height:9px}.dot.on{background:var(--good)}.people{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.person-chip{background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex:none;padding:10px 12px}.person-chip.active{border-color:var(--accent);background:var(--panel)}.person-chip.unread{box-shadow:0 0 0 2px var(--accent2)}.chat-log{flex-direction:column;gap:8px;max-height:46vh;padding:6px;display:flex;overflow-y:auto}.bubble{border-radius:14px;max-width:80%;padding:9px 12px}.bubble.me{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff;align-self:flex-end}.bubble.them{background:var(--panel2);border:1px solid var(--line);align-self:flex-start}.bubble .meta{opacity:.8;margin-bottom:2px;font-size:.7rem}.role-card{text-align:center;background:linear-gradient(160deg, var(--panel2), var(--panel));border:1px solid var(--accent);padding:22px}.role-name{color:var(--accent);font-size:1.8rem;font-weight:800}.notes{flex-direction:column;gap:6px;display:flex}.note{background:var(--panel2);border-left:3px solid var(--accent2);border-radius:8px;padding:8px 10px;font-size:.9rem}.score-row{background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.score-row.lead{border-color:var(--warn);box-shadow:0 0 0 1px var(--warn) inset}.rank{text-align:center;width:2ch;font-size:1.3rem;font-weight:800}.score-val{margin-left:auto;font-size:1.2rem;font-weight:800}.narrator{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#2a1840,#1c1130);padding:14px 16px}.narrator .n-line{border-bottom:1px dashed var(--line);padding:4px 0}.narrator .n-line:last-child{border-bottom:none}.highlight{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.highlight .q{font-style:italic}.toaster{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;left:0;right:0}.toast{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px}.toast.error{border-color:var(--bad)}.toast.success{border-color:var(--good)}.overlay{z-index:60;background:#080410bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:720px;max-height:88vh;box-shadow:var(--shadow);padding:18px;overflow-y:auto}.controlbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);background:#120b1feb;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;padding:10px;display:flex;position:sticky;bottom:0}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-roles{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=620px){.grid-roles{grid-template-columns:1fr 1fr}}.big-emoji{font-size:2.4rem}.spoiler{filter:blur(5px);transition:filter .2s}.spoiler:hover{filter:none}:root{--bg:#17182e;--bg2:#1e2039;--panel:#24263f;--panel2:#30324e;--line:#56506a;--text:#fff0d5;--muted:#c2bdd0;--accent:#77d9ce;--accent2:#f083aa;--radius:8px}html{scrollbar-gutter:stable}body{background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.screen{min-height:100dvh}.scene{isolation:isolate;max-width:none;padding:clamp(12px,2.5vw,32px);position:relative}.scene:before{content:"";z-index:-2;image-rendering:pixelated;background-position:50%;background-size:cover;position:fixed;inset:0}.scene:after{content:"";z-index:-1;background:linear-gradient(#11122473,#111224cc);position:fixed;inset:0}.lounge-scene:before{background-image:url(/assets/lounge-DQzCLsj_.png)}.stage-scene:before{background-image:url(/assets/leaderboard-kjPayHL8.png)}.scene>:not(.overlay){max-width:1120px;margin-left:auto;margin-right:auto}.scene>header,.scene>.stack,.scene>.grid2,.scene>.card,.scene>.controlbar{width:100%}.player-screen>:not(.overlay){max-width:760px}.scene .card{background:#1f2137f5;border:1px solid #676078;box-shadow:0 5px #121428,0 20px 50px #0d102b66}.card h2{margin-top:4px}.btn{border-radius:5px;min-height:44px;box-shadow:0 3px #111427}.btn-primary{background:var(--accent);color:#142d36;border:1px solid #adefe0;font-weight:800}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5}.pill{border-radius:5px}.grow{overflow-wrap:anywhere;min-width:0}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid2>.card+.card{margin-top:0}.portrait{aspect-ratio:1;object-fit:contain;width:64px;height:64px;image-rendering:pixelated;background:#17182e;border:1px solid #88718d;border-radius:4px;flex:none;display:block}.portrait-hero{width:192px;height:192px;margin:4px auto 20px;box-shadow:0 0 0 4px #17182e,0 0 0 5px #77d9ce}.portrait-reveal{width:192px;max-width:100%;height:192px;margin:8px auto 14px}.role-card:not(:has(.portrait-hero)){display:flow-root}.role-card:not(:has(.portrait-hero))>.portrait{float:left;margin:0 12px 8px 0}.pixel-icon{width:32px;height:32px;image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;background-size:800% 100%;display:inline-block}.big-emoji .pixel-icon{width:48px;height:48px}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.72rem;font-weight:800}.landing-panel{background:#1a1d31f7;border:1px solid #82728e;width:min(100%,560px);padding:clamp(24px,4vw,44px);box-shadow:8px 8px #121629,0 20px 80px #111427aa}.landing-moon{margin:18px 0 12px}.landing-moon .pixel-icon{width:64px;height:64px}.landing-panel .title{letter-spacing:-.065em;color:var(--text);background:0 0;margin:0 0 22px;font-size:clamp(3.6rem,10vw,5.9rem);font-weight:900;line-height:.91}.title-dot{color:var(--accent2)}.landing-panel .subtitle{font-size:1.05rem;line-height:1.7}.join-code-form{margin-top:26px}.join-code-form label{letter-spacing:.16em;color:var(--accent);margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.join-code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.join-code-row input{letter-spacing:.15em;text-transform:uppercase;min-height:52px;font-weight:800}.soft-divider{color:var(--muted);margin:24px 0 14px;font-size:.8rem}.landing-panel>.small{margin:24px 0 0}.join-screen{align-items:flex-start}.avatar-fieldset{border:0;min-width:0;margin:22px 0;padding:0}.avatar-fieldset legend{font-weight:800}.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.avatar-option{background:var(--bg2);border:1px solid var(--line);cursor:pointer;border-radius:6px;min-width:0;padding:6px;font-size:.8rem;position:relative}.avatar-option .portrait{border:0;width:100%;height:auto}.avatar-option>span{margin-top:5px;display:block}.avatar-option.selected{outline:2px solid var(--accent);background:#29434b}.avatar-option .chosen-mark{background:var(--accent);color:var(--bg);width:20px;margin:0;position:absolute;top:4px;right:6px}.chosen-mark:empty{display:none}.chat-threads{flex-direction:column;gap:10px;margin-top:16px;display:flex}.chat-thread{--tone:#77d9ce;text-align:left;cursor:pointer;border:1px solid var(--tone);border-left:5px solid var(--tone);background:color-mix(in srgb,var(--tone) 12%,#20223b);border-radius:6px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;display:flex}.tone-1{--tone:#f083aa}.tone-2{--tone:#f6d18c}.tone-3{--tone:#9b9bdf}.tone-4{--tone:#9fc78b}.tone-5{--tone:#d39bd4}.chat-thread:hover{filter:brightness(1.12)}.thread-copy{flex:1;gap:4px;min-width:0;display:grid}.thread-copy strong{overflow-wrap:anywhere}.thread-preview{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.9rem;overflow:hidden}.unread-badge{background:var(--accent2);color:#271a34;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:.8rem;font-weight:900;display:grid}.chat-shell{padding:0;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:flex}.chat-header .portrait{width:48px;height:48px}.chat-header .pill{white-space:nowrap}.modern-chat-log{overscroll-behavior:contain;background:#171a2fcc;height:clamp(180px,45dvh,500px);max-height:none;padding:16px}.bubble{overflow-wrap:anywhere;white-space:pre-wrap}.bubble.me{color:#fff7e8;background:#558a87;border-bottom-right-radius:3px}.bubble.them{background:#363650;border-bottom-left-radius:3px}.empty-chat{text-align:center;color:var(--muted);margin:auto}.chat-composer{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px;display:flex}.chat-composer input{flex:1;min-width:0}.date-option{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.date-option.selected{border-color:var(--accent);background:#29434b}.score-row{gap:10px}.score-row .pill{overflow-wrap:anywhere;max-width:100%;margin-left:0!important}.pitem{flex-wrap:wrap}.qr-box{max-width:100%}.qr-box svg{max-width:100%;height:auto;display:block}.controlbar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.person-chip{color:var(--text);text-align:left;white-space:normal}.person-chip .portrait{float:left;margin-right:12px}.join-url,.highlight,.note{overflow-wrap:anywhere}@media (width>=1500px){.host-screen{padding-top:4vh}.host-screen>:not(.overlay){max-width:1360px}.host-screen .score-row{padding:16px}.host-screen .score-val{font-size:1.8rem}}@media (width<=700px){.grid2,.grid-roles{grid-template-columns:minmax(0,1fr)}.scene{padding:12px}.screen>header{gap:10px}.timer{font-size:1.8rem}.score-row .portrait{width:48px;height:48px}.score-row{gap:7px;padding:9px}}@media (width<=420px){.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.avatar-option{padding:3px;font-size:.65rem}.join-code-row{grid-template-columns:1fr}.chat-thread .portrait{width:48px;height:48px}.chat-thread{gap:8px;padding:9px}.card{padding:12px}.chat-shell{padding:0}.chat-header{flex-wrap:wrap;gap:7px}.pitem .portrait{width:48px;height:48px}.rank{flex:none;width:1.5ch;font-size:1.1rem}.btn-xl{padding:14px;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.host-home-button{margin-top:24px}.condition-badges{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.condition-badge img{image-rendering:pixelated;display:block}.heart-score{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.heart-score .pixel-icon{width:20px;height:20px}.config-text{white-space:pre;min-height:220px;overflow-x:auto}.title,.role-name{overflow-wrap:anywhere}.apocalypse-win{background:#2b453b;border:1px solid #91b386;margin-top:14px;padding:16px}.score-row{flex-wrap:wrap}.score-row>.grow{min-width:min(120px,40%)}input[type=file]{max-width:100%}.private-role-detail{clear:both;background:var(--bg2);text-align:left;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:.9rem;display:flex}.private-role-detail img{image-rendering:pixelated;flex:none}.grid-roles>.card{margin:0}@media (width>=1000px){.host-screen>.stack>.grid-roles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.role-controls{clear:both;border-top:1px solid var(--line);gap:8px;margin-top:14px;padding-top:10px;display:grid}.role-controls select,.role-controls textarea{max-width:100%}.system-message{border-color:var(--warn)!important}.date-result{background:var(--panel2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:10px}.virus-glitch{border-color:var(--accent);text-shadow:2px 0 #f083aa,-2px 0 #77d9ce;animation:.45s 2 signal-jitter}@keyframes signal-jitter{0%,to{transform:translate(0)}20%{transform:translate(-3px)}45%{transform:translate(3px)}70%{transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){.virus-glitch{animation:none}}