@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(./Fredoka-400-700-DM6njrJ3.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(./Nunito-400-900-BzFMHfZw.woff2)format("woff2")}:root{--bg:#15102b;--bg2:#1f1840;--panel:#271f4d;--ink:#f6efe2;--muted:#b9afd6;--amber:#ffb347;--c:#f2a541;--good:#7fd8a4;--bad:#ff8d7a;--display:"Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sans:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 700px at 70% -10%, #3a2a6b 0%, var(--bg) 60%);height:100%;color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.title,.big-brand,.ending-title,.hero-name,.seat-name,.banner-result,.move-text b{font-family:var(--display)}h1,h2,h3{font-family:var(--display);margin:0 0 .4em;font-weight:700}p{margin:0 0 .7em;line-height:1.45}.muted{color:var(--muted)}.error{color:var(--bad);font-weight:600}.offline{color:#ffd6cf;background:#5a2a2a;border-radius:99px;padding:2px 10px;font-size:.8em}.big{text-align:center;width:100%;color:var(--ink);background:#2f2760;border:2px solid #5b4d9a;border-radius:16px;padding:16px 20px;font-size:1.15em;font-weight:700;text-decoration:none;display:block}.big.primary{color:#2a1608;background:linear-gradient(#ffc468,#f09a2a);border-color:#ffd48a;box-shadow:0 6px #a35f0f,0 12px 24px #00000059}.big.primary:active{transform:translateY(3px);box-shadow:0 3px #a35f0f}.big.primary:disabled{color:#b9afd6;box-shadow:none;background:#4a4170;border-color:#5b4d9a}.ghost{color:var(--muted);background:0 0;border:1px solid #5b4d9a;border-radius:99px;padding:6px 14px}.chip{background:color-mix(in srgb, var(--c) 30%, #1a1430);border:2px solid var(--c);border-radius:99px;margin:0 4px;padding:4px 14px;font-weight:700;display:inline-block}.room-chip{letter-spacing:.18em;background:#2f2760;border:1px solid #5b4d9a;border-radius:99px;padding:3px 12px;font-weight:800}.brand{font-family:var(--display);letter-spacing:.04em;color:var(--amber);font-weight:700}.dot{background:var(--amber);border-radius:50%;width:9px;height:9px;margin-left:6px;display:inline-block}body.landing{place-items:center;padding:24px;display:grid}.landing-card{text-align:center;gap:16px;max-width:480px;display:grid}.big-brand{font-size:2.6rem}.linkbtn{display:block}body.host{overflow:hidden}body.host #app{flex-direction:column;height:100vh;font-size:clamp(16px,1.55vw,30px);display:flex}.topbar-inner{align-items:center;gap:.8em;padding:.6em 1.2em;display:flex}.topbar-inner .brand{font-size:1.2em}.topbar-inner[data-offline=true]>.brand,.topbar-inner[data-crowded]>.brand{display:none}.topbar-right{justify-content:flex-end;align-items:center;gap:.3em .4em;margin-left:auto;display:flex}.topbar-inner[data-crowded=wrap] .topbar-right{flex-wrap:wrap;min-width:0}.topbar-right .ghost{white-space:nowrap;color:#d8d0f2;border-color:#6b5fb0;padding:.3em .7em;font-size:.8em}.topbar-right .ghost:hover{color:var(--ink);border-color:#9a8de0}.topbar-inner .room-chip{padding:.15em .8em;font-size:.7em}.topbar-inner .brand{white-space:nowrap;font-size:1em}.topbar-inner .room-chip,.topbar-right .voice-engine,.topbar-right .voice-hint,.topbar-right .offline,.topbar-right .narration-status{white-space:nowrap}.topbar-right .narration-status{font-size:.8em}.narration-status{max-width:15em;color:var(--amber);font-size:.8em;font-weight:700;line-height:1.15}.narration-status.failed{color:#ffb4a8}.narration-status.voice-engine{opacity:.75;font-weight:400}#main{flex:1;min-height:0;padding:0 1.2em 1.2em}.center{place-items:center;height:100%;display:grid}.lobby{height:100%;font-size:calc(1em * var(--fit,1))}.title{color:var(--amber);text-shadow:0 4px 30px #ffb34759;font-size:2.8em;line-height:1.05}.tagline{font-family:var(--sans);color:#ece2ff;max-width:28em;font-size:1.25em}.howto{color:var(--muted);max-width:34em;padding-left:1.2em;font-size:.95em}.howto li{margin-bottom:.5em;line-height:1.4}.lobby-right{justify-items:stretch;gap:.9em;display:grid}.join-card{background:var(--panel);text-align:center;border:2px solid #5b4d9a;border-radius:22px;padding:1em 1.2em;box-shadow:0 20px 50px #0006}.join-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.8em}.qr{width:calc(220px * var(--fit,1));height:calc(220px * var(--fit,1));background:#fff;border-radius:14px;margin:.5em auto;padding:6px}.qr img{width:100%;height:100%;display:block}.join-url{white-space:nowrap;font-size:.95em;font-weight:700}.join-or{color:var(--muted);margin:.2em 0;font-size:.85em}.code{font-family:var(--mono);letter-spacing:.22em;color:var(--amber);padding-left:.22em;font-size:3.4em;font-weight:800;line-height:1}.seats{grid-template-columns:1fr 1fr;gap:.6em;display:grid}.seat{min-height:3.2em;color:var(--muted);border:2px dashed #4b3f86;border-radius:14px;padding:.55em .8em}.seat.filled{border-style:solid;border-color:var(--c,#7e6fc4);background:color-mix(in srgb, var(--c,#7e6fc4) 18%, #1a1430);color:var(--ink)}.seat.away{opacity:.55}.seat-name{font-size:1.05em;font-weight:800}.seat-char{color:var(--muted);font-size:.85em}.seat-ready{color:var(--muted);font-size:.8em}.seat-ready.on{color:#7bd88f;font-weight:700}.lobby-action{gap:.6em;margin-top:.8em;display:grid}.ready-ok{color:#7bd88f;margin:0;font-weight:800}.lobby-action.stuck{bottom:calc(3.6em + env(safe-area-inset-bottom));z-index:2;background:#1b1538;border:1px solid #3a2f6b;border-radius:14px;padding:.7em;position:sticky;box-shadow:0 -12px 18px #120d26}.stage{grid-template-rows:minmax(0,1fr);grid-template-columns:1.15fr 1fr;gap:1.2em;height:100%;display:grid}.stage-art{border:2px solid #3a2f6b;border-radius:22px;min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.art,.art svg,.ending-art .art{width:100%;height:100%;display:block}.scene-title{font-family:var(--display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0a23b8;border-radius:99px;padding:.3em .9em;font-size:1.15em;position:absolute;top:.8em;left:1em}.stage-side{flex-direction:column;gap:.8em;min-height:0;display:flex}.narration{font-family:var(--sans);font-size:calc(1.12em * var(--fit,1));flex:0 auto;min-height:0;line-height:1.45;overflow:auto}.narration p{border-left:4px solid #0000;border-radius:6px;padding:.1em .5em;transition:background .3s,border-color .3s}.narration p.speaking{border-left-color:var(--amber);background:#ffb3471f}.question{background:#2f2760;border:1px solid #5b4d9a;border-radius:14px;padding:.6em .9em;font-size:1.1em;font-weight:700}.waiting{flex-wrap:wrap;align-items:center;min-height:2.2em;display:flex}.thinking{color:var(--amber);animation:1.2s infinite pulse}.side-foot{grid-template-columns:1.2fr 1fr;align-items:end;gap:.8em;margin-top:auto;display:grid}.map{background:#0f0a2399;border-radius:14px;padding:.4em}.map svg{width:100%;max-height:17vh;display:block}.bonds{gap:.4em;display:grid}.bond-names{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75em}.hearts{flex-wrap:wrap;gap:1px;display:flex}.heart{color:#4a3d7a;font-size:1.1em}.heart.on{color:#ff6f91;text-shadow:0 0 10px #ff6f9199}.banner{border:2px solid var(--amber);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#120c28e6;border-radius:18px;align-items:center;gap:1em;width:min(92%,40em);padding:.8em 1.1em;animation:.5s ease-out bannerIn;display:flex;position:absolute;bottom:1em;left:50%;transform:translate(-50%)}.banner.pass{border-color:var(--good)}.banner.fail{border-color:var(--bad)}.die{color:#2a1608;background:#fff3d6;border-radius:14px;flex:none;place-items:center;width:3.2em;height:3.2em;font-size:1.6em;font-weight:900;animation:.9s ease-out tumble;display:grid;transform:rotate(-8deg)}.banner-body{flex:1}.banner-line{font-weight:700}.banner-math{font-variant-numeric:tabular-nums;color:var(--ink);font-size:.9em}.banner-result{font-size:1.2em;font-weight:900}.banner.pass .banner-result{color:var(--good)}.banner.fail .banner-result{color:var(--bad)}.banner-text{font-family:var(--sans);margin-top:.2em}.ending-screen{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1.1fr;align-items:center;gap:1.4em;height:100%;display:grid}.ending-body{max-height:100%;font-size:calc(1em * var(--fit,1));overflow:hidden}.ending-body .narration{font-size:1.12em;overflow:visible}.stage-side.compact .side-foot{display:none}.ending-art{border:2px solid #3a2f6b;border-radius:22px;height:100%;min-height:0;overflow:hidden}.ending-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.ending-title{color:var(--amber);font-size:2.6em}.ending-body .big{max-width:14em;margin-top:1em}body.play #app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.pbar-inner{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:3px solid var(--c);background:#0f0a2399;justify-content:space-between;align-items:center;display:flex}.pbar-name{font-weight:800}.pbar-char{color:var(--c)}.pbody{flex-direction:column;flex:1;gap:12px;padding:16px 16px 24px;display:flex}.ptabs{padding-bottom:env(safe-area-inset-bottom);background:#120d26;border-top:1px solid #3a2f6b;grid-template-columns:1fr 1fr;display:grid;position:sticky;bottom:0}.ptabs[hidden]{display:none}.ptabs button{color:var(--muted);background:0 0;border:0;border-top:3px solid #0000;padding:14px;font-weight:700}.ptabs button.on{color:var(--c);border-top-color:var(--c)}.join{gap:12px;padding-top:24px;display:grid}.field{width:100%;color:var(--ink);font:inherit;background:#1b1533;border:2px solid #5b4d9a;border-radius:14px;padding:14px 16px;font-size:1.1em}.field:focus{outline:3px solid var(--amber)}.code-field{font-family:var(--mono);text-align:center;letter-spacing:.4em;text-transform:uppercase;font-size:1.6em;font-weight:800}textarea.field{resize:vertical;min-height:5em}.charcard{text-align:left;border:2px solid color-mix(in srgb, var(--c) 55%, #2a2150);background:color-mix(in srgb, var(--c) 12%, #1b1533);border-radius:18px;width:100%;margin-bottom:4px;padding:14px 16px;display:block;position:relative}.charcard.sel{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 40%, transparent)}.charcard.taken{filter:grayscale(.7)}.char-name{font-family:var(--display);color:var(--c);font-size:1.4em;font-weight:700}.char-title{color:var(--muted);margin-bottom:6px;font-size:.95em}.char-blurb{margin:6px 0 10px}.char-tag{background:var(--c);color:#1b1020;border-radius:99px;padding:2px 10px;font-size:.8em;font-weight:800;position:absolute;top:12px;right:14px}.traits{flex-wrap:wrap;gap:14px;display:flex}.trait{text-transform:capitalize;color:var(--muted);align-items:center;gap:6px;font-size:.85em;display:flex}.pips{gap:3px;display:inline-flex}.pips i{background:#3a3068;border-radius:50%;width:10px;height:10px}.pips i.on{background:var(--c)}.scene-kicker{font-family:var(--display);color:var(--amber);font-size:1.25em}.input{gap:10px;display:grid}.input .question{font-size:1.05em}.opt{text-align:left;background:#2a2255;border:2px solid #5b4d9a;border-radius:16px;padding:16px 18px;font-size:1.05em;line-height:1.35}.choice-opt{flex-direction:column;gap:4px;display:flex}.choice-opt .preview{opacity:.85;font-size:.85em;font-weight:400;line-height:1.3}.opt:active{border-color:var(--amber);background:#3a3070}.explain{background:#2a2255;border:1px solid #5b4d9a;border-radius:14px;padding:12px 14px}.dice{color:#2a1608;background:linear-gradient(#ffc468,#f09a2a);border:3px solid #ffd48a;border-radius:26px;gap:4px;width:100%;padding:30px 12px;font-size:1.6em;font-weight:900;display:grid;box-shadow:0 8px #a35f0f}.dice small{opacity:.8;font-size:.5em;font-weight:700}.dice:active{transform:translateY(4px);box-shadow:0 4px #a35f0f}.wait{text-align:center;color:var(--muted);justify-items:center;gap:6px;padding:30px 10px;display:grid}.spinner{border:4px solid #3a2f6b;border-top-color:var(--c);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}.whisper{background:color-mix(in srgb, var(--c) 14%, #1b1533);border:2px dashed var(--c);font-family:var(--sans);border-radius:16px;padding:12px 14px;font-style:italic}.whisper-label{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin-bottom:4px;font-size:.75em;font-style:normal}.pbanner{background:#2f2760;border:1px solid #5b4d9a;border-radius:14px;padding:10px 14px}.pbanner.pass{border-color:var(--good)}.pbanner.fail{border-color:var(--bad)}.reread{color:var(--muted);margin-top:auto;font-size:.95em}.reread summary{cursor:pointer;padding:8px 0}.card h3{color:var(--c);text-transform:uppercase;letter-spacing:.08em;font-size:1.05em;font-family:var(--sans);margin-top:1em}.card ul{margin:0;padding-left:1.1em}.card li{margin-bottom:.55em;line-height:1.4}.card .secret{font-family:var(--sans);background:color-mix(in srgb, var(--c) 14%, #1b1533);border:1px solid var(--c);border-radius:14px;padding:12px 14px;font-size:1.1em}.private-note{background:#2f2760;border-radius:99px;width:fit-content;margin:10px 0;padding:6px 12px;font-size:.85em}.toast{color:#ffe3dc;opacity:0;pointer-events:none;z-index:20;background:#5a2a2a;border-radius:14px;max-width:90vw;padding:10px 18px;transition:all .25s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}body.play .ending-title{font-size:2em}body.play .ending-kicker{margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)translateY(30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes tumble{0%{transform:rotate(-360deg)scale(.3)}70%{transform:rotate(8deg)scale(1.15)}to{transform:rotate(-8deg)scale(1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px) and (orientation:portrait){body.host{overflow:auto}.lobby,.stage,.ending-screen{grid-template-columns:1fr;height:auto}.stage-art{height:45vh}}.scene-img{object-fit:cover;transform-origin:50% 60%;width:100%;height:100%;animation:40s ease-in-out infinite alternate art-drift;display:block}@keyframes art-drift{0%{transform:scale(1)}to{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.scene-img{animation:none}}.stage,.ending-screen{isolation:isolate;border-radius:22px;position:relative;overflow:hidden}.stage:before,.ending-screen:before{content:"";z-index:-1;background:var(--scene-art,none) center / cover no-repeat;filter:blur(30px)brightness(.42)saturate(1.15);border-radius:22px;position:absolute;inset:0;transform:scale(1.15)}.stage{grid-template-columns:1.75fr 1fr}.stage-art{aspect-ratio:16/9;align-self:center;width:100%;height:auto}.stage-side{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0a23b8;border-radius:22px;padding:1em 1.2em;box-shadow:0 20px 60px #00000073}.ending-screen{grid-template-columns:1.6fr 1fr}.ending-art{aspect-ratio:16/9;align-self:center;height:auto}.ending-body{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0a23b8;border-radius:22px;padding:1.2em 1.4em}.lobby{background:var(--title-art,none) center / cover no-repeat;border:2px solid #3a2f6b;border-radius:22px;display:block;position:relative;overflow:hidden}.lobby-panel{background:linear-gradient(90deg,#0f0a23f0 0%,#0f0a23e6 88%,#0f0a238c 100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:1.2em;width:46%;padding:1.2em 1.4em;display:grid;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.lobby.no-art .lobby-panel{background:linear-gradient(135deg,#130d2c,#1d1540);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2em;width:auto;height:100%;padding:1.2em 2em;position:static}.lobby-panel .title{font-size:2.2em}.lobby-panel .tagline{font-size:1.05em}.lobby-panel .seats,.lobby-panel .seats.six{grid-template-columns:1fr 1fr}.chip.away{opacity:.75;border-style:dashed}.away-help{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.6em;margin-top:.3em;display:flex}.pbanner-line{font-family:var(--sans);margin:.4em 0 0}.claims{flex-direction:column;flex-basis:100%;gap:.5em;margin-top:.4em;display:flex}.claim{border:2px solid var(--accent,#f2a541);background:color-mix(in srgb, var(--accent,#f2a541) 14%, #1a1430);border-radius:12px;padding:.5em .8em}.claim p{margin:0 0 .4em;font-weight:700}.claim-buttons{flex-wrap:wrap;gap:.5em;display:flex}.seat-remove{margin-top:.35em;padding:.2em .7em;font-size:.75em}.notices-button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-family:inherit}.notices-dialog{z-index:50;color:#e6dffa;background:#0f0a23f7;flex-direction:column;padding:2em 3em;display:flex;position:fixed;inset:0}.notices-head{justify-content:space-between;align-items:center;margin-bottom:1em;display:flex}.notices-head h2{margin:0}.notices-text{white-space:pre-wrap;background:#ffffff0f;border-radius:12px;flex:1;margin:0;padding:1em;font:.8em/1.45 ui-monospace,Consolas,monospace;overflow:auto}.notices{color:var(--muted);margin-top:1.2em;font-size:.75em;text-decoration:underline;display:block}