/* Creation stays within the table's pixel typography and local palette. */
#create-table-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line);border-radius:3px;background:var(--surface);overflow:hidden;color:var(--ink)}
#create-table-dialog[open]{display:flex;flex-direction:column}
#create-table-dialog::backdrop{background:#120d0dcc;backdrop-filter:none}
#create-table-content{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 50px);width:100%;font:13px/1.5 var(--font-ui)}
.table-create-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;padding:20px 24px;border-bottom:1px solid var(--line)}
.table-create-heading .eyebrow{display:block;font-size:10px;letter-spacing:2px;margin:0 0 6px}
.table-create-heading h2{margin:0;font:400 26px/1.3 var(--font-ui);color:var(--ink)}
.table-create-heading .table-create-close{flex:none;width:36px;height:36px;border:1px solid var(--line);border-radius:0;font:24px/1 var(--font-ui);color:var(--muted);background:transparent}
.table-create-close:hover:not(:disabled){color:var(--ink);background:var(--paper)}
.table-create-form{display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden}
.table-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:24px;min-height:0;overflow:auto;scrollbar-width:thin}
.table-create-form fieldset{min-width:0;border:0;padding:0;margin:0}
.table-create-form legend{display:block;padding:0;margin:0 0 12px;font-size:12px;color:var(--muted)}
.table-create-format-list{display:grid;gap:12px}
.table-create-format{position:relative;display:flex;align-items:center;gap:12px;min-height:104px;padding:16px 12px;border:1px solid var(--line);background:var(--paper);cursor:pointer}
.table-create-format:hover:has(input:not(:disabled)){border-color:var(--muted)}
.table-create-format.is-selected{border-color:var(--gold);background:var(--green-light)}
.table-create-format>input,.table-create-player>input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;pointer-events:none}
.table-create-format:has(input:focus-visible),.table-create-player:has(input:focus-visible),.table-create-toggle:has(input:focus-visible){outline:1px solid var(--ink);outline-offset:4px}
.table-create-format:has(input:disabled),.table-create-toggle:has(input:disabled){opacity:.55;cursor:default}
.table-create-format-mark{display:grid;flex:none;grid-template-columns:repeat(2,12px);gap:4px;width:28px;height:28px;transform:rotate(-45deg);margin:4px}
.table-create-format-mark i{display:block;background:var(--gold);box-shadow:inset 0 0 0 3px var(--paper)}
.table-create-format-mark.is-solo i:nth-child(2),.table-create-format-mark.is-solo i:nth-child(3){opacity:.18}
.table-create-format-mark.is-trio i:last-child{grid-column:1 / -1;justify-self:center;width:12px}
.table-create-format-copy{display:grid;gap:8px;min-width:0}
.table-create-format-copy strong{font-size:14px;font-weight:400;line-height:1.4}
.table-create-format-copy small{font-size:10px;line-height:1.6;color:var(--muted)}
.table-create-selected{align-self:start;margin-left:auto;visibility:hidden;font-size:13px;color:var(--gold)}
.table-create-format.is-selected .table-create-selected{visibility:visible}
.table-create-deck-field{margin-top:16px}
.table-create-deck{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
.table-create-options{display:grid;align-content:start;gap:16px;min-width:0}
.table-create-player-options{display:flex;gap:8px}
.table-create-player{position:relative;flex:1;cursor:pointer}
.table-create-player>span{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);background:var(--paper);font-size:18px}
.table-create-player:has(input:checked)>span{border-color:var(--gold);background:var(--green-light);color:var(--ink)}
.table-create-player:hover:has(input:not(:disabled))>span{border-color:var(--muted)}
.table-create-player:has(input:disabled){opacity:.4;cursor:default}
.table-create-form .table-create-mode-note{margin:8px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}
.table-create-field{display:grid;gap:8px;min-width:0}
.table-create-field>label{font-size:12px;color:var(--muted)}
.table-create-field>label small{font-size:10px}
.table-create-field>input,.table-create-field>select{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:40px;padding:9px 10px;margin:0;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:12px/1.5 var(--font-ui)}
.table-create-field>input::placeholder{color:var(--muted);opacity:1}
.table-create-toggles{display:grid;gap:4px;padding-top:4px}
.table-create-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:4px 0;cursor:pointer;font-size:12px}
.table-create-toggle-copy{display:grid;gap:4px;min-width:0}
.table-create-toggle-copy>small{font-size:10px;line-height:1.5;color:var(--muted)}
.table-create-toggle>input:checked+.table-create-toggle>input:checked+.table-create-error{flex:none;margin:0;padding:0 24px 16px;font-size:12px;line-height:1.6;color:var(--danger);overflow-wrap:anywhere}
.table-create-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex:none;margin:0;padding:16px 24px;border-top:1px solid var(--line);background:var(--surface)}
.table-create-footer .button{min-height:42px;padding:10px 20px;font:12px/1.5 var(--font-ui)}
.lobby-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto}
.lobby-create-actions>.button{min-height:40px;padding:9px 16px;font-size:12px}
@media(max-width:700px){#create-table-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}#create-table-content{max-height:calc(100dvh - 34px)}.table-create-grid{gap:20px;padding:20px}.table-create-heading{padding:16px 20px}.table-create-heading h2{font-size:22px}.table-create-format{gap:8px;padding:12px 8px}.table-create-format-mark{display:none}.table-create-format-copy strong{font-size:12px}.table-create-footer{padding:16px 20px}}
@media(max-width:480px){.table-create-grid{grid-template-columns:minmax(0,1fr)}.table-create-format{min-height:76px}.table-create-format-mark{display:grid}.table-create-footer .button{padding:10px 12px}.lobby-create-actions{flex-wrap:wrap}}
.table-create-format-mark.is-six{grid-template-columns:repeat(2,12px);grid-template-rows:repeat(3,8px)}