.online-intro{align-items:center}.online-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(260px,1fr);gap:32px;padding:26px 0}.online-layout[hidden],.online-error[hidden],.online-match-side [hidden]{display:none!important}.online-layout h2{font: 25px Georgia,serif;margin:0 0 12px}.connection-status{padding:10px 12px;background:#e6eee6;border-left:3px solid #477a59;font-size:13px;font-weight:700;margin:0}.connection-status.disconnected{background:#f9e8e2;border-color:#bb6a50}.challenge-list{display:grid;gap:8px;margin-top:14px}.challenge-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #c8d7ca;background:#fff;border-radius:4px;padding:12px}.challenge-entry span{font-size:13px;font-weight:700}.challenge-entry button{flex-shrink:0}.online-create,.online-match-side{padding:18px 0;border-top:1px solid #cbd9cf}.online-create label{display:block;font-size:12px;font-weight:700}.online-create select{display:block;width:100%;min-height:41px;margin:8px 0 14px;border:1px solid #a9bcad;background:#fff;padding:8px}.online-boundary{font-size:12px;line-height:1.5;color:#52645d}.online-error{padding:12px;background:#f9e4e0;color:#8b2e28;font-size:13px}.online-match-side>p{font-size:14px;line-height:1.5}.online-match-side .toolbar{margin:15px 0}.online-match-side .move-section{margin-top:24px}.online-match-side .moves{max-height:340px;overflow:auto}.online-board-piece{width:96%;height:96%;object-fit:contain;pointer-events:none}.online-board-piece.white-piece{filter:drop-shadow(0 1px 1px #182a2273)}.online-board-piece.black-piece{filter:drop-shadow(0 0 1px #f7f3e6) drop-shadow(0 1px 1px #101c18a6)}#online-board .square.selected{box-shadow:inset 0 0 0 4px #e2ac53}#online-board .square.legal:after{content:"";width:24%;height:24%;background:#295e40a8;border-radius:50%;position:absolute;pointer-events:none}#online-board .square.in-check{box-shadow:inset 0 0 0 5px #c84f43}@media(max-width:760px){.online-layout{grid-template-columns:1fr;gap:16px}.online-intro{padding:25px 0}.challenge-entry{flex-wrap:wrap}.challenge-entry button{margin-left:auto}}