.side-panel{align-content:start;gap:14px;min-width:0;display:grid}.meta-panel,.moves-panel{scrollbar-width:thin;align-self:center;max-height:calc(100vh - 122px);overflow:auto}.moves-panel{padding-left:clamp(12px,1.5vw,18px)}.game-console{gap:0}.round-table__box{border:1px solid var(--site-border);border-radius:var(--site-radius,10px);background:var(--site-panel,var(--site-surface));flex-direction:column;display:flex}.round-table__box .replay-console{gap:0;padding:0}.round-table__row{padding:8px 10px}.round-table__row[hidden]{display:none}.round-table__player{padding:8px 10px}.round-table__player:empty{display:none}.round-table__row:has(>.room-actions:empty){display:none}.round-table__box .replay-controls{background:var(--site-surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.round-table__box .replay-controls button{height:28px;color:var(--site-text);background:0 0;border:0;border-radius:0;font-size:13px;line-height:1}.round-table__box .replay-controls button:hover:not(:disabled),.round-table__box .replay-controls button:focus-visible{background:var(--site-panel,var(--site-surface));color:var(--site-heading)}.round-table__box .replay-controls button:disabled{opacity:.35}.round-table__box .move-list{height:auto;max-height:142px;padding:4px 6px}.replay-console{gap:10px;display:grid}.clock-slot{margin-bottom:0}.game-info,.action-status,.selection-list,.clocks{gap:6px;display:grid}.action-status{min-height:112px}.round-table__box .action-status,.round-table__box .action-notice{min-height:0}.round-table__box .action-notice{text-align:center;background:0 0;border:0;justify-items:center;padding:6px 10px}.round-table__box .action-notice a,.round-table__box .action-notice button{justify-self:center}.round-table__box .action-notice.pending{background:var(--site-warning-bg)}.round-table__box .action-notice.success{background:var(--site-accent-soft)}.round-table__box .action-notice.danger{background:#fff1ef}.action-notice{border:1px solid var(--site-border-soft);border-radius:var(--site-radius);background:var(--site-panel);min-height:112px;color:var(--site-muted);align-content:start;gap:4px;padding:10px 12px;display:grid}.action-notice strong{color:var(--site-heading);font-size:17px;line-height:1.2}.action-notice span{font-size:13px;line-height:1.4}.action-notice a,.action-notice button{border-radius:var(--site-radius-sm);color:var(--site-accent);cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:4px;padding:0;font-size:13px;font-weight:700;text-decoration:none}.action-notice a:hover,.action-notice a:focus-visible,.action-notice button:hover,.action-notice button:focus-visible{text-decoration:underline}.action-notice.pending{border-color:var(--site-warning-border);background:var(--site-warning-bg)}.action-notice.success{background:var(--site-accent-soft);border-color:#9bbdaf}.action-notice.danger{background:#fff1ef;border-color:#c79898}.game-info div,.selection-list div,.clocks div{min-height:26px;color:var(--site-muted);grid-template-columns:minmax(72px,.8fr) minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.game-info span,.selection-list span,.clocks span{font-size:13px}.game-info strong,.selection-list strong{overflow-wrap:anywhere;color:var(--site-heading);font-size:14px;font-weight:650}.game-info div{grid-template-columns:auto 1fr;gap:12px;min-height:22px}.game-info span{text-transform:uppercase;letter-spacing:.06em;color:var(--site-muted);font-size:10px;font-weight:600}.game-info strong{text-align:right;font-weight:600}.clocks strong{overflow-wrap:anywhere;color:var(--site-heading);font-weight:650}.clocks{gap:0;margin-bottom:0}.clocks div{border:1px solid var(--site-border);background:var(--site-panel);grid-template-columns:1fr;place-items:center start;width:min(62%,240px);min-height:52px;padding:10px 14px}[data-clock-top] div{border-radius:var(--site-radius,10px) var(--site-radius,10px) 0 0;border-bottom:0}[data-clock-bottom] div{border-radius:0 0 var(--site-radius,10px) var(--site-radius,10px);border-top:0}[data-clock-top]:not(:empty)+.round-table__box{border-top-left-radius:0}.round-table__box:has(+[data-clock-bottom]:not(:empty)){border-bottom-left-radius:0}.clocks div.pregame{opacity:.45}.clocks-pregame-note{color:var(--site-muted);text-align:center;margin:8px 0 0;padding:2px 0;font-size:11px}.clocks div.active{box-shadow:inset 3px 0 0 var(--site-accent);background:var(--site-accent-soft);border-color:#b6d6c8}.clocks div.pregame.active{opacity:1}.clocks div.just-activated{animation:.65s ease-out clock-flip-flash}@keyframes clock-flip-flash{0%{background:#d9f0e3;box-shadow:inset 3px 0 #1f6f5b,0 0 0 3px #1f6f5b4d}60%{background:#e6f5ed;box-shadow:inset 3px 0 #1f6f5b,0 0 0 2px #1f6f5b26}to{background:#eef7f1;box-shadow:inset 3px 0 #1f6f5b}}@media (prefers-reduced-motion:reduce){.clocks div.just-activated{animation:none}}.presence-dot{vertical-align:1px;background:#b9c3bf;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:6px;display:inline-block}.presence-dot.is-online{background:#2f9e6e;box-shadow:0 0 0 3px #2f9e6e33}.presence-dot.is-offline{background:#b9c3bf;animation:1.8s ease-in-out infinite presence-pulse}@keyframes presence-pulse{0%,to{opacity:1}50%{opacity:.4}}.draft-picker{z-index:2;background:#101612ed;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.draft-picker[hidden]{display:none}.draft-picker-inner{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.draft-picker-heading{color:#c8d4cc;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:500}.draft-picker-boards{align-items:flex-start;gap:14px;display:flex}.draft-pick-board{border-radius:var(--site-radius-sm);cursor:pointer;background:0 0;border:2px solid #c8d4cc1f;flex-direction:column;align-items:center;gap:8px;padding:8px 8px 10px;transition:border-color .12s,background .12s;display:flex}.draft-pick-board:hover{background:#c8d4cc0a;border-color:#c8d4cc59}.draft-pick-board.selected{background:#2f9e6e14;border-color:#2f9e6e}.draft-pick-board svg{border-radius:2px;display:block}.draft-pick-label{color:#7a8f83;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.draft-pick-board.selected .draft-pick-label{color:#2f9e6e}.draft-picker-waiting{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.draft-picker-waiting-board svg{opacity:.75;border-radius:2px;display:block}.draft-picker-waiting-label{color:#7a8f83;margin:0;font-size:.85rem}.game-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.game-controls .abort-countdown,.game-controls .forfeit-countdown{text-align:center;color:var(--site-muted);flex-basis:100%;font-size:12px;line-height:1.35}.game-controls button{border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:linear-gradient(to bottom, var(--site-metal-top), var(--site-metal-bottom));width:auto;min-height:28px;color:var(--site-text);cursor:pointer;font:inherit;text-align:center;padding:4px 18px;font-size:13px;display:inline-block}.game-controls button:hover:not(:disabled),.game-controls button:focus-visible{border-color:var(--site-accent);background:linear-gradient(to bottom, var(--site-metal-top-hover), var(--site-metal-bottom-hover));outline:3px solid var(--site-focus)}.game-controls button.danger{color:#7a2f2f;border-color:#c79898}.game-controls button.danger:hover:not(:disabled),.game-controls button.danger:focus-visible{border-color:#b94a4a;outline-color:#b94a4a2e}.confirm-dialog{border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-panel);color:var(--site-text);width:calc(100vw - 32px);max-width:360px;font:inherit;padding:22px 22px 18px;box-shadow:0 18px 48px #0f1e1838}.confirm-dialog::backdrop{background:#0f1e186b}.confirm-dialog-title{color:var(--site-heading);margin:0 0 8px;font-size:1.05rem;font-weight:600}.confirm-dialog-body{color:var(--site-muted);margin:0 0 18px;font-size:.92rem;line-height:1.45}.confirm-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog-actions button{border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);min-height:36px;color:var(--site-text);font:inherit;cursor:pointer;padding:6px 14px}.confirm-dialog-actions button:hover:not(:disabled),.confirm-dialog-actions button:focus-visible{border-color:var(--site-accent);outline:3px solid var(--site-focus)}.confirm-dialog-actions button.danger{color:#7a2f2f;border-color:#c79898}.confirm-dialog-actions button.danger:hover:not(:disabled),.confirm-dialog-actions button.danger:focus-visible{border-color:#b94a4a;outline-color:#b94a4a2e}.clocks strong{font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;font-size:34px;line-height:1}.clock-player-line{align-items:center;gap:7px;min-width:0;line-height:1.1;display:flex}.clock-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--site-heading);font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.clock-to-move{text-transform:uppercase;letter-spacing:.05em;color:var(--site-accent);white-space:nowrap;visibility:hidden;opacity:0;background:#1f6f5b1a;border-radius:999px;flex-shrink:0;justify-self:start;align-items:center;padding:2px 7px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.round-table__player .presence-dot{margin-right:0}.clock-player-line.active .clock-to-move{visibility:visible;opacity:1}.starts{gap:10px;display:grid}.room-actions,.room-actions-row{gap:8px;display:grid}.round-table__box .room-actions-row{justify-items:center}.round-table__box .room-actions a,.round-table__box .room-actions button{width:auto;min-width:170px;min-height:30px;padding:5px 18px;font-size:13px}.share-room{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.share-room-hint,.room-actions-note{color:var(--site-muted);margin:0;font-size:12px;line-height:1.4}.share-room-hint{grid-column:1/-1}.room-actions-note{padding:0 2px}.room-rematch{gap:6px;display:grid}.room-rematch-note{color:var(--site-muted);text-align:center;margin:0;font-size:12px;line-height:1.4}.room-rematch-buttons{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.share-room input,.share-room button{border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);min-height:38px;color:var(--site-text)}.share-room input{min-width:0;padding:8px 10px;font-size:13px}.share-room button{cursor:pointer;padding:8px 12px}.share-room input:focus,.share-room button:hover,.share-room button:focus-visible{border-color:var(--site-accent);outline:3px solid var(--site-focus)}.room-actions a,.room-actions button{border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);width:100%;min-height:38px;color:var(--site-text);cursor:pointer;font:inherit;text-align:center;padding:9px 10px;text-decoration:none;display:block}.room-actions a:hover,.room-actions a:focus-visible,.room-actions button:hover:not(:disabled),.room-actions button:focus-visible{border-color:var(--site-accent);outline:3px solid var(--site-focus)}.room-actions a.primary,.room-actions button.primary{border-color:var(--site-accent);background:var(--site-accent);color:var(--site-on-accent)}.room-actions a.primary:hover,.room-actions a.primary:focus-visible,.room-actions button.primary:hover:not(:disabled),.room-actions button.primary:focus-visible{background:var(--site-accent-strong)}.room-actions button:disabled{cursor:default;opacity:.65}.room-actions button.danger{color:#7a2f2f;border-color:#c79898}.debug-shell{max-width:1480px}.debug-page{align-self:start;gap:12px;display:grid}.debug-page[hidden]{display:none}.debug-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.debug-header h2{margin:0;font-size:16px;line-height:1.2}.debug-views,.dev-views{gap:12px;display:grid}.dev-view-card{gap:6px;display:grid}.dev-view-card>strong{font-size:13px;line-height:1.2}.dev-view-card>span{color:var(--site-muted);font-size:12px;line-height:1.2}.dev-board{grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,178px);display:grid}.dev-square{aspect-ratio:1;min-width:0;color:var(--site-text);place-items:center;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1;display:grid}.dev-square.light{background:var(--board-light)}.dev-square.dark{background:var(--board-dark);color:color-mix(in srgb, var(--site-text) 88%, white)}.dev-square.hidden{background:var(--board-fog-dark-background);background-size:var(--board-fog-size) var(--board-fog-size);color:#fff}.start-row,.start-group{gap:8px;display:grid}.start-group h3{color:var(--site-muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:1.2}.start-card,.solo-picks button{border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);width:100%;color:var(--site-text);text-align:left;cursor:pointer;gap:4px;padding:12px;display:grid}.start-card{min-height:72px}.start-card strong{font-size:17px;line-height:1.1}.solo-picks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.solo-picks button{justify-items:center;min-height:40px;padding:8px}.starts button:hover:not(:disabled){border-color:var(--site-accent)}.starts button:disabled{cursor:default;opacity:.68}.starts button.selected{border-color:var(--site-accent);box-shadow:inset 4px 0 0 var(--site-accent)}.starts button.resolved{border-color:#254d7a;box-shadow:inset 4px 0 #254d7a}.starts span{color:var(--site-muted);letter-spacing:.08em}.bid-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.bid-controls input,.bid-controls button{border:1px solid var(--site-border);border-radius:var(--site-radius-sm);background:var(--site-panel);min-height:38px;color:var(--site-text)}.bid-controls input{min-width:0;padding:8px 10px}.bid-controls button{cursor:pointer;padding:8px 12px}.bid-controls button:hover:not(:disabled){border-color:var(--site-accent)}.bid-controls button:disabled{cursor:default;opacity:.6}.info-notice{border:1px solid var(--site-border-soft);border-radius:var(--site-radius-sm);background:var(--site-panel);min-height:34px;color:var(--site-muted);grid-template-columns:none;padding:8px 10px;font-size:13px;line-height:1.35;display:block}.info-notice.pending{border-color:var(--site-warning-border);background:var(--site-warning-bg);color:var(--site-warning-text)}.info-notice.success{background:var(--site-accent-soft);color:var(--site-accent-strong);border-color:#9bbdaf}.info-notice.danger{color:#7a2f2f;background:#fff1ef;border-color:#c79898}@media (width<=980px){.meta-panel,.moves-panel{align-self:stretch;max-height:none;overflow:visible}.moves-panel{border-left:0;order:0;padding-left:0}.meta-panel{order:1}.side-panel{gap:16px}.debug-views{grid-template-columns:1fr}.dev-board{width:min(100%,260px)}}@media (width>=1180px){.debug-shell{padding-block:8px}.debug-shell .topbar{margin-bottom:6px}.debug-shell .topbar h1{font-size:28px}.debug-shell .play-grid{grid-template-columns:minmax(0,1040px) minmax(176px,210px);justify-content:center;align-items:start}.debug-shell .board-panel{grid-template-columns:minmax(0,min(60vh,540px)) minmax(250px,320px);gap:clamp(14px,2vw,24px)}.debug-shell .board-shell{max-width:min(100%,60vh,540px)}.debug-shell .side-panel{gap:12px}.debug-shell .action-status{min-height:64px}.debug-shell .panel-section{gap:8px;padding-top:10px}.debug-shell .action-notice{min-height:64px;padding:8px 10px}.debug-shell .game-info div,.debug-shell .selection-list div,.debug-shell .clocks div{min-height:22px}.debug-shell .clocks div{min-height:32px;padding:6px 8px}.debug-shell .clocks strong{font-size:18px}.debug-shell .move-list{max-height:60px}.debug-shell .replay-controls button,.debug-shell .room-actions a,.debug-shell .room-actions button,.debug-shell .share-room input,.debug-shell .share-room button{min-height:32px}.debug-shell .replay-controls button{height:32px}.debug-shell .debug-views,.debug-shell .dev-views{gap:6px}.debug-shell .dev-view-card{gap:3px}.debug-shell .dev-board{width:min(100%,150px)}.debug-shell .dev-square{font-size:11px}}
