/* Layout sources: design/startseite, physical 1179 × 2556 at 3×.
   Grey design blocks are structural placeholders. Existing glass paints them. */
#commander-table #ct-lobby .op-game-selection .op-start-menu{display:grid;gap:18.3333px;width:min(calc(100% - 1px),720px);min-width:0;margin:auto;padding:24px 0;box-sizing:border-box;align-content:center}
/* In the source, the default menu is centred at y=410 in the 852px frame.
   Reserve the navigation independently, without translating a scroll area. */
#commander-table[data-device-view=smartphone] #ct-lobby .op-game-selection .op-start-menu{padding-top:max(0px,calc(var(--op-content-bottom,32px) - 32px));padding-bottom:0}
#commander-table #ct-lobby .op-game-selection .op-start-menu>.op-lobby-heading{margin:0;text-align:center;font-size:40px;font-weight:400;line-height:46.6667px}
#commander-table #ct-lobby .op-game-selection .op-start-menu>#ct-resume{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:auto;min-height:103.3333px;margin:0;padding:16.6667px 12px;border-radius:16px}
#commander-table #ct-lobby .op-game-selection .op-start-menu>#ct-resume>span{color:var(--ct-gold);font-size:30px;line-height:36px;font-weight:400}
#commander-table #ct-lobby .op-game-selection .op-start-menu>#ct-resume>small{font-size:20px;line-height:24px;white-space:normal;overflow-wrap:anywhere}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-favorites{display:grid;gap:9.6667px;margin:0;padding:6.3333px 17.3333px 17px;border-radius:16px;min-width:0}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-favorites>h2{margin:0;text-align:center;font-size:30px;line-height:36px;font-weight:400}
#commander-table .op-start-favorite-rows,#commander-table .op-start-category-rows{display:grid;gap:14.3333px;min-width:0}
#commander-table .op-start-favorite-rows{width:calc(100% + 4px);max-height:277.3333px;margin-inline:-2px;overflow:auto;overscroll-behavior:contain;scroll-padding:4px;padding:0}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16.6667px;margin:0;min-width:0}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-row>button{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-width:0;min-height:44px;margin:0;padding:8px 12px;font-size:20px;line-height:24px;font-weight:400;border-radius:10px;white-space:normal;overflow-wrap:anywhere}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-row>[data-format-star]{width:44px;min-width:44px;max-width:none;height:44px;min-height:44px;max-height:none;padding:4px;font-size:25px}
/* The SVG paints 40px controls; the two transparent pixels around each side
   preserve a 44px native button without changing that visible geometry. */
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-start-favorite-rows>.op-format-row{gap:12.6667px}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-row>.op-start-format-target{box-sizing:border-box;min-height:44px;padding:2px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-start-format-paint{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:40px;padding:4px 6px;border:1px solid var(--ct-line);border-radius:10px;background:rgb(128 128 128 / .15);background-image:var(--op-glass-light);box-shadow:var(--op-glass-shadow);font:inherit;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
#commander-table #ct-lobby .op-game-selection .op-start-menu [data-format-star][aria-pressed=true]>.op-start-format-paint{border-color:var(--ct-gold)}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-category{margin:0;border-radius:16px;padding:0;overflow:hidden}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-category>summary{display:flex;align-items:center;justify-content:center;position:relative;min-height:58px;padding:0 62px;box-sizing:border-box;list-style:none;cursor:pointer}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-category>summary::-webkit-details-marker{display:none}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-category>summary::after{content:none}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-category>summary>h2{margin:0;font-size:30px;font-weight:400;line-height:36px}
#commander-table .op-start-category-arrow{position:absolute;right:17.333333px;top:50%;transform:translateY(-50%);display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;border:1px solid var(--ct-line);border-radius:10px;background:rgb(128 128 128 / .15);box-shadow:var(--op-glass-shadow);pointer-events:none}
#commander-table #ct-lobby .op-game-selection .op-start-menu .op-format-category>summary>.op-start-category-arrow::before{content:none;transform:none}
#commander-table .op-start-category-arrow>svg{width:22px;height:22px;transition:transform 160ms}
#commander-table .op-format-category[open] .op-start-category-arrow>svg{transform:rotate(90deg)}
#commander-table .op-start-category-rows{padding:6px 18px 18px}
#commander-table .op-start-launch{padding:0 15.6667px 15.6805px;border-radius:33.3333px}
/* Source 1.1's taller 400px window keeps the control rows at y=318/393/468/543.
   Only the title/upper captions move; the actual fields retain their IDs. */
#commander-table .op-start-launch>#ct-dialog-title{box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;min-height:87.3196px;margin:0 30px;padding:8.8335px 0 0;text-align:center;font-size:clamp(28px,10.18vw,40px);line-height:1.2;font-weight:400;overflow-wrap:anywhere}
#commander-table .op-start-launch .op-start-launch-options{display:grid;gap:25px;text-align:left}
#commander-table .op-start-launch-top{display:grid;grid-template-columns:minmax(70px,100fr) minmax(0,216.6667fr);gap:16.6667px;align-items:start}
#commander-table .op-start-player-count{min-width:0}
#commander-table .op-start-player-count>label,#commander-table .op-start-player-count>p{display:grid;gap:0;text-align:center;margin:0;font-size:20px;line-height:20px;font-weight:400}
#commander-table .op-start-player-count>label{grid-template-rows:20px minmax(50px,auto);align-items:center}
#commander-table .op-start-player-count>label>.op-start-top-caption{position:relative;top:-6.8333px}
#commander-table .op-start-player-count>p{display:flex;align-items:center;justify-content:center;min-height:70px}
#commander-table .op-start-launch .ct-launch-options select{height:50px;min-height:50px;border-radius:14px;font-size:20px;font-weight:400;text-align:center}
#commander-table .op-start-launch-bracket{min-width:0}
#commander-table .op-start-launch-bracket .ct-bracket-control{min-width:0;max-width:none;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none}
#commander-table .op-start-launch-bracket .ct-bracket-heading{position:relative;width:max-content;max-width:100%;height:20px;min-height:20px;justify-content:center;gap:0;margin:0 auto}
#commander-table .op-start-launch-bracket .ct-bracket-heading :is(label,#ct-bracket-label){position:relative;top:-6.8333px;justify-content:center;font-size:20px;line-height:20px;font-weight:400}
#commander-table .op-start-launch-bracket #ct-commander-bracket{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;box-sizing:border-box;width:100%;min-width:0;height:50px;min-height:50px;margin:0;padding:0;border:0;background:none;box-shadow:none;font-size:20px;font-weight:400}
#commander-table .op-start-launch .op-start-bracket-choices>[role=radio]{box-sizing:border-box;display:grid;place-items:center;width:100%;min-width:0;height:50px;min-height:50px;margin:0;padding:8px;border:1px solid var(--op-glass-edge,var(--ct-line));border-radius:14px;background-color:rgb(128 128 128 / .15);background-image:var(--op-glass-light);box-shadow:var(--op-glass-shadow);backdrop-filter:blur(3px) saturate(1.1);-webkit-backdrop-filter:blur(3px) saturate(1.1);color:var(--ct-ink);font-size:20px;font-weight:400;line-height:23px}
#commander-table .op-start-launch .op-start-bracket-choices>[aria-checked=true]{background-color:#E5C84A;border-color:#E5C84A;color:#11142B}
/* The full 44px help target ends above the choices; its visible circle aligns with the caption. */
#commander-table .op-start-launch .ct-bracket-heading>#ct-bracket-info{position:absolute;left:100%;top:-24px;isolation:isolate;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;background:none;box-shadow:none;font-size:15px;line-height:1}
#commander-table .op-start-launch .ct-bracket-heading>#ct-bracket-info::before{content:"";position:absolute;left:10px;top:15.1667px;width:24px;height:24px;box-sizing:border-box;border:1px solid var(--ct-line);border-radius:50%;background:rgb(128 128 128 / .15);box-shadow:var(--op-glass-shadow);pointer-events:none;z-index:0}
#commander-table .op-start-launch .ct-bracket-heading>#ct-bracket-info>span{position:relative;top:5.1667px;z-index:1;pointer-events:none}
#commander-table .op-start-launch-variant>label,#commander-table .op-start-launch-mode>label{position:relative;display:block;min-width:0;height:50px}
#commander-table .op-start-launch .op-start-select-caption{position:absolute;top:4px;left:12px;right:28px;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:14px;font-weight:400;pointer-events:none}
#commander-table .op-start-launch :is(.op-start-launch-variant,.op-start-launch-mode) select{width:100%;min-width:0;height:50px;min-height:50px;padding:17px 12px 1px;font-size:17px;line-height:20px}
#commander-table .op-start-launch #ct-launch-error:empty{display:none}
#commander-table .op-start-launch .op-start-launch-actions{gap:16.6667px;margin-top:25px}
#commander-table .op-start-launch .op-start-launch-actions>button{min-height:50px;padding:1px 8px;border-radius:14px;font-size:20px;line-height:23px;font-weight:400;white-space:normal;color:var(--ct-ink)}
/* Revision 4 uses a 350 × 60 capsule with upper and lower central lobes.
   The wrapper includes the lower lobe; source slots do not scale their glyphs. */
/* Manuel explicitly chose the exact SVG bottom anchor, including the home
   gesture region. Other controls, windows and tracker insets stay independent. */
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]):has(.op-start-nav-items){--op-start-nav-edge-gap:11.842058px;--op-start-nav-bottom:var(--op-start-nav-edge-gap);--op-nav-height:73.694333px;--op-nav-lower:0px;--op-content-bottom:calc(89.694333px + var(--op-start-nav-bottom))}
#commander-table[data-device-view=smartphone][data-keyboard=true]:not([data-screen=tracker]):has(.op-start-nav-items){--op-content-bottom:0px}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav:has(.op-start-nav-items){--op-start-nav-bulge:41.666667px;bottom:var(--op-start-nav-bottom);height:var(--op-nav-height);justify-content:flex-start;padding:4px max(21.5px,env(safe-area-inset-right,0px)) 0 max(21.5px,env(safe-area-inset-left,0px))}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]):has(.op-start-nav-items) .ct-nav-items.op-start-nav-items{flex:none;min-height:0;height:60px;padding:0 clamp(0px,calc((100vw - 349.666667px)/4),10.833333px);border-radius:30px;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) clamp(70px,calc(100vw - 291.333333px),101.666667px) minmax(0,1fr) minmax(0,1fr);grid-template-rows:60px}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker])[data-viewport-editing=true] .ct-app-nav:has(.op-start-nav-items){top:calc(var(--op-shell-height) - var(--op-nav-height) - var(--op-start-nav-bottom));bottom:auto}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button:not(#ct-nav-play){--op-nav-icon-top:7.861437px;--op-nav-label-top:41.194732px;display:block;isolation:isolate;height:60px;min-height:60px;font-size:12px;font-weight:400;line-height:8.944444px;padding:0}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button#ct-news{--op-nav-icon-top:5.889208px;--op-nav-label-top:39.222503px}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button:not(#ct-nav-play)>svg{position:absolute;left:50%;top:var(--op-nav-icon-top);transform:translateX(-50%);box-sizing:border-box;width:38.333333px;height:38.333333px;padding:0;margin:0;border:0;border-radius:0;overflow:visible;background:none!important;box-shadow:none}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button:not(#ct-nav-play)[aria-current=page]>svg{padding:0;margin:0;border-radius:0;overflow:visible}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button:not(#ct-nav-play)[aria-current=page]::before{content:"";position:absolute;top:var(--op-nav-icon-top);left:50%;transform:translateX(-50%);width:38.333333px;height:38.333333px;border-radius:50%;background:var(--orb-active,#e5c84a2e);pointer-events:none;z-index:-1}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button:not(#ct-nav-play)>span:not(.op-nav-badge){position:absolute;left:50%;top:var(--op-nav-label-top);transform:translateX(-50%);display:block;box-sizing:border-box;width:38.333333px;height:8.944444px;padding:0;margin:0;border:0;overflow:visible;text-align:center;white-space:nowrap}
/* Mobile source paths retain the supplied per-shape line widths/transforms.
   Desktop keeps its existing independent 1.8px icon weight and fitted size. */
#commander-table[data-device-view=tablet-pc] .ct-app-nav .op-start-nav-items button>svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-width:1.8px;vector-effect:non-scaling-stroke}
#commander-table .ct-app-nav .op-start-nav-items #ct-nav-play>svg[data-op-nav-source] path{fill:var(--ct-play-card-fill,var(--ct-play-surface))}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items #ct-nav-play{width:70px;height:70px;min-height:70px;transform:translateY(-7.461989px);font-size:12px;font-weight:400;gap:0;padding:0;overflow:visible}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items #ct-nav-play svg{width:70px;height:70px;padding:0;margin:0;border:0;overflow:visible}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items #ct-nav-play>span:not(.op-nav-badge){position:absolute;left:50%;top:calc(50% + 13.666667px);transform:translateX(-50%);box-sizing:border-box;width:70px;height:11.666667px;padding:0;margin:0;border:0;font-size:12px;line-height:11.666667px;white-space:nowrap;text-align:center}
#commander-table .ct-app-nav .op-start-nav-label>svg{display:none}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-label>.op-start-nav-label-text{display:none}
#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items button>.op-start-nav-label>svg,#commander-table[data-device-view=smartphone]:not([data-screen=tracker]) .ct-app-nav .op-start-nav-items #ct-nav-play>.op-start-nav-label>svg{display:block;position:static;box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;border:0;transform:none;overflow:visible;fill:currentColor;stroke:none}
/* The preparation stays on the existing tableau, in each seat's reading
   direction. Only the invitation card changes; the board dimensions do not. */
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"profile" "loadout" "participation";align-content:center;align-items:stretch;justify-content:stretch;gap:calc(10px*var(--u));box-sizing:border-box;width:100%;min-height:0;height:auto;max-height:100%;padding:calc(12px*var(--u));border-radius:calc(24px*var(--u));overflow:auto}
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat::before{content:none}
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-has-ready{grid-template-columns:minmax(0,1fr) calc(66px*var(--u));grid-template-areas:"profile ready" "loadout ready" "participation participation"}
#commander-table[data-screen=tracker] .ct-table-lobby:has(>.op-start-seat-local){overflow:visible}
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-local{grid-template-columns:minmax(0,1fr) clamp(calc(44px*var(--u)),22%,calc(66px*var(--u)));grid-template-rows:calc(44px*var(--u)) minmax(0,1fr);grid-template-areas:"profile ready" "loadout ready";height:100%;gap:calc(6px*var(--u));padding:calc(8px*var(--u));overflow:hidden;align-content:stretch}
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-local:not(.op-start-seat-has-loadout){grid-template-rows:minmax(0,1fr);grid-template-areas:"profile ready"}
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-local.op-start-seat-has-participation{grid-template-rows:calc(44px*var(--u)) minmax(0,1fr) minmax(0,calc(24px*var(--u)));grid-template-areas:"profile ready" "loadout ready" "participation participation"}
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-local:not(.op-start-seat-has-loadout).op-start-seat-has-participation{grid-template-rows:minmax(0,1fr) minmax(0,calc(24px*var(--u)));grid-template-areas:"profile ready" "participation participation"}
#commander-table .op-start-seat-profile{grid-area:profile;min-width:0}
#commander-table .op-start-seat-loadout{grid-area:loadout;min-width:0}
#commander-table .op-start-seat-participation{grid-area:participation;display:grid;gap:calc(8px*var(--u));min-width:0}
#commander-table .op-start-seat-ready{grid-area:ready;display:flex;align-items:stretch;min-width:0}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-person{display:grid;grid-template-columns:calc(44px*var(--u)) minmax(0,1fr) calc(18px*var(--u));align-items:center;justify-content:stretch;gap:calc(8px*var(--u));width:100%;min-height:calc(48px*var(--u));padding:0;border:0;background:none;box-shadow:none}
#commander-table .op-start-seat .ct-table-identity{display:contents}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-person .ct-avatar{width:calc(44px*var(--u));height:calc(44px*var(--u));margin:0;padding:0;overflow:hidden;border-radius:calc(12px*var(--u))}
#commander-table .op-start-seat .ct-table-person strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:calc(17px*var(--u));font-weight:500;text-align:center}
#commander-table .op-start-seat .ct-table-person small{display:grid;place-items:center;min-width:0;min-height:calc(32px*var(--u));padding:0;border:0;background:none;font-size:0}
#commander-table .op-start-seat .ct-table-person small::after{content:"›";font-size:calc(24px*var(--u));line-height:1;color:var(--ct-ink)}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-loadout{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(6px*var(--u));width:100%}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-loadout>button{justify-content:space-between;width:100%;min-height:calc(48px*var(--u));height:auto;padding:calc(9px*var(--u)) calc(12px*var(--u));border-radius:calc(14px*var(--u));font-size:calc(16px*var(--u))}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-loadout>button>span{white-space:normal;text-align:center;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-loadout>button svg{display:block;width:calc(18px*var(--u));height:calc(18px*var(--u));flex:none}
#commander-table[data-screen=tracker] .op-start-seat .ct-table-loadout>button[data-setup-card]::after{content:"›";font-size:calc(22px*var(--u));line-height:1}
#commander-table[data-screen=tracker] .op-start-seat [data-table-ready]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-width:0;min-height:calc(86px*var(--u));margin:0;padding:calc(8px*var(--u));border-radius:calc(14px*var(--u));font-size:calc(16px*var(--u));white-space:nowrap;overflow-wrap:normal}
#commander-table[data-screen=tracker] .op-start-seat-local :is(.op-start-seat-profile,.op-start-seat-loadout,.op-start-seat-ready){min-height:0;max-height:100%}
#commander-table[data-screen=tracker] .op-start-seat-local :is(.op-start-seat-profile,.op-start-seat-loadout){display:grid;grid-template-rows:minmax(0,1fr)}
#commander-table[data-screen=tracker] .op-start-seat-local .ct-table-person{height:auto;min-height:0;grid-template-columns:calc(40px*var(--u)) minmax(0,1fr) calc(12px*var(--u));gap:calc(4px*var(--u))}
#commander-table[data-screen=tracker] .op-start-seat-local .ct-table-person .ct-avatar{width:calc(40px*var(--u));height:calc(40px*var(--u))}
#commander-table[data-screen=tracker] .op-start-seat-local .ct-table-loadout{height:auto;min-height:0;grid-template-rows:repeat(auto-fit,minmax(calc(44px*var(--u)),1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:calc(4px*var(--u))}
#commander-table[data-screen=tracker] .op-start-seat-local .ct-table-loadout>button{height:auto;min-height:calc(44px*var(--u));padding:calc(3px*var(--u)) calc(8px*var(--u));line-height:1.125}
#commander-table[data-screen=tracker] .op-start-seat-local .ct-table-loadout>button>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal}
#commander-table[data-screen=tracker] .op-start-seat-local [data-table-ready]{min-height:calc(44px*var(--u));padding:calc(4px*var(--u));font-size:calc(14px*var(--u))}
#commander-table[data-screen=tracker] .op-start-seat-local .op-start-seat-participation{min-height:0;overflow:auto;overscroll-behavior:contain}
/* Source 1.2 is 233⅓ × 100 in the seat's reading direction. Its slight
   downward offset recedes when the smaller seat has no room for it. */
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-empty{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;width:min(calc(233.3333px*var(--u)),100%);height:min(calc(100px*var(--u)),100%);max-width:100%;padding:0;border:0;border-radius:calc(30px*var(--u));background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;top:clamp(0px,calc((100% - 100px*var(--u))/2),calc(11.3333px*var(--u)))}
#commander-table[data-screen=tracker] .op-start-seat-empty>button.ct-table-invite{box-sizing:border-box;min-width:0;min-height:calc(44px*var(--u));width:100%;height:100%;padding:calc(14px*var(--u)) calc(16px*var(--u));border-radius:calc(30px*var(--u));font-size:calc(20px*var(--u));background-color:rgb(128 128 128 / .15);background-image:var(--ct-glass-window-light);border-color:#d7def052;box-shadow:var(--ct-glass-shadow);backdrop-filter:var(--ct-glass-window-filter,var(--ct-glass-filter));-webkit-backdrop-filter:var(--ct-glass-window-filter,var(--ct-glass-filter))}
/* Source 1.4 has a compact invitation instead of stretching over the whole
   seat. Extra accepted-card information remains reachable in this surface. */
#commander-table[data-screen=tracker] .ct-table-invitation.op-start-seat-invitation{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(16.6667px*var(--u));width:min(calc(266.6667px*var(--u)),100%);height:min(calc(166.6667px*var(--u)),100%);padding:calc(16.6667px*var(--u) - 1px);border-radius:calc(40px*var(--u));overflow:auto;overscroll-behavior:contain;scroll-padding:calc(8px*var(--u))}
#commander-table .op-start-seat-invitation>.op-start-seat-profile,#commander-table .op-start-seat-invitation>.op-start-seat-participation{flex:none}
#commander-table[data-screen=tracker] .op-start-seat-invitation .ct-table-person{position:relative;grid-template-columns:clamp(calc(44px*var(--u)),calc(100% - 150px*var(--u)),calc(66.6667px*var(--u))) minmax(0,1fr);gap:0;height:calc(66.6667px*var(--u));min-height:calc(66.6667px*var(--u));max-height:calc(66.6667px*var(--u))}
#commander-table[data-screen=tracker] .op-start-seat-invitation .ct-table-person .ct-avatar{width:100%;height:auto;aspect-ratio:1;max-width:calc(66.6667px*var(--u));border-radius:calc(14px*var(--u))}
#commander-table .op-start-seat-invitation .ct-table-person strong{max-height:calc(66.6667px*var(--u));padding:0 calc(20px*var(--u)) 0 calc(8px*var(--u));font-size:calc(20px*var(--u));white-space:normal;overflow:auto;text-overflow:clip;overflow-wrap:anywhere;scrollbar-width:thin;overscroll-behavior:contain}
#commander-table .op-start-seat-invitation .ct-table-person small{position:absolute;right:0;top:0;bottom:0;width:calc(16.6667px*var(--u));min-height:0}
#commander-table .op-start-seat-invitation .op-start-seat-participation{gap:calc(6px*var(--u))}
#commander-table .op-start-seat-invitation .op-start-seat-participation>button{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:calc(2px*var(--u));min-height:calc(50px*var(--u));width:100%;padding:calc(4px*var(--u)) calc(8px*var(--u));font-size:calc(16px*var(--u));line-height:calc(20px*var(--u))}
#commander-table .op-start-seat-invitation .op-start-invitation-action>.ct-lobby-status{display:block;width:100%;margin:0;font-size:calc(11px*var(--u));line-height:calc(14px*var(--u));white-space:normal;overflow-wrap:anywhere}
#commander-table .op-start-seat-invitation .op-start-invitation-label,#commander-table .op-start-seat-invitation .ct-table-commander,#commander-table .op-start-seat-invitation .ct-table-deck{display:block;width:100%;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
@container(max-aspect-ratio:1.5){#commander-table .op-start-seat-invitation .ct-table-person strong{padding-left:calc(4px*var(--u));padding-right:calc(16px*var(--u));font-size:calc(14px*var(--u))}}
/* Both pickers use the same two-column list, with the available letters in a
   separate, independently scrolling rail. Long names remain within their row. */
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) minmax(124px,.65fr) 44px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"title new alphabet" "list list alphabet";align-content:stretch;gap:10px;padding:16px;border-radius:24px;overflow:hidden}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]:has(>.op-start-picker-footer:not(:empty)){grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title new alphabet" "list list alphabet" "footer footer footer"}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]:not(:has(.ct-profile-alphabet)){grid-template-columns:minmax(0,1fr) minmax(124px,.65fr);grid-template-areas:"title new" "list list"}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]:not(:has(.ct-profile-alphabet)):has(>.op-start-picker-footer:not(:empty)){grid-template-areas:"title new" "list list" "footer footer"}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] #ct-dialog-title{grid-area:title;grid-column:1;grid-row:1;min-width:0;margin:0;font-size:22px;line-height:1.2}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] :is(#ct-picker-new,#ct-picker-commander-new){grid-area:new;min-width:0;min-height:44px;margin:0;padding:8px;font-size:14px;line-height:1.25;border-radius:12px}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]>.ct-profile-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:12px;align-content:start;overflow:auto;padding:2px;min-width:0;min-height:0;height:100%;max-height:none;margin:0;box-sizing:border-box}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-picker>button{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;min-width:0;width:100%;min-height:64px;margin:0;padding:10px 12px;border-radius:14px;white-space:normal;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-picker>button[hidden]{display:none}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-picker>button>.ct-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;border-radius:10px;overflow:hidden}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-picker>button>span{min-width:0;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-alphabet{grid-area:alphabet;display:grid;grid-template-rows:subgrid;align-items:stretch;justify-content:stretch;align-self:stretch;gap:10px;min-width:0;min-height:0;height:100%;max-height:100%;margin:0;padding:0;overflow:hidden}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-alphabet>button{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border-radius:50%;font-size:14px}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-letters{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;min-height:0;max-height:none;height:100%;overflow-x:hidden;overflow-y:auto;border-radius:20px;overscroll-behavior:contain;touch-action:pan-y;gap:4px;padding:2px 0;scroll-padding:4px;box-sizing:border-box}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]>.op-start-picker-footer{grid-area:footer;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;min-height:0}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]>.op-start-picker-footer:empty{display:none}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]>.op-start-picker-footer>:is(.ct-picker-notice,#ct-invitation-error){flex:1;min-width:0;max-height:32px;margin:0;overflow:auto;font-size:12px;line-height:16px}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]>.op-start-picker-footer>:is(#ct-seat-clear,#ct-invitation-decks-retry){flex:none;min-width:0;min-height:44px;margin:0;padding:8px;font-size:14px;line-height:1.25}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-letters>button{flex:none;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;font-size:16px}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker] .ct-profile-letter-gap{flex:none;line-height:12px;font-size:14px}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker=commander] .ct-profile-picker>button[data-pick-commander]{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;padding:10px 22px;font-size:17px;text-align:center;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker=commander] [data-pick-commander]>span{grid-area:1/1;font-size:17px}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker=commander] [data-pick-commander]>.ct-profile-art-credit{grid-area:2/1;display:block;position:static;max-width:100%;margin:0;font-size:9px;line-height:12px;overflow-wrap:anywhere;white-space:normal;text-align:center}
#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker=commander] [data-pick-commander]>svg{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:16px;height:16px}
@container(max-width:360px){#commander-table[data-screen=tracker] .ct-dialog.op-start-picker[data-lobby-picker]>.ct-profile-picker{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){#commander-table #ct-lobby .op-game-selection .op-start-menu>.op-lobby-heading{font-size:29px}#commander-table .op-start-launch-top{gap:10px}#commander-table .op-start-launch .op-start-launch-actions{gap:10px}#commander-table .op-start-launch .op-start-launch-actions>button{font-size:15px}#commander-table[data-device-view=smartphone] .ct-app-nav .op-start-nav-items #ct-nav-play{width:64px;height:64px;min-height:64px;transform:translateY(-4.461989px)}}
@media(max-height:560px){#commander-table #ct-lobby .op-game-selection .op-start-menu{padding-block:12px;gap:12px}#commander-table .op-start-launch .op-start-launch-options{gap:12px}#commander-table .op-start-launch .op-start-launch-actions{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#commander-table .op-start-category-arrow>svg{transition:none}}
@media(forced-colors:active){#commander-table .op-start-category-arrow{background:Canvas;border-color:ButtonText;box-shadow:none}}
@media(forced-colors:active){#commander-table .op-start-launch .op-start-bracket-choices>[role=radio]{background:Canvas;border-color:ButtonText;color:ButtonText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}#commander-table .op-start-launch .op-start-bracket-choices>[aria-checked=true]{background:Highlight;border-color:Highlight;color:HighlightText}}