*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#111;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.screen{position:relative;min-height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-body)}.screen.phone{min-height:100dvh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;touch-action:manipulation;--tap: 76px;--row: 72px;--choice: 84px}@media(max-height:700px){.screen.phone{--tap: 60px;--row: 56px;--choice: 64px}.screen.phone .btn.big{min-height:60px}.screen.phone .option{min-height:56px;padding-top:8px;font-size:18px}}.screen.tv{--vw: 19.2px;--vh: 10.8px;width:100vw;height:100vh;zoom:var(--fit, 1)}.screen.tv .adm-backdrop{zoom:calc(1 / var(--fit, 1))}.layer{position:relative;z-index:1}.backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.display{font-family:var(--font-display);font-weight:var(--display-weight);text-transform:var(--display-transform);letter-spacing:var(--display-tracking);line-height:1.05}.eyebrow{font-family:var(--font-display);font-weight:var(--display-weight);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--ink-soft)}.tv .eyebrow{font-size:22px}.q{font-family:var(--font-display);font-weight:var(--display-weight);text-transform:var(--display-transform);letter-spacing:var(--display-tracking);font-size:26px;line-height:1.12;margin:0;text-wrap:balance}.tv .q{font-size:clamp(40px,calc(4.4 * var(--vw, 1vw)),84px)}.soft{color:var(--ink-soft)}.card{background:var(--surface);color:var(--ink-on-surface);border-radius:var(--radius);border:var(--border) solid var(--line);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:var(--radius);border:var(--border) solid var(--line);background:var(--surface-2);color:var(--ink-on-surface);font-family:var(--font-display);font-weight:var(--display-weight);text-transform:var(--display-transform);letter-spacing:var(--display-tracking);font-size:19px;box-shadow:var(--shadow);transition:transform .06s,box-shadow .06s}.btn:active,.btn.is-pressed{transform:translateY(3px);box-shadow:var(--shadow-press)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;box-shadow:none;color:var(--ink)}.btn.big{min-height:72px;font-size:24px;width:100%}.btn:disabled{opacity:.45;cursor:default}.option{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:72px;padding:12px 18px;border-radius:var(--radius);border:var(--border) solid var(--line);color:var(--opt-ink);font-family:var(--font-display);font-weight:var(--display-weight);text-transform:var(--display-transform);letter-spacing:var(--display-tracking);font-size:22px;line-height:1.1;box-shadow:var(--shadow);transition:transform .06s,box-shadow .06s,opacity .2s,filter .2s}.option[data-i="0"]{background:var(--opt-0)}.option[data-i="1"]{background:var(--opt-1)}.option[data-i="2"]{background:var(--opt-2)}.option[data-i="3"]{background:var(--opt-3)}.option:active,.option.is-pressed{transform:translateY(3px) scale(.985);box-shadow:var(--shadow-press)}.option.is-selected{outline:5px solid var(--ink);outline-offset:3px}.option.is-dim{opacity:.35;filter:saturate(.4)}.option.is-correct{outline:6px solid var(--good);outline-offset:4px}.option.is-wrong{opacity:.3;filter:grayscale(.7)}.tv .option{min-height:120px;font-size:clamp(26px,calc(2.4 * var(--vw, 1vw)),46px)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-on-surface);font-weight:700;font-size:15px}.tv .chip{font-size:22px;padding:8px 18px}.field{width:100%;min-height:64px;padding:0 18px;border-radius:var(--radius);border:var(--border) solid var(--line);background:var(--surface);color:var(--ink-on-surface);font-family:var(--font-display);font-weight:var(--display-weight);font-size:24px;outline:none;box-shadow:inset 0 2px #00000026}.field:focus{outline:4px solid var(--accent);outline-offset:2px}.panel{background:var(--surface);color:var(--ink-on-surface);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -10px 40px #00000059}.seg{display:flex;gap:6px;padding:5px;border-radius:var(--radius-sm);background:var(--surface-2)}.seg button{flex:1;min-height:44px;border:0;border-radius:calc(var(--radius-sm) - 3px);background:transparent;color:var(--ink-on-surface);font-weight:700;font-size:15px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.timer{height:14px;border-radius:99px;background:var(--surface-2);overflow:hidden}.timer>i{display:block;height:100%;background:var(--accent);border-radius:99px;transform-origin:left center}.points{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);background:var(--good);color:var(--bg);font-family:var(--font-display);font-weight:var(--display-weight);font-size:20px}.tv .points{font-size:30px}.board-row{display:flex;align-items:center;gap:16px;min-height:76px;padding:0 20px;border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-on-surface);font-family:var(--font-display);font-weight:var(--display-weight);font-size:36px;box-shadow:var(--shadow)}.big-range{-webkit-appearance:none;appearance:none;width:100%;height:56px;background:transparent;touch-action:none}.big-range::-webkit-slider-runnable-track{height:14px;border-radius:99px;background:var(--surface-2)}.big-range::-moz-range-track{height:14px;border-radius:99px;background:var(--surface-2)}.big-range::-webkit-slider-thumb{-webkit-appearance:none;width:52px;height:52px;margin-top:-19px;border-radius:99px;background:var(--accent);border:4px solid var(--surface);box-shadow:var(--shadow)}.big-range::-moz-range-thumb{width:44px;height:44px;border-radius:99px;background:var(--accent);border:4px solid var(--surface)}.code{display:inline-flex;gap:.18em}.code>i{font-style:normal;display:inline-grid;place-items:center;min-width:1.35em;height:1.5em;padding:0 .15em;border-radius:calc(var(--radius-sm) * .8);background:var(--surface);color:var(--ink-on-surface);font-family:var(--font-display);font-weight:var(--display-weight);box-shadow:var(--shadow)}.host-line{line-height:1.15}.seg button{min-width:0;overflow-wrap:anywhere}.voter-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body);font-size:21px;font-weight:800;line-height:1.1}.screen.tv .chip.split-line{font-family:var(--font-body);font-size:40px;font-weight:800;padding:12px 30px;background:var(--accent);color:var(--accent-ink);text-align:center;max-width:100%}.picture svg *{transition:fill .4s}.picture.is-shadow svg *{fill:var(--shadow-ink)!important}.lobby{min-height:0;display:flex;flex-direction:column;gap:12px;padding:10px 16px calc(16px + env(safe-area-inset-bottom))}.lobby-head{display:grid;gap:4px;padding:0 2px}.lobby-head p{margin:0;font-size:16px;font-weight:700}.lobby-list{flex:0 1 auto;min-height:0;overflow-y:auto;margin:0;padding:2px 14px;list-style:none}.lobby-list li,.lobby-list li>button{display:flex;align-items:center;gap:10px;min-height:50px}.lobby.is-full .lobby-list li,.lobby.is-full .lobby-list li>button{min-height:42px}.lobby-list li+li{border-top:1px solid color-mix(in srgb,var(--ink-on-surface) 10%,transparent)}.lobby-list li>button{flex:1;min-width:0;border:0;padding:0;background:none;font:inherit;color:inherit;text-align:left;touch-action:manipulation}.lobby-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:17px}.lobby-name .soft{color:color-mix(in srgb,var(--ink-on-surface) 55%,transparent);font-weight:600}.lobby-state{flex:none;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--ink-on-surface) 45%,transparent)}.lobby-state.is-ready{color:color-mix(in srgb,var(--good) 40%,var(--ink-on-surface))}.lobby-tiles{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-tiles button{display:grid;gap:2px;padding:10px 14px;text-align:left;font:inherit;cursor:pointer}.lobby-tiles span{font-size:13px;font-weight:700;opacity:.6}.lobby-tiles b{font-family:var(--font-display);font-size:19px}.lobby>.btn.big{flex:none}.lobby-list+.btn.big{margin-top:auto}.face{position:relative;display:inline-grid;flex:none}.face .crown{position:absolute;left:50%;top:-18%;translate:-50% 0;rotate:-8deg}.header-face{border:0;padding:4px 0 0;background:none}.header-face:disabled{cursor:default;opacity:1}.header-line{font-size:13px;font-weight:700;color:var(--accent)}.tv-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tv-mode{display:grid;align-content:start;gap:6px;padding:22px 24px;border-radius:var(--radius);background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink);opacity:.7;transition:background-color .25s,color .25s,opacity .25s}.tv-mode b{font-size:34px;line-height:1.05}.tv-mode span{font-size:22px;font-weight:700;opacity:.8}.tv-mode.is-on{background:var(--surface);color:var(--ink-on-surface);opacity:1;box-shadow:var(--shadow)}.screen.tv .chip.tv-tag{font-size:24px;padding:10px 22px}.screen.tv .chip.tv-tag:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent)}.screen.tv .chip.tv-double{font-size:24px;padding:10px 22px;background:var(--accent);color:var(--accent-ink)}.phone-hint{margin-bottom:-10px;font-size:15px;font-weight:700}.lock-list{display:grid;align-content:start;gap:10px}.lock-head{padding:0 6px 4px;font-size:24px;font-weight:700;color:var(--ink-soft)}.lock-row{display:flex;align-items:center;gap:16px;min-height:78px;padding:6px 24px 6px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--ink) 11%,transparent);color:var(--ink);transition:background-color .25s,color .25s,box-shadow .25s,opacity .25s}.lock-row.is-in{background:var(--surface);color:var(--ink-on-surface);box-shadow:var(--shadow)}.lock-row.is-out{opacity:.45}.lock-row.is-gone{opacity:.35}.lock-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:var(--display-weight);font-size:30px}.lock-state{flex:none;font-size:22px;font-weight:700;color:color-mix(in srgb,var(--ink) 60%,transparent)}.lock-row.is-in .lock-state{color:color-mix(in srgb,var(--good) 35%,var(--ink-on-surface))}.lock-list.is-compact{gap:8px}.lock-list.is-compact .lock-row{min-height:62px;padding:3px 20px 3px 10px}.lock-list.is-compact .lock-name{font-size:26px}.screen.tv .lock-list .points{font-size:24px}.ring-timer{position:relative;flex:none;display:grid;place-items:center;width:108px;height:108px;transition:opacity .3s}.ring-timer svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}.ring-timer circle{fill:none;stroke-width:9}.ring-timer .ring-track{stroke:color-mix(in srgb,var(--ink) 16%,transparent)}.ring-timer .ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke .3s}.ring-timer b{font-family:var(--font-display);font-weight:var(--display-weight);font-size:44px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);transition:color .3s}.ring-timer.is-urgent .ring-fill{stroke:var(--bad)}.ring-timer.is-urgent b{color:var(--bad)}.ring-timer.is-held{opacity:.55}