.mode-section{border:0;margin:18px 0;padding:0;min-width:0}.mode-section legend{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:9px;letter-spacing:.04em}.opponent-choices,.speed-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:12px 10px;border:1px solid var(--line);border-radius:9px;background:#f9f9f3;cursor:pointer}.mode-option:has(input:checked){border-color:var(--teal);background:var(--tealbg);box-shadow:inset 0 0 0 1px var(--teal)}.mode-option:has(input:disabled){cursor:default}.mode-option:has(input:focus-visible){outline:3px solid #ba832c;outline-offset:3px}.mode-option input{accent-color:var(--teal);margin:4px 0 0;flex-shrink:0}.mode-option b{font-size:13px;display:block}.mode-option small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:3px}.mode-option>span{min-width:0}.lobbycard>p{margin-bottom:12px}.lobbycard .timing-entry{margin:16px 0 12px}.mode-description{font-size:11px!important;color:var(--muted);margin:12px 0 0!important}.timing-modal .mode-section{padding:12px}.timing-modal .speed-choices{grid-template-columns:repeat(4,1fr)}.timing-modal .mode-option{padding:10px 8px}.timing-modal .mode-option small{font-size:9px}.custom-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--tealbg);padding:10px;border-radius:9px}.custom-tools>span{font-size:11px;margin-right:auto}.custom-tools button{font-size:11px;padding:6px 10px}.timing-actions .primary{width:100%}.onlinebar #peer{margin-left:auto;white-space:nowrap}.lobbycard #createRoom{min-height:46px}.lobbycard #timingSummary{line-height:1.6}
@media(max-width:820px),(pointer:coarse) and (max-height:600px),(max-width:950px) and (max-height:500px){.mode-option{min-height:62px;padding:10px;gap:7px}.mode-option b{font-size:12px}.mode-option small{font-size:9px}.mode-section{margin:14px 0}.mode-section legend{margin-bottom:7px}.timing-modal .speed-choices{grid-template-columns:1fr 1fr}.custom-tools>span{width:100%}.custom-tools button{flex:1;min-height:40px}.onlinebar #peer{font-size:9px}.lobby{padding:16px 0;gap:14px}.lobbyintro .pill,.lobbyfeatures{display:none}.lobbyintro h2{font-size:28px}.lobbyintro p{font-size:12px;margin:8px 0 0}.lobbycard{padding:16px}.lobbycard h3{font-size:18px;margin:5px 0}.lobbycard>p{font-size:11px;margin:5px 0 12px}.lobbycard>.eyebrow{margin-bottom:4px}.lobbycard .timing-entry{margin:12px 0}.lobbycard>small{font-size:10px}.lobbystatus{min-height:0}.mode-option input{width:16px;height:16px;margin-top:2px}}