:root{--bg: #0b0b0d;--surface: #16161a;--surface-2: #1f1f25;--line: #2c2c34;--text: #f2f2f5;--muted: #9a9aa6;--accent: #e0b84a;--danger: #ef6b6b;--radius: 14px}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1{font-size:1.25rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:8px 0}.page{max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 48px}.page-head{padding:32px 0 24px}.page-head h1{font-size:2.2rem;letter-spacing:.04em}.bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:8px;background:var(--bg)}.bar h1{flex:1}.back{all:unset;font-size:2rem;line-height:1;padding:0 8px 4px 0;cursor:pointer}.menu{display:grid;gap:10px}.menu-item{display:grid;gap:4px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.menu-item span{color:var(--muted);font-size:.9rem}.menu-item.disabled{opacity:.45}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between;flex-wrap:wrap}input:not([type=color]),select{width:100%;min-width:0;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=color]{width:46px;height:44px;padding:2px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);flex:none}.btn{flex:none;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.btn.primary{background:var(--accent);color:#1a1405;border-color:transparent;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.icon-btn{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted)}.panel{padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);margin:12px 0}.panel.pin{display:grid;gap:8px;border-color:var(--accent)}.players{list-style:none;padding:0;display:grid;gap:10px}.player{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);overflow:hidden}.player-head{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;padding:14px;cursor:pointer}.player-head strong{flex:1}.dot{width:14px;height:14px;border-radius:50%;flex:none}.chev{color:var(--muted)}.player-body{display:grid;gap:12px;padding:0 14px 14px}.deck-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 14px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-2);font-size:.85rem}.pips{display:inline-flex;gap:2px}.mini-pip{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1px #fff6}.deck{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.deck input{background:var(--bg)}.mana{display:flex;gap:6px}.pip{width:34px;height:34px;border-radius:50%;border:2px solid transparent;font-weight:700;font-size:.8rem;opacity:.25;cursor:pointer}.pip.on{opacity:1;border-color:var(--text)}.bracket{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem}.bracket select{width:auto;padding:8px;background:var(--bg)}h2{font-size:1.05rem;margin-bottom:10px}.section{margin-top:24px}.grow{flex:1;min-width:0}.cap:first-letter{text-transform:uppercase}.link{text-decoration:underline}.warn{color:var(--accent);font-size:.9rem;margin:8px 0}.btn.block{display:block;width:100%;text-align:center;margin-top:12px;padding:14px}.panel.tight{margin:0;display:grid;gap:4px}.num{font-variant-numeric:tabular-nums;min-width:2ch;text-align:center}.chips-toggle{display:flex;flex-wrap:wrap;gap:8px}.toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);opacity:.55;cursor:pointer}.toggle.on{opacity:1;border-color:var(--accent);background:var(--surface-2)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:none}.segmented button{padding:8px 14px;border:0;background:transparent;cursor:pointer}.segmented button+button{border-left:1px solid var(--line)}.segmented button.on{background:var(--accent);color:#1a1405;font-weight:600}.segmented.small button{padding:6px 10px;font-size:.85rem}.assign-list{list-style:none;padding:0;display:grid;gap:8px}.assign{display:grid;gap:8px;padding:12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.seat-n{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);font-size:.8rem;flex:none}.add-select{margin-top:10px}.table-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.tables{display:grid;gap:12px}.table-card{display:grid;gap:12px;margin:0}.table-card h2{margin:0}.badge{font-size:.8rem;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.badge.live{background:#1f3b2a;color:#7ee2a8}.mini-seats{list-style:none;padding:0;display:grid;gap:6px}.mini-seats li{display:flex;align-items:center;gap:8px}.mini-seats li.out{opacity:.4;text-decoration:line-through}.qr-wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.qr{border-radius:10px;background:#fff;padding:6px;flex:none}.qr-actions{display:grid;gap:8px;flex:1;min-width:150px}.qr-actions .btn{text-align:center}.results{list-style:none;padding:0;display:grid;gap:8px}.placements{margin:4px 0 0;padding-left:20px;color:var(--muted);font-size:.9rem}.ranking{list-style:none;padding:0;display:grid;gap:8px;margin:12px 0}.rank{display:grid;gap:10px;padding:12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.rank.first{border-color:var(--accent)}.rank-n{width:28px;text-align:center;font-weight:700;flex:none}.killer-select{display:grid;gap:4px}.winner{text-align:center;padding:28px 16px;display:grid;gap:6px}.big{font-size:1.8rem;margin:0}.sync{font-size:.8rem;color:var(--muted)}.sync.error,.sync.pin{color:var(--danger)}.sync.pending{color:var(--accent)}.table{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:100dvh;padding:8px;background:#000;user-select:none;-webkit-user-select:none;touch-action:manipulation}.card{position:relative;border-radius:16px;overflow:hidden;container-type:size;transition:filter .2s}.card.dead{filter:grayscale(.85)}.card-inner{position:absolute;inset:50% auto auto 50%;width:100cqh;height:100cqw;translate:-50% -50%;display:grid;grid-template-rows:1fr auto auto 1fr;justify-items:center}.card-inner.upright{width:100cqw;height:100cqh}.tap{all:unset;grid-column:1;width:100%;height:100%;display:grid;place-items:center;font-size:2rem;opacity:.35;cursor:pointer}.tap.plus{grid-row:1}.tap.minus{grid-row:4}.tap:active{opacity:.8;background:#ffffff14}.tap:focus-visible{outline:2px solid #fff;outline-offset:-4px}.life{grid-row:2;font-size:min(26cqw,26cqh);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.seat-label{all:unset;grid-row:3;display:grid;justify-items:center;gap:2px;padding:4px 12px;border-radius:10px;cursor:pointer;text-align:center;max-width:90%}.seat-label:active{background:#0003}.seat-label>span:first-child{font-weight:600;font-size:.95rem}.seat-deck{font-size:.75rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.seat-badges{display:flex;gap:8px;font-size:.8rem;font-weight:700}.seat-panel{position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:1;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#0a0a0cf0;overflow:auto;font-size:.9rem}.seat-panel.alert{border:2px solid var(--danger);justify-content:center;text-align:center;background:#0d0d10}.seat-panel.dead-panel{top:0;right:0;bottom:0;left:0;border-radius:0;background:#0009;font-size:1rem;justify-content:center;align-items:center;text-align:center}.seat-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.seat-panel .close{all:unset;padding:4px 8px;cursor:pointer}.stepper{display:flex;align-items:center;gap:8px}.stepper button{all:unset;width:34px;height:30px;display:grid;place-items:center;border-radius:8px;background:#26262e;cursor:pointer;font-size:1.1rem}.stepper button:active{background:#3a3a44}.killers{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.killers button{all:unset;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#26262e;cursor:pointer}.killers button.suggested{outline:2px solid var(--accent)}.link-btn{all:unset;align-self:center;padding:6px 10px;font-size:.85rem;text-decoration:underline;opacity:.8;cursor:pointer}.hub{position:absolute;left:50%;top:50%;translate:-50% -50%;width:52px;height:52px;border-radius:50%;border:2px solid #333;background:#111;font-size:1.4rem;z-index:2}.hub.sync-pending{border-color:var(--accent)}.hub.sync-error,.hub.sync-pin{border-color:var(--danger)}.hub-menu{position:absolute;left:50%;top:calc(50% + 36px);translate:-50% 0;z-index:3;display:grid;gap:6px;padding:8px;border-radius:12px;background:#111;border:1px solid #333;min-width:220px}.hub-menu>.sync{text-align:center;padding:4px}.hub-menu>button,.hub-menu>a{all:unset;padding:10px 18px;border-radius:8px;text-align:center;cursor:pointer}.hub-menu>button:active,.hub-menu>a:active{background:#222}.name{grid-row:3;font-size:.9rem;opacity:.7;pointer-events:none}