/* The board is scaled to fit each device; keep lobby text and taps in screen pixels. */
/* Preparation uses the confirmed table geometry and the tracker glass material. */
#commander-table #ct-lobby .op-game-selection .op-format-row{grid-template-columns:minmax(0,1fr) 36px}
#commander-table .ct-launch-options{display:grid;gap:12px;text-align:left}
#commander-table .ct-launch-options label{display:grid;gap:6px}
#commander-table .ct-launch-options select{width:100%;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--ct-line);border-radius:10px;background:var(--ct-button);color:var(--ct-ink)}
#commander-table .ct-launch-options .ct-bracket-control{min-width:0;width:100%;max-width:none}
#commander-table .ct-launch-options .ct-bracket-heading label{display:flex}
#commander-table #ct-launch-bracket-guide{margin-top:12px}
#commander-table #ct-launch-bracket-guide img{display:block;width:100%;height:auto;border-radius:10px}
#commander-table #ct-launch-bracket-guide a{display:inline-block;margin-top:8px;color:var(--ct-gold)}
#commander-table .ct-launch-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#commander-table .ct-launch-actions button{min-height:48px;min-width:0;margin:0}
#commander-table .ct-tracker-navigation>.ct-table-home{display:none}
#commander-table[data-screen=tracker][data-preparing=true] .ct-tracker-navigation{pointer-events:none}
#commander-table[data-preparing=true] .ct-tracker-navigation>.ct-bar{display:none}
#commander-table[data-preparing=true] .ct-tracker-navigation>.ct-table-home{display:flex;align-items:center;justify-content:center;position:absolute;transform:translate(-50%,-50%) rotate(var(--table-home-angle,0deg));box-sizing:border-box;width:52px;height:52px;min-height:52px;margin:0;padding:10px;border:1px solid var(--ct-muted);border-radius:50%;background:var(--ct-panel);color:var(--ct-ink);pointer-events:auto;touch-action:manipulation}
#commander-table .ct-tracker-navigation>.ct-table-home svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;flex:none;width:30px;height:30px;margin:0;padding:0}
#commander-table .ct-table-lobby{position:absolute;inset:0;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:calc(6px*var(--u));padding:calc(20px*var(--u)) calc(10px*var(--u)) calc(8px*var(--u));overflow:auto;border:1px solid rgba(223,231,255,.3);border-radius:inherit;background:var(--ct-glass-light),var(--ct-glass-tint);backdrop-filter:var(--ct-glass-filter);-webkit-backdrop-filter:var(--ct-glass-filter);box-shadow:var(--ct-glass-shadow);text-align:center;color:var(--ct-ink);touch-action:pan-y;--u:var(--ct-lobby-unit,1)}
#commander-table .ct-table-lobby>*{flex-shrink:0;max-width:100%;min-width:0}
#commander-table .ct-table-lobby button{min-height:calc(40px*var(--u));max-width:100%;margin:0;padding:calc(6px*var(--u)) calc(10px*var(--u));font-size:calc(14px*var(--u));line-height:1.25;white-space:normal;overflow-wrap:anywhere}
#commander-table .ct-table-lobby button.ct-table-invite{min-height:calc(48px*var(--u));padding:calc(10px*var(--u)) calc(16px*var(--u));font-size:calc(20px*var(--u));font-weight:650;color:var(--ct-gold)}
#commander-table .ct-table-lobby button.ct-table-person{display:flex;align-items:center;justify-content:center;gap:calc(10px*var(--u));width:auto;max-width:100%;background:transparent;border-color:transparent;padding:0 calc(8px*var(--u))}
#commander-table .ct-table-identity{display:flex;align-items:center;justify-self:center;gap:calc(8px*var(--u));min-width:0;max-width:100%}
#commander-table .ct-table-person small{flex:none;display:flex;align-items:center;min-height:calc(30px*var(--u));padding:calc(4px*var(--u)) calc(8px*var(--u));border:1px solid #0009;border-radius:calc(6px*var(--u));background:#0000000d}
#commander-table .ct-table-person .ct-avatar{display:flex;flex-shrink:0;width:calc(28px*var(--u));height:calc(28px*var(--u));min-width:0;margin:0}
#commander-table .ct-table-person strong,#commander-table .ct-table-commander{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#commander-table .ct-table-person small,#commander-table .ct-lobby-seat-label{font-size:12px;color:var(--ct-muted)}
#commander-table .ct-table-lobby p{margin:0;line-height:1.25;font-size:14px}
#commander-table .ct-table-lobby-local::before{content:"";flex:1 0 0}
#commander-table .ct-table-lobby{container-type:size}
#commander-table .ct-table-lobby-local{padding-top:calc(4px*var(--u));padding-bottom:calc(20px*var(--u))}
@media(max-width:360px),(max-height:360px){#commander-table .ct-table-lobby-local{gap:0;padding-bottom:calc(12px*var(--u))}}
#commander-table .ct-table-ready-area{display:flex;align-items:center;justify-content:center;width:100%;flex:1 0 calc(48px*var(--u));min-height:calc(48px*var(--u))}
#commander-table .ct-table-lobby button[data-table-ready]{display:flex;align-items:center;justify-content:center;gap:calc(8px*var(--u));min-height:calc(48px*var(--u));min-width:calc(144px*var(--u));padding:calc(10px*var(--u)) calc(24px*var(--u));font-size:calc(17px*var(--u));font-weight:650;background:#444955;border:1px solid #8c919d;color:#f1f2fa;transition:background-color 160ms,border-color 160ms,color 160ms}
#commander-table .ct-table-lobby button[data-table-ready][aria-pressed=true]{background:var(--ct-gold);border-color:var(--ct-gold);color:#171b29}
@media(prefers-reduced-motion:reduce){#commander-table .ct-table-lobby [data-table-ready]{transition:none}}
#commander-table .ct-table-lobby-error{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80%,420px);padding:12px;border:1px solid var(--ct-accent);border-radius:12px;background:#17213e;color:var(--ct-ink);text-align:center}
#commander-table .ct-table-lobby-error button{display:block;margin:8px auto 0}
#commander-table .ct-table-person small,#commander-table .ct-lobby-seat-label{font-size:calc(11px*var(--u))}
#commander-table .ct-lobby-seat-label{position:absolute;left:calc(10px*var(--u));bottom:calc(4px*var(--u));line-height:1.2}
#commander-table .ct-table-lobby p,#commander-table .ct-table-commander{font-size:calc(13px*var(--u));line-height:1.2}
#commander-table .ct-table-loadout{display:flex;align-items:stretch;justify-content:center;gap:calc(6px*var(--u));width:100%}
#commander-table .ct-table-lobby .ct-table-loadout>button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;max-width:100%;min-height:clamp(calc(44px*var(--u)),24cqh,calc(60px*var(--u)));font-size:calc(16px*var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#commander-table .ct-table-loadout>button svg{display:none}
#commander-table .ct-table-loadout>button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#commander-table .ct-table-lobby{background:rgba(17,26,54,.96)}}
@media (prefers-reduced-transparency:reduce){#commander-table .ct-table-lobby{background:#111a36;backdrop-filter:none;-webkit-backdrop-filter:none}}