:root{--bg: #000000;--bg-2: #0e1017;--bg-3: #16181f;--bg-4: #1e2027;--line: #23262f;--text: #ffffff;--text-2: #f7f7f7;--muted: rgba(255, 255, 255, .5);--ink: #ffffff;--ink-2: rgba(255, 255, 255, .55);--tint: rgba(255, 255, 255, .08);--tint-strong: rgba(255, 255, 255, .14);--accent: #d7fe39;--seat-on: #d7fe39;--accent-ink: #070914;--red: #ff5a5f;--green: #d7fe39;--blue: #9146ff;--blue-soft: #dfc9ff;--radius: 14px;--font-display: "Unbounded", "Manrope", system-ui, sans-serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--bg-2);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.logo.big{flex-direction:column;gap:8px;justify-content:center}.topbar-right{display:flex;align-items:center;gap:12px}.nick{color:var(--muted);font-size:14px;text-decoration:none}.nick:hover{color:var(--text)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.btn{border:1px solid var(--line);background:var(--bg-3);color:var(--text);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,border-color .15s}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent}.btn.wide{width:100%}.btn.small{padding:7px 10px;font-size:13px}.input{background:var(--bg-3);border:1px solid var(--line);color:var(--text);padding:10px 14px;border-radius:10px;font-size:14px;width:100%;outline:none}.input:focus{border-color:var(--text)}.muted{color:var(--muted)}.tiny{font-size:12px}.row{display:flex;gap:8px}.hint{font-size:13px;color:var(--muted);text-align:center;padding:4px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--line);padding:12px 18px;border-radius:12px;font-size:14px;z-index:100;box-shadow:0 12px 32px #00000080}.gate{display:grid;place-items:center;min-height:100vh;padding:20px}.gate-card{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:32px;width:100%;max-width:380px;text-align:center}.gate-card form{display:flex;flex-direction:column;gap:10px;margin:20px 0 12px}.tabs-big{display:flex;gap:26px;margin-bottom:18px}.tab-big{background:none;border:0;padding:0 0 10px;font:inherit;font-size:22px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tab-big:hover{color:var(--text)}.tab-big.active{color:var(--text);border-bottom-color:var(--text)}.search{position:relative;flex:1;min-width:0}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;pointer-events:none}.search input{width:100%;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;font-size:14px;padding:10px 14px 10px 36px;outline:none}.search input:focus{border-color:var(--text)}.search input::placeholder{color:var(--muted)}.btn.create{white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.btn.create .plus{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:14px;line-height:1}.empty{color:var(--muted);padding:34px 20px;text-align:center;font-size:14px}.empty p{margin:0 0 12px}.avatars{display:flex;align-items:center}.avatar{position:relative;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;border:2px solid var(--bg-2);margin-right:-8px}.avatar.more{background:var(--bg-3);color:var(--muted);font-size:10px}.avatar.empty{background:transparent;border-style:dashed;border-color:var(--line)}.nav-pill{display:flex;gap:2px;background:var(--bg-3);border-radius:999px;padding:4px}.nav-item{border:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:7px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}.nav-item:hover{color:var(--text)}.nav-item.active{background:var(--bg-4);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff17}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:24px}.rule-card{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:20px;position:relative}.rule-card.wide{grid-column:1 / -1}.rule-num{position:absolute;top:16px;right:18px;font-size:30px;font-weight:800;color:var(--line);line-height:1}.rule-card h3{margin:0 0 10px;font-size:17px}.rule-card p{margin:0 0 10px;font-size:14px;line-height:1.65;color:var(--muted)}.rule-card ul{margin:0;padding-left:18px;font-size:13px;line-height:1.9;color:var(--muted)}.rule-card li::marker{color:var(--accent)}.win-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.win{border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-size:13px}.win span{color:var(--muted)}.win.red{background:#4a8cff1f;border:1px solid rgba(74,140,255,.3)}.win.black{background:#d645501f;border:1px solid rgba(214,69,80,.3)}.tabs{display:flex;gap:6px;margin-top:18px;background:var(--bg-3);padding:4px;border-radius:10px}.tab{flex:1;border:0;background:transparent;color:var(--muted);padding:8px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.tab.active{background:var(--bg-4);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff17}.error{color:var(--red)}.logo.as-button{border:0;background:transparent;color:var(--text);font:inherit;font-weight:800;letter-spacing:.06em;font-size:18px;cursor:pointer;padding:0}.page-title{font-size:28px;margin:0 0 6px}.table-wrap{overflow-x:auto;margin-top:20px}table.lb{width:100%;border-collapse:collapse;font-size:14px}table.lb th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:600}table.lb td{padding:10px;border-bottom:1px solid var(--line)}table.lb tr.me{background:#d7fe3914}table.lb .rank{color:var(--muted);width:40px}table.lb .pts{color:var(--accent);font-weight:700}.banner{padding:8px 20px;font-size:13px;text-align:center}.banner.warn{background:#ffb86b1f;color:#ffb86b;border-bottom:1px solid rgba(255,184,107,.25)}@media(max-width:900px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.nav-pill{order:3;width:100%;justify-content:space-between}.nav-item{flex:1;text-align:center;padding:8px 6px}.tabs-big{gap:18px}.tab-big{font-size:18px}}.social-login{display:grid;justify-items:center;gap:10px;margin-top:18px}.social-sep{position:relative;width:100%;text-align:center;color:var(--muted);font-size:13px}.social-sep:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.social-sep span{position:relative;background:var(--bg-2);padding:0 12px}.social-slot{min-height:40px;display:flex;justify-content:center}.apple-btn{display:flex;align-items:center;justify-content:center;gap:8px}.setup{padding:0 14px 14px;display:grid;gap:12px}.setup-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.setup-label{font-size:13px;font-weight:600;color:var(--muted);min-width:108px}.setup-chips{display:flex;flex-wrap:wrap;gap:6px}.setup-chip{border:1px solid var(--line);background:var(--bg-3);color:var(--text);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.setup-chip:hover{border-color:var(--text)}.setup-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.setup-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.setup-role{display:flex;align-items:center;gap:9px;background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:7px 9px}.setup-role.on{border-color:var(--text)}.setup-face{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:16px;flex:none}.setup-name{display:grid;line-height:1.25;font-size:13px;flex:1;min-width:0}.setup-team{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.setup-team.red{color:var(--blue-soft)}.setup-team.black{color:var(--red)}.setup-team.neutral{color:#d98324}.setup-stepper{display:flex;align-items:center;gap:2px;flex:none}.setup-stepper button{width:24px;height:24px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:7px;font-size:15px;line-height:1;cursor:pointer}.setup-stepper button:disabled{opacity:.35;cursor:default}.setup-stepper b{min-width:20px;text-align:center;font-size:13px}.setup-toggle{border:1px solid var(--line);background:var(--bg-2);color:var(--muted);border-radius:7px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer;flex:none}.setup-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.setup-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.setup-balance{display:flex;align-items:center;gap:12px;font-size:13px}.setup-balance b.bad{color:var(--red)}.setup-teams{display:flex;align-items:center;gap:6px;color:var(--muted)}.setup-teams i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:6px}.setup-teams i.red{background:var(--blue-soft)}.setup-teams i.black{background:var(--red)}.setup-teams i.neutral{background:#d98324}.setup-error{margin:0;font-size:13px;color:var(--red)}.app{background:var(--bg);color:var(--text)}.app.lobby-mode{--bg: #f5f6f8;--bg-2: #ffffff;--bg-3: #f0f1f4;--bg-4: #e7e9ef;--line: #e3e6ec;--text: #0e1017;--text-2: #1b1f2a;--muted: rgba(14, 16, 23, .55);--ink: #0e1017;--ink-2: #5a6070;--tint: rgba(14, 16, 23, .06);--tint-strong: rgba(14, 16, 23, .1);--blue-soft: #6b3fd4;color-scheme:light}.app.lobby-mode{--accent: #d7fe39;--seat-on: #12141a;--accent-ink: #12141a;--green: #1a8f5a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .app.lobby-mode{--bg: #000000;--bg-2: #0e1017;--bg-3: #16181f;--bg-4: #1e2027;--line: #23262f;--text: #ffffff;--text-2: #f7f7f7;--muted: rgba(255, 255, 255, .5);--ink: #ffffff;--ink-2: rgba(255, 255, 255, .55);--tint: rgba(255, 255, 255, .08);--tint-strong: rgba(255, 255, 255, .14);--accent: #d7fe39;--seat-on: #d7fe39;--accent-ink: #070914;--green: #d7fe39;--blue-soft: #dfc9ff;color-scheme:dark}}:root[data-theme=dark] .app.lobby-mode{--bg: #000000;--bg-2: #0e1017;--bg-3: #16181f;--bg-4: #1e2027;--line: #23262f;--text: #ffffff;--text-2: #f7f7f7;--muted: rgba(255, 255, 255, .5);--ink: #ffffff;--ink-2: rgba(255, 255, 255, .55);--tint: rgba(255, 255, 255, .08);--tint-strong: rgba(255, 255, 255, .14);--accent: #d7fe39;--seat-on: #d7fe39;--accent-ink: #070914;--green: #d7fe39;--blue-soft: #dfc9ff;color-scheme:dark}.lobby{padding:26px 20px 60px;max-width:880px;margin:0 auto;width:100%}.lobby-me{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.lobby-me-name{font-size:16px}.lobby-me-meta{flex:1;min-width:0;font-size:13px;color:var(--muted)}.lobby-me-link{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;padding:6px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.lobby-me-link:hover{color:var(--text);border-color:var(--text)}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.format{display:grid;gap:2px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:none;color:inherit;font:inherit;cursor:pointer}.format:hover:not(.on){border-color:var(--muted)}.format b{font-size:14px}.format span{font-size:12px;color:var(--muted)}.format em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted)}.format.on{border-color:var(--text);background:var(--bg-2)}.format.on em{color:var(--text)}.seats{display:flex;gap:3px;flex:none}.seat{width:6px;height:14px;border-radius:2px;background:var(--line)}.seat.on{background:var(--seat-on)}.seats-lg{gap:5px}.seats-lg .seat{width:10px;height:34px;border-radius:3px}@keyframes seat-take{0%{transform:scaleY(.4);opacity:.4}}.seat.fresh{animation:seat-take .35s cubic-bezier(.2,.9,.3,1.4);transform-origin:bottom}@media(prefers-reduced-motion:reduce){.seat.fresh{animation:none}}.join{display:flex;align-items:center;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2);margin-bottom:34px}.join-text{flex:1;min-width:0}.join-text h1{margin:0;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-text p{margin:3px 0 0;font-size:13px;color:var(--muted)}.join-go{flex:none;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:17px;font-weight:800;padding:14px 32px;cursor:pointer}.join-go:hover{filter:brightness(1.06)}.tables-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.tables-head .tabs-big{margin-bottom:0}.creator{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:14px 0 0;margin-bottom:14px}.creator-top{display:flex;gap:8px;padding:0 14px 14px}.creator-top .input{flex:1;min-width:0}.lobby .search{margin-bottom:10px}.tables{list-style:none;margin:0 0 4px;padding:0}.table-row{width:100%;display:flex;align-items:center;gap:14px;padding:14px 12px;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tables li:last-child .table-row{border-bottom:1px solid var(--line)}.table-row:hover{background:var(--bg-2)}.table-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-name em{display:block;font-style:normal;font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted);margin-top:2px}.table-extras{font-size:14px;letter-spacing:1px;flex:none}.table-count{font-family:var(--font-display);font-size:16px;font-weight:700;flex:none;min-width:56px;text-align:right}.table-count i{font-style:normal;font-size:12px;font-weight:500;color:var(--muted)}.table-state{flex:none;font-size:12px;font-weight:700;min-width:96px;text-align:right;color:var(--muted)}.table-state.open{color:var(--text)}.tables-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:14px}.tables-empty p{margin:0 0 12px}.tables-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;font-size:13px;color:var(--muted)}@media(max-width:720px){.formats{grid-template-columns:1fr;gap:6px}.format{display:flex;align-items:baseline;gap:10px}.format span{flex:1}.join{flex-wrap:wrap;gap:14px}.join-go{width:100%}.table-row{flex-wrap:wrap;gap:8px 12px}.table-name{flex:1 1 100%;order:-1}.table-state{flex:1;text-align:right}}.site{--paper: #f5f6f8;--card: #ffffff;--ink: #0e1017;--ink-2: #5a6070;--hair: #e3e6ec;--lime: #d7fe39;--lime-ink: #5f7f06;--night: #0e1017;--inverse: #0e1017;--on-inverse: #ffffff;--tint: rgba(14, 16, 23, .06);--tint-strong: rgba(14, 16, 23, .1);--header-bg: rgba(245, 246, 248, .88);--violet: #9146ff;--rose: #ff5a5f;--amber: #c2700a;color-scheme:light;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;min-height:100%}.site-main{flex:1}.site h1,.site h2,.site h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.site h1{font-size:clamp(2.2rem,5.2vw,4rem);font-weight:800}.site h2{font-size:clamp(1.65rem,3.6vw,2.6rem)}.site h3{font-size:1.1rem;letter-spacing:-.01em}.site p{margin:0;line-height:1.65}.muted-text{color:var(--ink-2);max-width:68ch}.band{padding:88px 0}.band.day{background:var(--paper)}.band.night{background:var(--night);color:#fff}.band.night .muted-text{color:#ffffff9e}.band.paper{background:var(--card)}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.band-head{margin-bottom:40px;max-width:60ch}.band-head p{margin-top:12px}.site .btn{font-family:var(--font-body);border-radius:10px;border:1px solid transparent;font-weight:700;transition:transform .12s ease,background-color .12s ease}.site .btn:hover:not(:disabled){filter:none;transform:translateY(-1px)}.site .btn.primary{background:var(--lime);border-color:#c3ea1f;color:#0e1017}.site .btn.ghost{background:transparent;border-color:var(--ink);color:var(--ink)}.band.night .btn.ghost{border-color:#ffffff59;color:#fff}.site .btn.big{padding:15px 28px;font-size:1rem}a.btn{display:inline-block;text-decoration:none;text-align:center}.site a:focus-visible,.site button:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.site-header{position:sticky;top:0;z-index:30;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}.site-header-inner{max-width:1180px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;gap:26px}.site-header .logo{display:flex;align-items:center;text-decoration:none;flex:none}.logo-mark{display:block}.brand-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.brand-name{font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:.04em}.site-nav{display:flex;align-items:center;gap:2px;flex:1}.site-nav-item{color:var(--ink-2);text-decoration:none;padding:8px 13px;border-radius:8px;font-size:.94rem;font-weight:600}.site-nav-item:hover{color:var(--ink);background:var(--tint)}.site-nav-item.active{color:var(--ink);background:#9146ff24}.site-nav-lang{display:none}.site-header-right{display:flex;align-items:center;gap:10px;margin-left:auto}.lang-switch{display:inline-flex;gap:2px;background:var(--tint);border-radius:999px;padding:3px}.lang-item{border:0;background:transparent;color:var(--ink-2);padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:var(--font-body)}.lang-item:hover{color:var(--ink)}.lang-item.active{background:var(--inverse);color:var(--on-inverse)}.burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 10px;border:1px solid var(--hair);border-radius:10px;background:var(--card);cursor:pointer}.burger span{display:block;height:2px;background:var(--ink);border-radius:2px}.hero{position:relative;overflow:hidden;padding:76px 0 92px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}.hero:before{width:460px;height:460px;right:-90px;top:-140px;background:#9146ff3d}.hero:after{width:380px;height:380px;left:-120px;bottom:-160px;background:#d7fe3966}.hero-inner{position:relative;max-width:1180px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero h1{margin-bottom:20px;max-width:15ch}.lead{color:var(--ink-2);font-size:1.06rem;max-width:46ch;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{color:var(--ink-2);font-size:.86rem;margin-top:18px}.hero-visual{display:flex;justify-content:center}.hero-table{position:relative;width:min(430px,86vw);aspect-ratio:1;border-radius:50%;background:var(--card);box-shadow:0 24px 60px -28px #0e101766}.hero-seat{position:absolute;width:21%;aspect-ratio:4 / 3;border-radius:9px;background:#eef0f4;display:grid;place-items:center;color:var(--ink-2);font-size:.8rem;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--i) * 36deg)) translateY(-192%) rotate(calc(var(--i) * -36deg))}.hero-seat:nth-child(1){--i: 0}.hero-seat:nth-child(2){--i: 1}.hero-seat:nth-child(3){--i: 2}.hero-seat:nth-child(4){--i: 3}.hero-seat:nth-child(5){--i: 4}.hero-seat:nth-child(6){--i: 5}.hero-seat:nth-child(7){--i: 6}.hero-seat:nth-child(8){--i: 7}.hero-seat:nth-child(9){--i: 8}.hero-seat:nth-child(10){--i: 9}.hero-seat{transition:background-color .35s ease,color .35s ease}.hero-seat.speaking{background:var(--ink);color:var(--lime)}.hero-table-center{position:absolute;top:30%;right:30%;bottom:30%;left:30%;display:grid;place-content:center;justify-items:center;gap:2px;text-align:center}.hero-phase{color:var(--ink-2);font-size:.82rem;font-weight:600}.hero-timer{font-family:var(--font-display);font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.pm-band{padding-top:0}.play-modes{background:var(--card);border-radius:20px;padding:26px}.pm-switch{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px}.pm-title{font-weight:700}.pm-tabs{display:inline-flex;gap:4px;background:var(--tint);border-radius:999px;padding:4px}.pm-tab{border:0;background:transparent;color:var(--ink-2);border-radius:999px;padding:9px 20px;font:inherit;font-weight:700;cursor:pointer}.pm-tab.active{background:var(--lime);color:#0e1017}.pm-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pm-seat{position:relative;aspect-ratio:4 / 3;border-radius:14px;background:var(--paper);display:grid;place-items:center;overflow:hidden}.pm-emoji{font-size:46px;line-height:1}.pm-cam{color:var(--ink-2);opacity:.5}.pm-cam svg{width:34px;height:34px}.pm-seat-no{position:absolute;left:10px;bottom:8px;font-size:.76rem;font-weight:700;color:var(--ink-2)}.pm-note{margin-top:16px}.mode-list{display:grid;gap:14px}.mode-row{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:var(--card);border-radius:16px;padding:26px 28px}.mode-seats{font-family:var(--font-display);font-size:2.4rem;font-weight:800;line-height:1;color:var(--ink)}.mode-body h3{margin-bottom:6px}.mode-time{color:var(--ink-2);font-size:.88rem;font-weight:600;margin-bottom:8px}.chip{background:var(--tint);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:700;white-space:nowrap}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:34px 40px}.feature h3{margin:14px 0 8px}.feature-icon{width:26px;height:26px;color:var(--lime)}.band.day .feature-icon{color:var(--violet)}.value-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.value h3{margin-bottom:8px;padding-bottom:10px;border-bottom:2px solid var(--lime);display:inline-block}.roles-section{font-size:1.4rem;margin-bottom:6px}.roles-section-sub{margin-bottom:26px}.role-rows{display:grid;gap:14px}.role-row{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:start;background:var(--card);border-radius:18px;padding:26px}.role-face{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;font-size:58px;line-height:1}.role-row-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.role-row-head h3{font-size:1.35rem}.role-team-tag{font-size:.76rem;font-weight:700;border-radius:999px;padding:4px 11px}.role-team-tag.red{background:#9146ff24;color:var(--violet)}.role-team-tag.black{background:#ff5a5f24;color:var(--rose)}.role-team-tag.neutral{background:#c2700a24;color:var(--amber)}.role-facts{margin:18px 0 0;display:grid;gap:4px}.role-facts dt{font-size:.78rem;font-weight:700;color:var(--ink-2);margin-top:12px}.role-facts dd{margin:0;line-height:1.6}.win-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.win-item{background:var(--card);border-radius:16px;padding:22px 24px}.band.night .win-item{background:#ffffff0d}.win-item h3{margin-bottom:6px}.win-item.red h3{color:var(--violet)}.win-item.black h3{color:var(--rose)}.win-item.neutral h3{color:var(--amber)}@media(max-width:700px){.role-row{grid-template-columns:74px 1fr;gap:16px;padding:20px}.role-face{font-size:36px;border-radius:14px}}.rule-steps{display:grid;gap:2px;counter-reset:rule}.rule-step{display:grid;grid-template-columns:62px 1fr;gap:20px;background:var(--card);padding:26px 28px}.rule-step:first-child{border-radius:16px 16px 0 0}.rule-step:last-child{border-radius:0 0 16px 16px}.rule-step:before{counter-increment:rule;content:counter(rule);font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--hair);line-height:1}.rule-step h3{margin-bottom:8px}.rules-modes{margin-bottom:40px}.rule-sub{margin:22px 0 4px;font-size:.95rem;font-weight:700;color:var(--ink)}.rule-step ul{margin:10px 0 0;padding-left:18px;color:var(--ink-2);line-height:1.7}.rule-step li+li{margin-top:6px}.role-tag{font-weight:700;color:var(--ink)}.lb-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden}.lb-table th{text-align:left;padding:16px 18px;font-size:.82rem;font-weight:700;color:var(--ink-2);border-bottom:1px solid var(--hair)}.lb-table td{padding:15px 18px;border-bottom:1px solid var(--hair)}.lb-table tr:last-child td{border-bottom:0}.lb-table tr.me{background:#d7fe3938}.lb-rank{font-family:var(--font-display);font-weight:700;color:var(--ink-2);width:56px}.lb-points{font-family:var(--font-display);font-weight:700}.lb-player{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.lb-player:hover span:first-of-type{text-decoration:underline}.lb-user{color:var(--ink-2);font-size:.85rem}.table-scroll-x{overflow-x:auto}.avatar{border-radius:50%;object-fit:cover;flex:none;display:block}.avatar-emoji{display:grid;place-items:center;line-height:1}.avatar-default{display:grid;place-items:center;overflow:hidden}.avatar-art{width:100%;height:100%;display:block}.avatar-letter{display:grid;place-items:center;color:#0e1017;font-weight:800;line-height:1}.user-chip{display:inline-flex;align-items:center;gap:8px;max-width:190px;padding:5px 14px 5px 5px;border:1px solid var(--hair);border-radius:999px;background:var(--card);color:var(--ink);font-size:.86rem;font-weight:700;text-decoration:none}.user-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.level-card{display:grid;gap:10px}.level-top,.level-points{background:var(--card);border-radius:14px;padding:16px 18px}.level-top b{color:var(--lime-ink);font-family:var(--font-display);font-size:1.05rem}.level-bar{display:block;height:6px;margin-top:10px;border-radius:999px;background:var(--hair);overflow:hidden}.level-bar span{display:block;height:100%;background:var(--lime)}.level-points{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.3rem;font-weight:800}.level-coin{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--night);color:var(--lime);font-size:.78rem}.profile-card{position:relative;display:flex;align-items:center;gap:16px;background:var(--card);border-radius:18px;padding:22px 60px 22px 22px;margin-bottom:18px}.profile-card h1{font-size:clamp(1.5rem,3vw,2.1rem)}.profile-bio{color:var(--ink-2);margin-top:6px}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.social-links a{background:var(--tint);color:var(--ink);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:700;text-decoration:none}.social-links a:hover{background:var(--lime);color:#0e1017}.gear{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--hair);border-radius:12px;background:var(--card);color:var(--ink-2);cursor:pointer}.gear:hover{color:var(--ink);background:var(--paper)}.tabs-pill{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.tab-pill{border:1px solid var(--hair);background:var(--card);color:var(--ink-2);border-radius:999px;padding:12px;font:inherit;font-weight:700;cursor:pointer}.tab-pill.active{background:var(--inverse);border-color:var(--inverse);color:var(--on-inverse)}.panel-card{background:var(--card);border-radius:18px;padding:24px}.panel-title{font-size:1.25rem;margin-bottom:18px}.stats-split{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.total-games{display:grid;justify-items:center;gap:4px;text-align:center}.total-value{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1}.total-label{color:var(--ink-2);font-size:.86rem}.role-table{width:100%;border-collapse:collapse}.role-table th{text-align:right;font-size:.8rem;font-weight:600;color:var(--ink-2);padding-bottom:10px}.role-table th:first-child{text-align:left}.role-table td{padding:9px 0;text-align:right}.role-table td:first-child{text-align:left}.role-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px}.res-won{color:#1a8f5a;font-weight:700}.res-lost{color:var(--ink-2);font-weight:700}.res-sub{display:block;font-weight:500;font-size:.78rem;color:var(--ink-2)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0c128c;display:grid;place-items:center;padding:20px}.modal{background:var(--card);color:var(--ink);border-radius:20px;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 10px}.modal-head h2{font-size:1.4rem}.modal-x{width:34px;height:34px;border:0;border-radius:50%;background:var(--tint);color:var(--ink-2);font-size:1rem;cursor:pointer}.modal-body{overflow-y:auto;padding:12px 24px 0;display:grid;gap:20px}.field label{display:block;font-size:.88rem;font-weight:700;color:var(--ink-2);margin-bottom:8px}.field-foot{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.field-hint{color:var(--ink-2);font-size:.8rem}.field-count{color:var(--ink-2);font-size:.8rem;font-variant-numeric:tabular-nums}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}.char{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--hair);border-radius:12px;background:var(--paper);font-size:27px;line-height:1;cursor:pointer;transition:border-color .12s,transform .12s}.char:hover{transform:translateY(-2px)}.char.active{border-color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet)}.char.none{font-size:16px;color:var(--ink-2)}.photo-picker{display:flex;align-items:center;gap:14px}.photo-btn{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:50%}.photo-pencil{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#0e1017;font-size:.8rem;border:2px solid var(--card)}.social-row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;margin-bottom:8px}.social-label{color:var(--ink-2);font-size:.86rem;font-weight:600}.site .input{background:var(--card);border:1px solid var(--hair);color:var(--ink);font-family:var(--font-body)}.site .input:focus{border-color:var(--violet)}.site .input::placeholder{color:var(--ink-2)}.site textarea.input,.site select.input{font-family:var(--font-body);resize:vertical}.modal-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:18px 0 22px;background:var(--card)}.profile-error{color:var(--rose);font-size:.86rem}@media(max-width:860px){.profile-layout{grid-template-columns:1fr}.stats-split{grid-template-columns:1fr;gap:18px}}.tg-band{background:linear-gradient(160deg,#101827,var(--ink) 60%)}.tg-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.tg-text h2{max-width:16ch}.tg-text p{margin:14px 0 26px}.tg-btn{display:inline-flex;align-items:center;gap:10px;background:#2ba0e8;color:#fff;text-decoration:none;font-weight:700;padding:14px 26px;border-radius:12px;transition:background-color .15s}.tg-btn:hover{background:#38b0f5}.tg-cast{position:relative;width:min(430px,84vw);height:390px}.tg-face{position:absolute;margin:0}.tg-emoji{display:grid;place-items:center;width:152px;height:152px;border-radius:50%;background:#ffffff12;font-size:84px;line-height:1}.tg-face.f1{left:0;top:96px}.tg-face.f2{right:0;top:0}.tg-face.f3{left:142px;bottom:0}.tg-face.f3 .tg-emoji{width:132px;height:132px;font-size:72px}.tg-bubble{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#eceaf2;color:#0e1017;border-radius:16px;padding:10px 18px;font-size:1rem;font-weight:700;white-space:nowrap}.tg-bubble:after{content:"";position:absolute;top:100%;left:24px;border:8px solid transparent;border-top-color:#eceaf2;border-bottom:0}.tg-face.f2 .tg-bubble:after{left:auto;right:24px}@media(max-width:860px){.tg-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.tg-text h2{max-width:none}.tg-text p{margin-left:auto;margin-right:auto}}.cta{background:var(--lime);color:#0e1017;padding:76px 0;text-align:center}.cta p{color:#0e1017b8;margin:12px auto 26px;max-width:46ch}.cta .btn.primary{background:var(--inverse);border-color:var(--inverse);color:var(--on-inverse)}.empty-panel{background:var(--card);border-radius:16px;padding:44px 26px;text-align:center;color:var(--ink-2)}.band.night .empty-panel{background:#ffffff0d;color:#ffffff9e}.site-footer{background:var(--night);color:#fff}.site-footer-inner{max-width:1120px;margin:0 auto;padding:56px 22px 34px;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:34px}.site-footer-brand p{color:#ffffff8c;max-width:32ch}.site-footer-col h4{margin:0 0 14px;font-size:.92rem;font-weight:700;color:#fff}.site-footer-col a{display:block;color:#ffffff8c;text-decoration:none;font-size:.92rem;padding:5px 0}.site-footer-col a:hover{color:var(--lime)}.site-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 22px;text-align:center;color:#fff6;font-size:.84rem}@media(max-width:940px){.hero-inner{grid-template-columns:1fr;gap:44px}.hero h1{max-width:none}.site-footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:760px){.burger{display:flex}.site-header-right>.lang-switch{display:none}.site-nav-lang{display:flex;padding:10px 0 2px}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;padding:14px 22px 20px;background:var(--paper);border-bottom:1px solid var(--hair)}.site-nav.open{display:flex}.band{padding:56px 0}.mode-row{grid-template-columns:auto 1fr;row-gap:10px;padding:22px}.mode-row .chip,.mode-row .btn{grid-column:1 / -1;justify-self:start}.rule-step{grid-template-columns:1fr;gap:8px;padding:22px}.site-footer-inner{grid-template-columns:1fr;gap:26px}}:root[data-theme=dark] .site{--paper: #0b0d13;--card: #151922;--night: #05070b;--ink: #f2f3f5;--ink-2: #99a0b0;--hair: #232833;--lime-ink: #c6ec4a;--inverse: #f2f3f5;--on-inverse: #0e1017;--tint: rgba(255, 255, 255, .08);--tint-strong: rgba(255, 255, 255, .14);--header-bg: rgba(11, 13, 19, .88);--amber: #fbbf24;color-scheme:dark}:root[data-theme=dark] .hero:before,:root[data-theme=dark] .hero:after{opacity:.28}:root[data-theme=dark] .hero-table{box-shadow:0 24px 60px -30px #000c;border:1px solid var(--hair)}:root[data-theme=dark] .hero-seat{background:#1e242f}:root[data-theme=dark] .hero-seat.speaking{background:var(--lime);color:#0e1017}:root[data-theme=dark] .mode-row,:root[data-theme=dark] .role,:root[data-theme=dark] .win-item,:root[data-theme=dark] .panel-card,:root[data-theme=dark] .profile-card,:root[data-theme=dark] .rule-step,:root[data-theme=dark] .lb-table,:root[data-theme=dark] .empty-panel,:root[data-theme=dark] .level-top,:root[data-theme=dark] .level-points,:root[data-theme=dark] .modal{border:1px solid var(--hair)}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:999px;background:var(--tint);color:var(--ink-2);cursor:pointer}.theme-toggle:hover{color:var(--ink);background:var(--tint-strong)}.site-nav-lang{align-items:center;gap:10px}.pro-gradient,.site-nav-pro,.pro-badge-mark,.pro-cta{background-image:linear-gradient(100deg,#ff5a5f,#9146ff 45%,#37b6ff)}.site-nav-pro{padding:8px 13px;border-radius:8px;font-size:.94rem;font-weight:700;text-decoration:none;background-clip:text;-webkit-background-clip:text;color:transparent;transition:filter .15s}.site-nav-pro:hover,.site-nav-pro.active{filter:brightness(1.25) saturate(1.2)}.pro-badge-mark{display:inline-grid;place-items:center;flex:none;border-radius:6px;color:#fff;font-family:var(--font-display);font-weight:800;line-height:1;vertical-align:middle;box-shadow:0 0 12px #9146ffa6}.name-row{display:flex;align-items:center;gap:10px}.pro-band{text-align:center;background:var(--paper)}.pro-wrap{max-width:640px}.pro-eyebrow{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;background-image:linear-gradient(100deg,#d7fe39,#37b6ff);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:16px}.pro-title{font-size:clamp(1.8rem,4.4vw,3rem);margin-bottom:40px}.pro-switch-wrap{position:relative;display:inline-block;margin-bottom:40px}.pro-switch{display:inline-flex;gap:4px;padding:6px;border-radius:999px;background:var(--tint)}.pro-opt{border:0;background:transparent;color:var(--ink-2);border-radius:999px;padding:13px 26px;font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s}.pro-opt.active{background:var(--card);color:var(--ink);box-shadow:0 2px 10px -4px #0e10174d}.pro-badge{position:absolute;top:-12px;right:-18px;background:var(--lime);color:#0e1017;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:800}.pro-card{background:var(--card);border:1px solid var(--hair);border-radius:22px;padding:30px;text-align:left}.pro-card-title{display:flex;align-items:center;gap:10px;font-size:2rem;background-image:linear-gradient(100deg,#ff8a5f,#ff5a9f,#9146ff);background-clip:text;-webkit-background-clip:text;color:transparent}.pro-star{font-size:1.1rem;color:#ff5a9f;-webkit-text-fill-color:#ff5a9f}.pro-card-sub{color:var(--ink-2);margin-top:6px}.pro-price{font-family:var(--font-display);font-size:2.6rem;font-weight:800;margin:26px 0 0;line-height:1.1}.pro-cur{font-size:1.6rem}.pro-per{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--ink-2);margin-left:6px}.pro-year-note{color:var(--ink-2);padding-top:14px;margin-top:14px;border-top:1px solid var(--hair)}.pro-save{color:var(--lime-ink);font-weight:700;margin-top:6px}.pro-features{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:13px}.pro-features li{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.pro-check{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:50%;border:1px solid var(--hair);color:var(--ink-2);font-size:.7rem;margin-top:2px}.pro-cta{width:100%;margin-top:28px;border:0;border-radius:12px;padding:16px;color:#fff;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}.pro-cta:disabled{opacity:.5;cursor:not-allowed}.pro-soon{color:var(--ink-2);font-size:.84rem;text-align:center;margin-top:12px}.admin-room{margin-bottom:16px}.admin-room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-room-head .panel-title{margin-bottom:0}.admin-code{font-family:ui-monospace,monospace;font-size:.8rem;letter-spacing:.1em;color:var(--ink-2);margin-left:8px}.admin-filter{display:flex;gap:8px;margin-bottom:16px}.admin-filter .chip{border:1px solid var(--hair);cursor:pointer;font:inherit;font-size:.8rem;font-weight:700}.admin-filter .chip.active{background:var(--inverse);color:var(--on-inverse);border-color:var(--inverse)}.admin-comment{max-width:34ch;color:var(--ink-2)}.admin-actions{display:flex;gap:8px;white-space:nowrap}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.reason{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.94rem}.reason input{width:17px;height:17px;flex:none}.reason input{accent-color:var(--violet)}.pub-page{display:grid;gap:16px;justify-items:start}.pub-page .pub-profile{width:100%}.pub-handle{font-size:.85rem;margin:2px 0 8px}.pub-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.pub-summary>div{background:var(--tint);border-radius:14px;padding:14px 10px;text-align:center}.pub-summary b{display:block;font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.pub-summary span{font-size:.74rem;color:var(--ink-2)}@media(max-width:560px){.pub-summary{grid-template-columns:repeat(2,1fr)}}.room{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg)}.lk-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.ring-wrap{flex:1;display:grid;place-items:center;padding:16px;min-height:0;overflow:auto}.table-ring{--gap: 10px;--tile-h: clamp( 72px, min( (100vh - 172px) / 3, (100vw - 40px - (var(--cols, 4) - 1) * 10px) / var(--cols, 4) * 3 / 4 ), 220px );display:grid;grid-template-columns:repeat(var(--cols, 4),calc(var(--tile-h) * 4 / 3));grid-auto-rows:var(--tile-h);gap:var(--gap);justify-content:center}.tile-slot,.center-slot{min-width:0}.center-slot{grid-row:2}.tile{position:relative;display:block;width:100%;height:100%;background:var(--bg-2);border:2px solid transparent;border-radius:14px;overflow:hidden;padding:0;color:var(--text);font:inherit;cursor:default;transition:border-color .15s,transform .15s}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:30px;font-weight:700;color:#ffffff40;background:var(--bg-2)}.tile.selectable{cursor:pointer}.tile.selectable:hover{border-color:#d7fe398c;transform:translateY(-2px)}.tile.selected{border-color:var(--accent);box-shadow:0 0 0 3px #d7fe3938}.tile.speaking{border-color:var(--accent)}.tile.timed{--ring-color: var(--accent);border-color:transparent}.tile.timed.urgent{--ring-color: var(--red)}.tile.timed:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;padding:2px;pointer-events:none;z-index:2;background:conic-gradient(from -90deg,var(--ring-color) calc(var(--ring-p) * 1%),rgba(255,255,255,.14) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:background .25s linear}.tile.timed.urgent:after{animation:ring-pulse 1s ease-in-out infinite}@keyframes ring-pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.tile.timed.urgent:after{animation:none}}.tile.ally{border-color:#ff5a5f80}.tile.dead{filter:grayscale(1) brightness(.5)}.tile.offline{opacity:.6}.tile.empty{border:2px dashed var(--line);background:transparent}.tile.empty .tile-placeholder{background:transparent;font-size:22px}.dead-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:44px;color:var(--red);pointer-events:none}.tile-chip{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 56px);background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:3px 10px 3px 3px}.seat-badge{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:800;color:#0b0b0b;flex:none}.seat-badge.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.chip-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-mic{position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:8px;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center}.tile-mic svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}.tile-mic.live svg{stroke:var(--accent)}.tile-top{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:5px;align-items:flex-start;flex-wrap:wrap;pointer-events:none}.pill{font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill.danger{color:var(--red)}.pill.accent{color:var(--accent)}.pill.warn{color:#ffb86b}.vote-bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:38px;height:38px;padding:0 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:17px;font-weight:800;display:grid;place-items:center;box-shadow:0 6px 18px #00000080}.tile-role{position:absolute;top:8px;right:8px;font-size:10px;padding:3px 7px;border-radius:6px;font-weight:700}.role{padding:2px 7px;border-radius:6px;font-weight:700;font-size:11px}.role.civilian,.role.sheriff{background:#9146ff38;color:var(--blue-soft)}.role.mafia,.role.don{background:#ff5a5f33;color:#ff9ea1}.center-panel{position:relative;height:100%;overflow:auto;scrollbar-width:none;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.center-panel::-webkit-scrollbar{display:none}.center-panel.night{background:linear-gradient(180deg,#0c0e18,var(--bg-2))}.ring-timer{position:absolute;top:14px;right:16px;font-family:ui-monospace,monospace;font-size:20px;font-weight:700;color:var(--accent)}.ring-timer.urgent{color:var(--red)}.center-title{font-size:22px;font-weight:700;line-height:1.2}.center-sub{font-size:13px;color:var(--muted)}.center-result{margin-top:4px;font-size:15px;font-weight:800;padding:8px 16px;border-radius:10px}.center-result.red{background:#9146ff2e;color:var(--blue-soft)}.center-result.black{background:#ff5a5f2e;color:#ff9ea1}.center-actions{margin-top:8px;width:100%;max-width:300px;display:flex;flex-direction:column;gap:8px}.center-note{font-size:13px;color:var(--muted)}.center-row{justify-content:center}.host-tools{display:flex;gap:6px;justify-content:center;border-top:1px solid var(--line);padding-top:8px}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap}.bb-left,.bb-center,.bb-right{display:flex;align-items:center;gap:10px}.bb-logo{font-weight:800;font-size:13px;letter-spacing:.06em}.bb-logo span{color:var(--accent);font-weight:500;margin-left:3px}.bb-code{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.1em;color:var(--accent);background:var(--bg-3);padding:3px 9px;border-radius:7px}.bb-btn{border:1px solid var(--line);background:var(--bg-3);color:var(--muted);border-radius:999px;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.bb-btn:hover,.bb-btn.on{color:var(--text);border-color:var(--accent)}.bb-allies{font-size:12px;color:#ff9ea1}.bb-cam{font-size:12px;color:var(--muted)}.bb-cam.on{color:var(--accent)}.log-drawer{position:fixed;right:0;top:0;bottom:0;width:320px;max-width:88vw;background:var(--bg-2);border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px;z-index:60;box-shadow:-20px 0 50px #0009}.log-head{display:flex;align-items:center;justify-content:space-between;font-weight:700}.log-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.log-item{font-size:12px;color:var(--muted);line-height:1.5;border-left:2px solid var(--line);padding-left:9px}.log-item.elimination{color:#ff9ea1;border-color:var(--red)}.log-item.night{color:var(--blue-soft);border-color:var(--blue)}.log-item.vote,.log-item.nomination{color:var(--accent);border-color:var(--accent)}.log-item.foul{color:#ffb86b}@media(max-width:900px){.table-ring{--tile-h: auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;width:100%}.table-ring .tile{aspect-ratio:4 / 3;height:auto}.center-panel{min-height:170px}.table-ring>.tile-slot,.table-ring>.tile.empty{grid-row:auto!important;grid-column:auto!important}.center-slot{grid-row:1!important;grid-column:1 / -1!important}.ring-wrap{padding:10px;align-items:start}.bottom-bar{justify-content:center;padding:10px 12px}.bb-center{order:3;width:100%;justify-content:center}.center-title{font-size:19px}}.mod-modal,.report-modal{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:18px;width:100%;max-width:520px;max-height:86vh;display:flex;flex-direction:column}.mod-modal .modal-head h2,.report-modal .modal-head h2{font-size:20px;margin:0}.mod-modal .modal-x,.report-modal .modal-x{background:var(--bg-3);color:var(--muted)}.mod-modal .field label,.report-modal .field label{color:var(--muted)}.report-modal{max-width:480px}.report-modal .reason input{accent-color:var(--accent)}.report-modal .modal-foot{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding-bottom:20px}.report-modal .modal-foot .btn{width:100%}.mod-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mod-list .mod-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;background:var(--bg-3);border-radius:12px;padding:10px 12px}.mod-list .mod-row.out{opacity:.5}.mod-seat{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-4);font-size:12px;font-weight:700}.mod-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-votes{font-variant-numeric:tabular-nums;opacity:.8}.bb-dot{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700}.tile-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;background:transparent;cursor:inherit}.tile-hit:disabled{cursor:default}.tile-menu{position:absolute;top:6px;right:6px;z-index:3}.tile-menu-btn{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:12px;letter-spacing:1px;cursor:pointer;opacity:0;transition:opacity .15s}.tile:hover .tile-menu-btn,.tile-menu-btn:focus-visible,.tile-menu-pop~.tile-menu-btn,.tile-menu:focus-within .tile-menu-btn{opacity:1}.tile-menu-pop{position:absolute;top:34px;right:0;min-width:210px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 16px 40px #0000008c;z-index:4}.tile-menu-item{display:block;width:100%;text-align:left;border:0;background:none;color:var(--text);font:inherit;font-size:14px;padding:10px 12px;border-radius:8px;cursor:pointer}.tile-menu-item:hover{background:var(--bg-3)}.tile-menu-volume{padding:10px 12px 6px;border-top:1px solid var(--line);margin-top:4px}.tile-menu-volume span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.tile-menu-volume input{width:100%;accent-color:var(--accent)}.invite-link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;border:0;background:none;color:var(--accent);font:inherit;font-size:15px;cursor:pointer}.invite-link:hover{text-decoration:underline}.settings-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;display:flex;justify-content:flex-end}.settings-pane{width:min(340px,92vw);background:var(--bg-2);border-left:1px solid var(--line);padding:20px;overflow-y:auto;display:grid;gap:16px;align-content:start}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head h2{margin:0;font-size:20px}.settings-row{border:1px solid var(--line);background:var(--bg-3);color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;font-weight:600;text-align:left;cursor:pointer}.settings-row.danger{color:var(--red);border-color:#ff5a5f59}.settings-field{display:grid;gap:8px}.settings-field>span{font-size:12px;letter-spacing:.04em;color:var(--muted)}.settings-field select{font-family:inherit}.settings-field input[type=range],.vol-range{width:100%;accent-color:var(--accent)}.settings-empty{color:var(--muted);font-size:14px}.profile-modal{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:18px;width:100%;max-width:520px;max-height:86vh;overflow-y:auto;padding:20px}.profile-modal .profile-card{background:var(--bg-3);padding:18px}.profile-modal .pub-summary>div{background:var(--bg-3)}.profile-modal .pub-summary span,.profile-modal .pub-handle,.profile-modal .profile-bio,.profile-modal .role-table th,.profile-modal .muted-text{color:var(--muted)}.profile-modal .social-links a{color:var(--accent)}.profile-modal .modal-foot{display:flex;justify-content:flex-end;padding-top:14px}