.match-options{border:1px solid var(--color-line);text-align:left;border-radius:14px;margin:14px 0;padding:16px}.match-options legend{padding:0 6px;font-weight:800}.match-options>label{justify-content:space-between;align-items:center;gap:16px;margin:8px 0;font-weight:700;display:flex}.match-options input[type=checkbox]{accent-color:#34d399;width:22px;height:22px}.match-options p{color:var(--color-mut);margin:8px 0;font-size:12px;line-height:1.6}.match-option-numbers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.match-option-numbers label{flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.match-option-numbers input{border:1px solid var(--color-line);background:var(--color-surface2);border-radius:8px;width:100%;padding:10px;font-size:16px}.match-options:disabled{opacity:.65}.match-board{flex:1;align-items:stretch;gap:8px;min-width:0;min-height:0;display:flex}.match-board>.chess-board-view{min-width:0}.match-board.clock-left{flex-direction:row-reverse}.match-clocks{flex-direction:column;flex:0 0 74px;justify-content:center;gap:10px;padding-top:44px;display:flex}.match-clock{border:1px solid var(--color-line);background:var(--color-surface);text-align:center;border-radius:12px;flex-direction:column;gap:4px;padding:10px 5px;display:flex}.match-clock>span{font-size:11px;font-weight:700}.match-clock strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:21px}.match-clock small{color:var(--color-mut);font-size:10px}.match-clock.is-running{color:#c7ffea;background:#164c3c;border-color:#6ee7b7}.match-clock.is-flagged{color:#fda4af;border-color:#fb7185}.match-touch-note{color:#fde68a;text-align:center;min-height:20px;font-size:12px}.match-setup{max-height:calc(100dvh - 32px);overflow:auto}.match-board .chess-board-view>div.mx-auto{width:100%}@media (max-width:600px){.match-clocks{flex-basis:59px;gap:6px}.match-clock strong{font-size:17px}.match-clock{padding:8px 3px}.match-board{gap:5px}}