/* 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-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[data-preparing=true]:has(.ct-table-lobby-error,.ct-table-lobby-notice) .ct-table-home{visibility:hidden}
#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(10px*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-deck{max-width:100%;font-size:calc(12px*var(--u));line-height:1.25;overflow-wrap:anywhere}
#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}
@media(max-width:360px),(max-height:360px){#commander-table .ct-table-lobby-local{gap:0}}
#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-lobby-notice{position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(80%,calc(420px*var(--u)));padding:calc(12px*var(--u));font-size:calc(14px*var(--u));--u:var(--ct-lobby-unit,1);border:1px solid var(--ct-muted);border-radius:12px;background:rgb(128 128 128 / .3);background-image:var(--ct-glass-window-light);backdrop-filter:var(--ct-glass-window-filter);-webkit-backdrop-filter:var(--ct-glass-window-filter);color:var(--ct-ink);text-align:center}
#commander-table .ct-table-lobby-notice button{display:block;margin:calc(8px*var(--u)) auto 0;min-height:calc(44px*var(--u));font-size:inherit}
#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}}

/* A readable invitation group, rather than bare labels over the life total. */
#commander-table[data-screen=tracker] .ct-table-lobby{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#commander-table[data-screen=tracker] .ct-table-invitation{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:calc(6px*var(--u));width:max-content;max-width:100%;max-height:100%;min-width:0;min-height:0;padding:calc(10px*var(--u));overflow:auto;border:1px solid #d7def052;border-top-color:#f5f8ff66;border-radius:calc(14px*var(--u));background-color:rgb(128 128 128 / .15);background-image:var(--ct-glass-light),var(--ct-glass-tint);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));text-shadow:0 1px 3px #000c}
#commander-table[data-screen=tracker] .ct-table-invitation>*{flex-shrink:0;max-width:100%;min-width:0}
#commander-table[data-screen=tracker] .ct-table-invitation .ct-table-person{min-height:calc(44px*var(--u));padding:calc(4px*var(--u));gap:calc(10px*var(--u))}
#commander-table[data-screen=tracker] .ct-table-lobby-local::before{content:none}
#commander-table[data-screen=tracker] .ct-table-lobby-local .ct-table-invitation{width:100%;flex:1 1 auto}
#commander-table[data-screen=tracker] .ct-table-lobby-local .ct-table-invitation::before{content:"";flex:1 0 0}

/* Selection stays in the tableau's reading direction and leaves a free outer
   strip for returning with an outside tap. Only the list and A–Z rail scroll. */
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker]{display:grid;grid-template-columns:minmax(0,1fr) minmax(124px,.9fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title new" "list list" "notice clear";align-content:stretch;gap:8px;padding:12px;overflow:hidden}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=profile]{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title new" "alphabet alphabet" "list list" "notice clear"}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] #ct-dialog-title{grid-area:title;align-self:center;min-width:0;min-height:0;margin:0;padding:0;font-size:20px;line-height:1.2;text-align:left}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=deck] #ct-dialog-title{grid-column:1/-1}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] :is(#ct-picker-new,#ct-picker-commander-new){grid-area:new;min-width:0;min-height:44px;height:auto;max-width:100%;margin:0;padding:6px 8px;white-space:normal;font-size:13px;line-height:1.2}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker]>.ct-profile-picker{grid-area:list;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;height:100%;margin:0;padding:2px;overflow:auto;overscroll-behavior:contain;scroll-padding:4px;box-sizing:border-box}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-picker>button{display:flex;align-items:center;flex:0 0 auto;gap:10px;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:64px;height:auto;margin:0;padding:8px 12px;text-align:left;white-space:normal;font-size:16px;line-height:1.25}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-picker>button[hidden]{display:none}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-picker>button>span:nth-child(2){display:flex;flex:1;flex-direction:column;justify-content:center;gap:3px;min-width:0;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-picker small{font-size:12px;line-height:1.25;color:var(--ct-muted)}
/* Artwork credits keep their own row and size as images enter the scroll area. */
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=commander]{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=commander] .ct-profile-picker>button[data-pick-commander]{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:4px;padding:8px 32px}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=commander] [data-pick-commander]>span{grid-area:1/1;min-width:0;max-width:100%;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=commander] [data-pick-commander]>.ct-profile-art-credit{position:static;grid-area:2/1;inset:auto;display:block;min-width:0;max-width:100%;margin:0;font-size:9px;line-height:12px;white-space:normal;overflow-wrap:anywhere;text-align:center}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-picker .ct-avatar{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;margin:0;overflow:hidden}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-picker .ct-avatar :is(img,svg){display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:cover}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-picker-notice{grid-area:notice;grid-column:1/-1;max-height:32px;min-width:0;margin:0;overflow:auto;font-size:12px;line-height:16px;color:var(--ct-muted)}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker]:has(#ct-seat-clear) .ct-picker-notice{grid-column:1}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] #ct-seat-clear{grid-area:clear;min-width:0;min-height:40px;height:auto;margin:0;padding:4px 8px;font-size:13px;line-height:1.2}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-alphabet{grid-area:alphabet;display:flex;align-items:stretch;gap:6px;min-width:0;height:44px;max-width:100%;padding:0;margin:0}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-letters{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;touch-action:pan-x;scroll-padding:2px;scrollbar-width:none}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-letters::-webkit-scrollbar{display:none}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-alphabet button{flex:none;box-sizing:border-box;min-width:44px;min-height:44px;height:44px;margin:0;padding:4px 8px;font-size:16px;line-height:1}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-alphabet button:focus-visible{outline-offset:-3px}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-alphabet>button{min-width:52px}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] :is(.ct-profile-picker>button,.ct-profile-alphabet button,#ct-picker-new,#ct-picker-commander-new,#ct-seat-clear){background-color:rgb(128 128 128 / .15);background-image:var(--ct-glass-window-light);border:1px solid #d7def052;border-radius:10px;box-shadow:var(--ct-glass-shadow);backdrop-filter:blur(3px) saturate(1.1);-webkit-backdrop-filter:blur(3px) saturate(1.1);color:var(--ct-ink)}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] [data-profile-letter][aria-pressed=true]{border-color:var(--ct-gold);color:var(--ct-gold)}
/* Position the painted circle independently of the span's retained text node. */
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-letter-gap{position:relative;display:block;flex:none;align-self:center;width:8px;min-width:8px;height:44px;color:var(--ct-muted);font-size:0;line-height:0;pointer-events:none}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker] .ct-profile-letter-gap::before{content:"";position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);display:block;width:4px;height:4px;border-radius:50%;background:currentColor}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#commander-table[data-screen=tracker] :is(.ct-table-invitation,.ct-table-lobby-notice,.ct-dialog[data-lobby-picker] button){background:#303238ee}}
@media(prefers-reduced-transparency:reduce){#commander-table[data-screen=tracker] :is(.ct-table-invitation,.ct-table-lobby-notice,.ct-dialog[data-lobby-picker] button){background:#303238;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){#commander-table[data-screen=tracker] :is(.ct-table-invitation,.ct-table-lobby-notice,.ct-dialog[data-lobby-picker] button){background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Shared online decks stay in a read-only, seat-oriented picker. */
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player]{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"title new" "list list" "notice clear" "error retry"}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player][data-lobby-picker=shared-deck]{grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-areas:"title new" "list list" "notice notice" "clear clear" "error retry"}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player][data-lobby-picker=commander] #ct-dialog-title{grid-column:1/-1}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] #ct-remote-picker-error{grid-area:error;min-width:0;max-height:64px;margin:0;overflow:auto;font-size:12px;line-height:16px;color:var(--ct-ink)}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] #ct-remote-picker-retry{grid-area:retry;min-width:0;min-height:44px;margin:0;padding:6px 8px;font-size:14px;line-height:1.2}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;flex:0 0 auto;min-width:0}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice>button{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;min-width:0;min-height:64px;width:100%;margin:0;padding:8px 12px;font-size:16px;line-height:1.25;white-space:normal;background-color:rgb(128 128 128 / .15);background-image:var(--ct-glass-window-light);border:1px solid #d7def052;border-radius:10px;box-shadow:var(--ct-glass-shadow);backdrop-filter:blur(3px) saturate(1.1);-webkit-backdrop-filter:blur(3px) saturate(1.1);color:var(--ct-ink)}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice>button>span{min-width:0;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice>[data-view-shared-deck]{justify-content:center;flex-direction:column;gap:3px;font-size:14px;max-width:96px}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] :is(#ct-shared-deck-back,#ct-shared-deck-select){min-width:0;min-height:44px;height:auto;margin:0;padding:6px 8px;font-size:14px;line-height:1.2;white-space:normal}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] #ct-shared-deck-back{grid-area:new}
#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] #ct-shared-deck-select{grid-area:clear}
#commander-table[data-screen=tracker] .ct-dialog[data-lobby-picker=shared-deck] .ct-picker-notice{grid-column:1/-1}
#commander-table[data-screen=tracker] .ct-shared-deck-content ul{margin:0;padding:0 0 0 22px;font-size:15px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
#commander-table[data-screen=tracker] .ct-shared-deck-content li{padding:4px 0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice>button{background:#303238ee}}
@media(prefers-reduced-transparency:reduce){#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice>button{background:#303238;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){#commander-table[data-screen=tracker] .ct-dialog[data-remote-player] .ct-shared-deck-choice>button{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Incoming invitations use the same pickers in the normal app overlay. The
   lists scroll independently, without changing any table or tracker sizes. */
#commander-table .ct-dialog[data-participation-step]{box-sizing:border-box;text-align:left}
#commander-table .ct-dialog[data-participation-step] button{min-height:44px;min-width:0;white-space:normal;overflow-wrap:anywhere}
#commander-table .ct-dialog[data-participation-step][data-lobby-picker]{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px;overflow:hidden;padding:16px}
#commander-table .ct-dialog[data-participation-step][data-lobby-picker]>.ct-close{position:relative;inset:auto;float:none;grid-column:2;grid-row:1;width:44px;height:44px;margin:0;padding:4px}
#commander-table .ct-dialog[data-participation-step][data-lobby-picker]>#ct-dialog-title{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:20px;line-height:1.25}
#commander-table .ct-dialog[data-participation-step] #ct-picker-commander-new,#commander-table .ct-dialog[data-participation-step]>.ct-picker-notice{grid-column:1/-1;grid-row:2;margin:0}
#commander-table .ct-dialog[data-participation-step]>.ct-profile-picker{grid-column:1/-1;grid-row:3;min-width:0;min-height:0;height:100%;margin:0;padding:2px;overflow:auto;overscroll-behavior:contain;scroll-padding:4px}
#commander-table .ct-dialog[data-participation-step] .ct-profile-picker>button{position:relative;isolation:isolate;display:flex;flex:0 0 auto;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-width:0;min-height:64px;margin:0;padding:10px 12px;line-height:1.25}
#commander-table .ct-dialog[data-participation-step=commander] .ct-profile-picker>button[data-pick-commander]{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;padding:10px 32px;text-align:center;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#commander-table .ct-dialog[data-participation-step=commander] [data-pick-commander]>span{grid-area:1/1;max-width:100%;font-size:18px;overflow-wrap:anywhere}
#commander-table .ct-dialog[data-participation-step=commander] [data-pick-commander]>svg{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px}
#commander-table .ct-dialog[data-participation-step=commander] [data-pick-commander]>.ct-profile-art-credit{position:static;grid-area:2/1;inset:auto;display:block;width:auto;max-width:100%;margin:0;font-size:9px;line-height:12px;white-space:normal;overflow-wrap:anywhere;text-align:center}
#commander-table .ct-dialog[data-participation-step][data-lobby-picker]>#ct-invitation-error{grid-column:1/-1;grid-row:4;margin:0}
#commander-table .ct-dialog[data-participation-step] #ct-invitation-decks-retry{grid-column:1/-1;grid-row:5;margin:0}
#commander-table .ct-invitation-summary{display:grid;gap:12px;clear:both}
#commander-table .ct-invitation-summary>section{position:relative;isolation:isolate;display:grid;gap:8px;min-width:0;padding:16px;border:1px solid var(--ct-line);border-radius:12px;overflow:hidden}
#commander-table .ct-invitation-summary strong{overflow-wrap:anywhere}
#commander-table .ct-invitation-summary .ct-profile-art-credit{font-size:9px;line-height:12px;order:4}
#commander-table .ct-dialog[data-participation-step=review] .ct-profile-form-actions>button{flex:1}
#commander-table .ct-dialog[data-participation-step=new-commander] input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;width:100%;min-width:0;min-height:44px;font-size:16px}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true]{display:flex;flex-direction:column;gap:8px;padding:12px;overflow:hidden}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true]>.ct-close{position:absolute;right:12px;top:12px;width:44px;margin:0}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true]>#ct-dialog-title{flex:none;min-height:44px;margin:0;padding-right:52px;font-size:18px;line-height:1.25}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true]>p{flex:none;margin:0}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true]>form{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true] .ct-text-form-body{display:block;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:8px}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true] .ct-text-form-body>label:not([hidden]){display:flex;flex-direction:column;gap:6px;margin:8px 0}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true] .ct-profile-form-actions{flex:none;flex-wrap:nowrap;gap:8px;padding-top:8px}
#commander-table .ct-dialog[data-participation-step=new-commander][data-text-entry=true] .ct-profile-form-actions>button{flex:1;font-size:14px;padding:8px}
#commander-table[data-keyboard=true] .ct-dialog[data-participation-step=new-commander] .ct-artwork-choice{display:none}
