.in{display:flex;align-items:center;width:100%;padding:14px 16px;border-radius:16px;background:var(--surface);font-size:16px;font-weight:500;color:var(--text);font-family:inherit;border:0}.in:focus-visible{outline:1.5px solid rgba(255,255,255,.6);outline-offset:2px}.in::placeholder{color:var(--text-4)}.in.code{font-family:Geist Mono,ui-monospace,monospace;font-weight:600;font-size:32px;letter-spacing:.14em;text-align:center;text-transform:uppercase;justify-content:center}.err{color:#ff6b6b;font-size:13px;text-align:center;margin:8px 0 0}.join .liquid-logo{margin-top:8px}.join .ttl{text-align:center;font-weight:700;font-size:30px;letter-spacing:-.03em;margin:16px 0 0}.join .hint{text-align:center;font-size:13px;color:var(--text-2);line-height:1.4;margin:8px 0 0}.join .or{text-align:center;font-size:12px;color:var(--text-4);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 10px}.join .foot{text-align:center;font-size:12px;color:var(--text-4);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin:0}.roomcode{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface);margin-top:8px}.roomcode b{font-family:Geist Mono,ui-monospace,monospace;font-weight:600;letter-spacing:.14em;font-size:16px;color:var(--text)}.roomcode small{color:var(--text-3);font-size:13px}.bigav{display:flex;justify-content:center;margin:18px 0 4px}.emg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 16px}.emg button{position:relative;border-radius:14px;background:var(--surface);border:0;padding:0;height:auto}.emg button:before{content:"";display:block;padding-bottom:100%}.emg button>*{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.emg button.on{outline:1.5px solid rgba(255,255,255,.7);outline-offset:2px}.enter .foot{text-align:center;font-size:12px;color:var(--text-4);margin:12px 0 0}.screen.col.risk{flex:1;min-height:0;height:auto;padding:max(20px,env(safe-area-inset-top)) 20px 24px}.risk .q{display:flex;flex-direction:column;align-items:center;gap:8px}.risk .q .ln{display:block;height:14px;border-radius:7px;background:var(--surface);width:92%}.risk .q .ln:nth-child(2){width:78%}.risk .q .ln:nth-child(3){width:54%}.risk .q,.risk .tiles{transition:filter .3s,opacity .3s}.risk .q.blur,.risk .tiles.blur{filter:blur(6px);opacity:.4}.risk .tiles .t{padding:11px 12px}.risk .tiles .t i{font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--text-3)}.risk .note{text-align:center;font-size:13px;color:var(--text-3);margin:10px 0}.risk .risk-head{display:flex;justify-content:space-between;align-items:center}.risk .risk-title{font-weight:700;font-size:20px;letter-spacing:-.03em}.risk .sub{font-size:13px;color:var(--text-3);margin-top:6px}.risk .sheet-footer{display:flex;flex-direction:column;gap:10px;margin-top:14px}.risk .top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.screen.col.sabotage{flex:1;min-height:0;height:auto;padding:54px 20px calc(20px + env(safe-area-inset-bottom))}.sabotage .top{display:flex;justify-content:space-between;align-items:center}.sabotage .h1{text-align:center;margin-top:22px}.sabotage .h1.sm{font-size:24px}.sabotage .avatar.big,.sabotage .av-initials.big{display:block;margin:40px auto 0}.sabotage .drop-timer{margin:28px auto 0}.sabotage .tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.sabotage .t{height:104px;border-radius:22px;background:var(--surface);border:0;padding:13px;display:flex;flex-direction:column;justify-content:space-between;font-weight:500;font-size:14px;color:var(--text);text-align:left}.sabotage .t i{font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--text-3)}.sabotage .foot{margin-top:auto}.sabotage .line{display:flex;justify-content:space-between;font-size:13px;color:var(--text-3);margin-top:10px}.sabotage .foot .cta{margin-top:10px}.sabotage .targets.guess{margin-top:18px}.sabotage .targets{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.sabotage .tg{flex:0 0 auto;width:64px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px;color:var(--text-2);background:none;border:0;padding:0}.sabotage .tg.sel{color:var(--text);font-weight:600}.sabotage .tg .avatar,.sabotage .tg .av-initials{box-sizing:content-box;padding:6px;border-radius:14px}.sabotage .tg.sel .avatar,.sabotage .tg.sel .av-initials{background:var(--surface-3)}.sabotage .tg small{font-size:11px;color:var(--text-3)}.sabotage .types{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.sabotage .ty{border-radius:18px;background:var(--surface);border:0;padding:12px 14px;font-size:15px;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:12px;color:var(--text);text-align:left;width:100%}.sabotage .ty.sel{outline:1.5px solid rgba(255,255,255,.75)}.sabotage .ty small{display:block;font-size:12px;color:var(--text-3);font-weight:400;line-height:1.3;margin-top:4px}.sabotage .ty .ic{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;color:var(--text-2)}.sabotage .meta2.center{text-align:center}.sabotage,.sabotage>*{min-width:0;max-width:100%}.sabotage .targets{overflow-x:auto;-webkit-overflow-scrolling:touch}.sabotage .steps{width:100%}.screen.col.ranking{flex:1;min-height:0;height:auto;max-width:480px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}.ranking .hd{display:flex;align-items:center;gap:14px;margin-top:18px;animation:rk-hd-in .35s var(--ease-out)}@keyframes rk-hd-in{0%{opacity:0;transform:translateY(-12px)}}.ranking .hd .big{font-weight:700;font-size:64px;letter-spacing:-.06em;line-height:1}.ranking .hd .big small{font-size:22px;letter-spacing:-.02em;color:var(--text-3);font-weight:600}.ranking .hd .sub{font-size:13px;color:var(--text-2);margin-top:4px}.ranking .bars{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;height:min(250px,34vh);margin-top:26px}.ranking .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.ranking .bar b{display:block;width:100%;max-width:30px;border-radius:8px;background:#3a3a40;position:relative;overflow:hidden;transition:height .5s var(--ease-out)}.ranking .bar.me b{background:var(--text)}.ranking .bar b.chrome{background:linear-gradient(180deg,#f6f6f7,#9a9ea8 30%,#e9e9ec 55%,#6f727a 85%,#d8d8dc)}.ranking .bar .sc{font-size:12px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.ranking .bar.me .sc{color:var(--text)}.ranking .bar .sc.plate{font-size:12px;padding:3px 6px}.ranking .bar .rk{font-size:11px;color:var(--text-3);letter-spacing:.06em}.ranking .bar .dlt{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:12px;color:#fff;background:var(--plate);border-radius:7px;padding:1px 5px;line-height:1.3;white-space:nowrap}.ranking .bars.dense{gap:4px}.ranking .bars.dense .bar b{max-width:12px;border-radius:4px}.ranking .me-outline{outline:1.5px solid var(--text);outline-offset:2px;border-radius:50%}.ranking .near{margin-top:22px}.ranking .near .gap{text-align:center;font-size:12px;color:var(--text-4);margin:4px 0}.ranking .foot{margin-top:auto}.ranking .foot .line{display:flex;justify-content:space-between;font-size:13px;color:var(--text-3);margin-top:10px}.screen.bet{flex:1;min-height:0;height:auto;max-width:480px;padding:max(20px,env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));gap:0}.screen.bet .betbody{display:flex;flex-direction:column;margin-top:20px}.screen.bet .sub{text-align:center;font-size:13px;color:var(--text-3);margin:14px 0 0}.screen.bet .chips{margin-top:16px}.screen.bet .chips .chip{flex:1}.gauge{position:relative;width:180px;height:220px;margin:8px auto 0;touch-action:none;-webkit-user-select:none;user-select:none}.gauge .shape{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:48% 52% 46% 54%/60% 58% 42% 40%;background:var(--surface);overflow:hidden}.gauge .liq{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.gauge .liq .liquid{position:absolute;left:0;right:0;top:auto;bottom:0;height:220px}.gauge .liq:before{content:"";position:absolute;left:-10%;right:-10%;top:-6px;height:12px;border-radius:50%;background:var(--bg);opacity:.35;z-index:1}.gauge .plate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--plate);color:#fff;border-radius:14px;padding:8px 14px;text-align:center}.gauge .plate b{display:block;font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.gauge .plate small{display:block;font-size:12px;white-space:nowrap;color:var(--text-2);margin-top:3px}.gauge.locked{pointer-events:none}.gauge.locked .liquid{filter:grayscale(1) brightness(.7)}.screen.col.results{flex:1;min-height:0;height:auto;width:100%;max-width:480px;padding:max(20px,env(safe-area-inset-top)) 20px 0;gap:0}.results .top{display:flex;justify-content:space-between;align-items:center}.results .cup{position:relative;width:184px;height:184px;margin:14px auto 0;flex:0 0 auto}.results .cup-av{position:absolute;left:50%;top:calc(50% - 15px);z-index:6;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));opacity:0;transform:translate(-50%,-50%) scale(.6);transition:transform .4s var(--ease-out),opacity .25s}.results .cup-av.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.results .cup .liquid-logo{margin-top:22px}.results .win-nm{text-align:center;font-weight:700;font-size:26px;letter-spacing:-.03em;margin:8px 0 0}.results .win-sc{text-align:center;font-size:13px;color:var(--text-3);margin:2px 0 0}.results .list .row{padding:7px 10px;border-top:none;border-radius:14px;font-size:15px}.results .list .row.me{background:var(--text);color:var(--bg)}.results .list .row.me .rk{color:var(--text-4)}.results .strip{display:flex;gap:8px;overflow-x:auto;touch-action:pan-x;scrollbar-width:none;margin-top:2px;padding-bottom:4px}.results .strip::-webkit-scrollbar{display:none}.results .mo{flex:0 0 150px;display:flex;gap:8px;align-items:flex-start;background:var(--surface);border-radius:16px;padding:10px 11px;font-size:13px;line-height:1.35;color:var(--text-2)}.results .mo b{display:block;color:var(--text);font-size:13px;margin-bottom:1px;font-weight:600}.results .scroll{display:flex;flex-direction:column}.results .cta-fixed{margin-top:auto}.results .cta-fixed .cta+.cta{margin-top:8px}.results .wait-note{margin:0 0 10px;text-align:center;font-size:14px;color:var(--text-3)}.results .win,.results .rest,.results .cta-fixed{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.results .win.show,.results .rest.show,.results .cta-fixed.show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.results .cup-av,.results .win,.results .rest,.results .cta-fixed{transition-duration:.01s}}.tv{--tv: 1.6;position:relative;min-height:100dvh;padding:32px;background:var(--bg);color:var(--text);overflow:hidden}.tv.split{display:grid;grid-template-columns:1fr 240px;gap:26px;align-items:start}.tv-main{display:flex;flex-direction:column}.tv:not(.split){display:flex;flex-direction:column}.tv-center{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.tv-wide{width:100%;max-width:1120px;margin:0 auto}.tv-head{display:flex;justify-content:space-between;margin-bottom:10px}.tv-title{font-weight:700;font-size:calc(28px * var(--tv));letter-spacing:-.03em;line-height:1.1;margin:6px 0 0}.tv-sub{font-size:calc(15px * var(--tv));color:var(--text-2);margin:8px 0 0}.tv .meta2{font-size:13px}.tv-q{font-weight:500;font-size:calc(15px * var(--tv));line-height:1.25;letter-spacing:-.02em;margin:14px 0 18px}.tv .tv-tiles{gap:12px}.tv .t{height:82px;transition:opacity .5s}.tv .t .lbl{cursor:default;padding:14px 16px;font-size:calc(10px * var(--tv))}.tv .t.dim{opacity:.3}.tv .who{position:absolute;right:12px;top:12px;display:flex;z-index:3}.tv .who>*{margin-left:-6px;box-shadow:0 0 0 2px var(--plate)}.tv-side{display:flex;flex-direction:column}.tv .drop-timer{width:120px;height:120px;margin:0 auto}.tv-count{text-align:center;margin-top:16px}.tv .tv-live{margin-top:12px}.tv .tv-live .row{border-top:0;flex-wrap:nowrap;gap:8px;padding:5px 8px;border-radius:10px;font-size:13px;color:var(--text-3)}.tv .tv-live .row.on{color:var(--text);background:#ffffff0a}.tv .list .rk{width:34px;display:flex;align-items:center;justify-content:center;font-size:12px}.tv .list .sc{color:inherit}.tv .tv-rank{list-style:none;margin:0;padding:0}.tv .tv-rank .row{flex-wrap:nowrap;padding:9px 8px;font-size:calc(13px * var(--tv));border-top:1px solid rgba(255,255,255,.06)}.tv .tv-rank.two{display:grid;grid-template-columns:1fr 1fr;column-gap:44px}.tv .tv-rank .d{width:60px;font-size:14px}.tv-winner{display:flex;align-items:center;gap:18px;margin-bottom:20px}.tv-results-cols{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}.tv-moment{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.tv-moment b{font-size:17px;font-weight:600}.tv-moment small{margin-left:auto;font-size:12px;color:var(--text-3)}.tv-lobby{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;flex:1}.tv-lobby-join{display:flex;align-items:center;gap:30px}.tv-qr{box-sizing:content-box;padding:12px;border-radius:18px;background:var(--text);flex:0 0 auto}.tv-qr img{display:block}.tv-code{font-family:Geist Mono,ui-monospace,monospace;font-weight:600;font-size:96px;letter-spacing:.16em;line-height:1;margin:6px 0 0}.tv-lobby-url{font-size:15px;color:var(--text-3);margin-top:12px}.tv .liquid-logo{margin:0}.tv-lobby-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.tv .avrow .av{font-size:15px;padding:8px 16px 8px 8px}.tv-settings{font-size:14px;color:var(--text-3)}.tv-warn{font-size:13px;color:var(--text-2)}.tv .join{position:absolute;right:32px;bottom:20px;font-size:13px;letter-spacing:.06em;color:var(--text-4)}.tv .join b{color:var(--text-2);font-family:Geist Mono,ui-monospace,monospace;letter-spacing:.14em}.tv-paused{position:absolute;top:24px;right:32px;margin:0;padding:6px 12px;border-radius:var(--radius-plate);background:var(--plate);font-size:13px;font-weight:600}.tv-reactions{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.tv-react{position:absolute;bottom:56px;font-size:34px;animation:tv-react-float 5s linear forwards}@keyframes tv-react-float{0%{transform:translateY(20px);opacity:0}12%{opacity:1}70%{opacity:1}to{transform:translateY(-260px);opacity:0}}.tv-main .sab-strip.tv{position:static;margin:10px 0 0;font-size:18px}.tv-guess-winners{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}:root{color-scheme:dark;--bg: #0b0b0c;--surface: #161618;--surface-2: #1e1e21;--surface-3: #26262a;--text: #f2f2f3;--text-2: #b9b9bf;--text-3: #77777d;--text-4: #55555b;--plate: rgba(11, 11, 12, .88);--radius-card: 22px;--radius-plate: 9px;--ease-out: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}.room{min-height:100dvh;display:flex;flex-direction:column}.ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;transition:opacity .35s}.haptic-sw{position:fixed;left:-9999px;top:-9999px}.ov canvas{width:100%!important;height:100%!important;display:block}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100dvh}.host-bar{flex:0 0 auto;max-width:480px;width:100%;margin:0 auto;padding:8px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.host-bar p{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.host-bar button{padding:6px 12px;font-size:.8rem}.screen{display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px;margin:0 auto;padding:24px}.screen.tv{max-width:960px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button{background:var(--surface-2);color:#f2f2f3;border:1px solid #3a3a3f;border-radius:8px;padding:10px 16px;font-size:1rem;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{border-color:#f2f2f3;background:#2a2a2e}input{background:#1c1c1f;color:#f2f2f3;border:1px solid #3a3a3f;border-radius:8px;padding:10px 12px;font-size:1rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-grid button,.options-grid .option{padding:20px 12px;text-align:center}.option.correct{border-color:#4caf50;background:#14301a}.player-list,.target-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.warning{color:#ffb020}.timer{font-size:1.5rem;font-variant-numeric:tabular-nums}.badge{display:inline-block;align-self:flex-start;background:#2a2a2e;border:1px solid #3a3a3f;border-radius:999px;padding:2px 10px;font-size:.85rem}.avatar{display:block;flex:0 0 auto;max-width:none;border-radius:0;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;background-origin:content-box}.av-initials{display:grid;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--text);font-weight:600;font-size:.42em}.sab-strip{position:absolute;left:20px;right:20px;top:48px;z-index:7;padding:10px 14px;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;text-align:center;pointer-events:none;animation:sab-strip 3.2s var(--ease-out) forwards}.sab-strip.stay{animation:sab-strip-in .4s var(--ease-out)}@keyframes sab-strip{0%{opacity:0;transform:translateY(-6px)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@keyframes sab-strip-in{0%{opacity:0;transform:translateY(-6px)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;background:#00000080;display:flex;align-items:flex-end}.sheet{width:100%;max-width:480px;margin:0 auto;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));max-height:85dvh;overflow:auto;animation:sheet-in .3s var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(100%)}}.grab{width:36px;height:4px;border-radius:2px;background:#3a3a3f;margin:0 auto 12px}.sheet-title{font-weight:700;font-size:22px;letter-spacing:-.03em;margin-bottom:6px}.chrome-badge{position:relative;display:inline-grid;place-items:center;border-radius:999px;overflow:hidden;padding:0 12px;height:28px}.chrome-badge .inner{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:999px;background:var(--bg)}.chrome-badge .txt{position:relative;z-index:1;font-weight:700;font-size:13px;color:#fff}.chrome-badge.sm{height:22px;padding:0 9px}.chrome-badge.sm .txt{font-size:12px}.liquid-logo{position:relative;margin:0 auto}.drop-local{position:relative;border-radius:50%;overflow:hidden}.top .drop-timer{margin:-14px 0}.meta2{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.lbl2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:12px 0 6px;display:flex;justify-content:space-between}.lbl2 b{color:var(--text-3);font-weight:500;letter-spacing:0;text-transform:none}.h1{font-weight:700;font-size:28px;letter-spacing:-.03em;line-height:1.1}.h1 small{display:block;font-size:13px;font-weight:400;color:var(--text-2);margin-top:8px;letter-spacing:0}.cta{display:block;width:100%;padding:17px 16px;border-radius:18px;background:var(--text);color:var(--bg);text-align:center;font-weight:600;font-size:16px;border:0}.cta.sec{background:var(--surface);color:var(--text)}.cta.wait{background:var(--surface);color:var(--text-3);font-weight:500}.cta:disabled{opacity:.4}.cta-fixed{position:relative;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg)}.cta-fixed:before,.lobby .cta-bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:32px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.rowlink{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.06);font-size:16px;font-weight:500;background:none;border-left:0;border-right:0;border-bottom:0;color:var(--text);width:100%;text-align:left;border-radius:0}.rowlink[aria-pressed=true]{background:none;border-color:#ffffff0f}.rowlink small{color:var(--text-3);font-weight:400;margin-right:8px}.rowlink i{font-style:normal;color:var(--text-4)}.tog{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);font-size:16px;font-weight:500;color:var(--text)}.tog:first-child{border-top:none}.tog small{display:block;font-size:13px;color:var(--text-3);font-weight:400;margin-top:2px}.sw{width:51px;height:31px;border-radius:16px;background:var(--surface-3);position:relative;border:0;flex:0 0 auto}.sw:after{content:"";position:absolute;top:3px;left:3px;width:25px;height:25px;border-radius:50%;background:var(--text-3);transition:left .2s,background .2s}.sw.on{background:var(--text)}.sw.on:after{left:23px;background:var(--bg)}.pill{padding:5px 12px;border-radius:999px;background:var(--surface-3);font-size:14px;font-weight:600}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips .chip{padding:12px 16px;min-height:44px;border-radius:999px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;border:0}.chips .chip[aria-pressed=true]{background:var(--text);color:var(--bg)}.steps{display:flex;gap:6px}.steps i{flex:1;height:3px;border-radius:2px;background:var(--surface-3)}.steps i.on{background:var(--text)}.avrow{display:flex;flex-wrap:wrap;gap:8px}.avrow .av{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:999px;background:var(--surface);font-size:14px;font-weight:500;color:var(--text)}.avrow .av.host:after{content:"host";font-size:11px;color:var(--text-3)}.avrow .av.me{outline:1.5px solid rgba(255,255,255,.5)}.avrow .av.off{opacity:.45}.avrow .av small{font-size:11px;color:var(--text-3)}.list .row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.list .rk{width:24px;text-align:center;font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}.list .nm{flex:1;font-weight:500}.list .sc{font-variant-numeric:tabular-nums;font-weight:600}.list .row.me{color:#fff}.list .d{font-size:12px;color:var(--text-3);width:28px;text-align:right}.list .d.up{color:var(--text)}.plate{background:var(--plate);color:#fff;border-radius:var(--radius-plate);padding:6px 9px}.screen.col{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen.col .scroll{flex:1;overflow:auto;min-height:0;padding:4px;margin:-4px}.screen.col.lobby .code{font-family:Geist Mono,ui-monospace,monospace;font-weight:600;font-size:40px;letter-spacing:.14em;text-align:center;margin:4px 0 0}.screen.col.lobby .hint{text-align:center;font-size:12px;color:var(--text-3);margin-top:2px}.qrrow{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 4px}.qr{border-radius:12px;background:var(--text);display:block}.share{display:flex;flex-direction:column;gap:6px}.share button,.share a{padding:12px 14px;min-height:44px;border-radius:14px;background:var(--surface);font-size:15px;font-weight:500;color:var(--text);border:0;text-align:left;text-decoration:none;cursor:pointer}.grp{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:10px 0 2px;display:flex;justify-content:space-between}.grp b{color:var(--text-2);font-weight:500;letter-spacing:0;text-transform:none}.grp button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.cat{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 14px;margin-top:6px;border-radius:12px;border-top:0;font-size:16px;font-weight:500;background:none;border-left:0;border-right:0;border-bottom:0;color:var(--text);width:100%;text-align:left}.cat:first-child{margin-top:0}.cat.sp>span:first-child:before{content:"✦ ";color:var(--text-3)}.cat .sw{flex:0 0 auto}.cat.off span{color:var(--text-3)}.ro{opacity:.7;pointer-events:none}.ro .rowlink{cursor:default}.me-row .me-id{display:inline-flex;align-items:center;gap:10px}.selcat{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0 0 12px;font-size:14px;font-weight:500;color:var(--text-2)}.selcat span.sp:before{content:"✦ ";color:var(--text-3)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:4px 0 8px}.avatar-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:14px;background:var(--surface);border:1.5px solid transparent;color:var(--text-2);font-size:11px;cursor:pointer}.avatar-cell.on{border-color:#ffffff80;color:var(--text)}.avatar-cell:disabled{opacity:.35;cursor:not-allowed}.lobby .cta-bar{position:relative;flex:0 0 auto;padding:6px 0 calc(4px + env(safe-area-inset-bottom));background:var(--bg)}.lobby .cta-note{margin:0 0 8px;text-align:center;font-size:13px;color:var(--text-3)}.lobby .scroll{position:relative}.lobby .leave-link{position:absolute;top:4px;right:0;margin:0;padding:12px;min-height:44px;background:none;border:0;color:var(--text-3);font-size:14px}.lobby .scroll{padding-bottom:8px}.liquid{position:absolute;top:0;right:0;bottom:0;left:0}.liquid canvas{width:100%!important;height:100%!important;display:block}.screen.round{position:relative;flex:1;min-height:0;height:auto;max-width:480px;padding:max(20px,env(safe-area-inset-top)) 20px calc(24px + var(--round-pad, 0px));display:flex;flex-direction:column;gap:0}.top{display:flex;justify-content:space-between;align-items:center}.hero{position:relative;height:176px;display:grid;place-items:center}.drop-timer{z-index:6;position:relative;width:170px;height:170px;display:grid;place-items:center;transition:transform .1s linear;transform-origin:center}.dring circle{transition:stroke-dashoffset .1s linear}.dring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg);transition:opacity .3s}.drop-timer.frozen .dring{opacity:0}.drop-timer>*{grid-area:1 / 1}.digit.plate{position:relative;z-index:6;background:var(--plate);color:#fff;font-weight:600;font-size:28px;letter-spacing:-.03em;padding:6px 14px;border-radius:12px;font-variant-numeric:tabular-nums}.q{font-weight:500;font-size:16.5px;line-height:1.3;letter-spacing:-.02em;margin:14px 0;text-align:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:4}.t{position:relative;height:88px;border-radius:var(--radius-card);background:var(--surface);overflow:hidden;transition:opacity .5s,background .5s}.t .lbl{all:unset;position:absolute;top:0;right:0;bottom:0;left:0;padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font:inherit;font-weight:500;font-size:15px;line-height:1.2;cursor:pointer;z-index:2;text-align:left}.t .lbl i{font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--text-3)}.t .rim,.t .fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);overflow:hidden}.t .fill{clip-path:circle(0% at 50% 50%);transition:clip-path .5s ease-out}.t.correct .fill{clip-path:circle(75% at 50% 50%)}.t .rim .inner{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:20.5px;background:var(--bg)}.t.sel .lbl{color:#fff;font-weight:600}.t.sel .lbl i{color:var(--text-2)}.t .lbl i,.t .lbl span{transition:background-color .22s ease,padding .28s var(--ease-out),color .22s ease}.t.correct .lbl i,.t.correct .lbl span{background:var(--plate);color:#fff;padding:4px 7px;border-radius:7px;transition-delay:.1s,.28s,.1s}.t.correct .lbl span{font-weight:600;padding:6px 9px;border-radius:var(--radius-plate)}.t.dim{opacity:.3}.t.wrongpick{background:#0e0e10}.t.wrongpick .lbl{color:var(--text-4);text-decoration:line-through;text-decoration-color:#ffffff59}.t .x{position:absolute;right:12px;top:11px;font-size:13px;color:var(--text-3);opacity:0;transition:opacity .4s;z-index:2}.t.wrongpick .x{opacity:1}.t.coated{background:transparent}.t.coated .lbl{opacity:0;transition:opacity .55s}.foot{margin-top:auto;position:relative}.pts{position:absolute;right:14px;top:-6px;font-weight:600;font-size:22px;letter-spacing:-.03em;opacity:0;transform:translateY(10px);transition:all .6s var(--ease-out)}.pts.show{opacity:1;transform:translateY(-22px);transition-delay:var(--pts-delay, 0s)}.players{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;height:56px}.p{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.p b{display:block;width:100%;max-width:22px;border-radius:4px;background:var(--surface-2);transition:height .7s var(--ease-out)}.p.on b{background:#8a8a90}.p.me b{background:var(--text)}.p small{font-size:11px;font-weight:600;color:var(--text-3)}.p.on small{color:var(--text-2)}.p.me small{color:var(--text)}.line{display:flex;justify-content:space-between;font-size:13px;color:var(--text-3);margin-top:10px}.crowd{font-size:12px;color:var(--text-2);white-space:pre;text-align:center;padding:20px 0}.badge.plate{align-self:flex-end;background:var(--plate);border:0;color:#fff}.say{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%) scale(.96);text-align:center;font-weight:600;font-size:17px;line-height:1.25;letter-spacing:-.02em;color:var(--text);opacity:0;transition:opacity .45s,transform .45s var(--ease-out);z-index:6}.say.show{opacity:1;transform:translateY(-50%) scale(1);transition-delay:var(--say-delay, 0s)}.say small{display:block;margin-top:6px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.coat-label{position:fixed;z-index:6;pointer-events:none;padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-weight:600;font-size:15px;line-height:1.2}.coat-label i{font-style:normal;font-size:12px;letter-spacing:.08em;background:var(--plate);color:var(--text);padding:4px 7px;border-radius:7px}.coat-label span{background:var(--plate);color:#fff;padding:6px 9px;border-radius:var(--radius-plate)}.coat-label i,.coat-label span{transition:background-color .55s ease,padding .55s var(--ease-out),color .55s ease}.coat-label.pre i{background:transparent;padding:0;color:var(--text-2)}.coat-label.pre span{background:transparent;padding:0}.round.reveal .dring{opacity:0}@media(max-height:700px){.hero{height:150px}}
