.chess-content{padding-top:38px}.chess-heading h1{margin-bottom:14px}.chess-heading .eyebrow{margin-bottom:12px}.chess-invitation{font-size:22px;max-width:760px;margin-bottom:8px}.chess-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:48px;align-items:start;margin-top:25px}.board-panel{min-width:0;max-width:640px}#game-status{font-weight:600;min-height:28px;margin-bottom:14px}.chessboard{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;border:5px solid var(--ink);border-radius:5px;overflow:hidden}.square{aspect-ratio:1;border:0;border-radius:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#e6ede6;color:#10383c;min-width:0;touch-action:manipulation}.square.dark{background:#598581}.piece{font-family:'DejaVu Sans','Segoe UI Symbol',serif;font-size:clamp(25px,4.2vw,57px);line-height:1;pointer-events:none}.piece.white{color:#fffaf0;text-shadow:1px 1px 0 #173536,-1px -1px 0 #173536,1px -1px 0 #173536,-1px 1px 0 #173536}.piece.black{color:#11272a;text-shadow:0 1px 0 #b0c7c3}.square.selected{box-shadow:inset 0 0 0 4px #e3b43c;background:#e9d784}.square.legal:after{content:'';position:absolute;width:22%;height:22%;border-radius:50%;background:#10383c80}.square.legal:has(.piece):after{width:85%;height:85%;background:transparent;border:4px solid #d6af37}.square:focus-visible{outline:4px solid #d68a00;outline-offset:-4px;z-index:1}.coord{position:absolute;bottom:1px;left:3px;font:10px Arial;color:#143e40}.square.dark .coord{color:white}.chess-controls h2{margin-top:0}.chess-controls label{display:block;font-size:15px;font-weight:600;margin:18px 0 6px}.chess-controls input,.chess-controls select{width:100%;min-width:0;border:1px solid #8fa6a1;border-radius:4px;padding:10px;font:inherit;background:white;color:var(--ink)}.chess-controls button{font:inherit;cursor:pointer;border:0;justify-content:center}.chess-controls .button{width:100%}.secondary-button{background:#e2e9e2;color:var(--ink);border-radius:4px;padding:10px 15px;margin-top:12px}.chess-controls button:disabled{opacity:.5;cursor:default}.chess-controls button:focus-visible{outline:3px solid #b37829;outline-offset:3px}.chess-muted{font-size:14px;color:var(--muted);margin-top:16px}.chess-controls details{border-top:1px solid var(--line);padding-top:15px}.chess-controls summary{cursor:pointer;font-weight:600}#move-history{overflow-wrap:anywhere}#connection-status{font-weight:600;font-size:15px;overflow-wrap:anywhere;margin-top:16px}#copy-status{font-size:14px}#your-color{margin-top:10px}.chess-controls [hidden]{display:none!important}@media(max-width:800px){.chess-layout{gap:26px;grid-template-columns:1fr}.board-panel{max-width:580px}.piece{font-size:clamp(26px,8vw,56px)}.chess-controls{max-width:580px}.chess-content{padding-left:18px;padding-right:18px}.chess-invitation{font-size:19px}}

.chess-chat{margin:20px 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px}.chess-chat h2{font:600 19px/1.3 Arial,sans-serif;letter-spacing:0;margin:0 0 8px}.chess-chat .chess-muted{margin:6px 0 10px}.chess-chat #chat-messages{height:170px;overflow-y:auto;overscroll-behavior:contain;background:#f1f5f2;border-radius:5px;padding:10px}.chat-message{background:#fff;padding:8px 10px;margin:0 0 8px;border-radius:5px;font-size:15px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.mine{background:#dcece6}.chat-message strong{display:block;font-size:13px;color:var(--muted);margin-bottom:3px}.chat-compose{display:flex;gap:8px;align-items:stretch}.chess-chat .chat-compose input{flex:1;min-width:0;font-size:16px}.chess-chat .chat-compose button{width:auto;flex-shrink:0;padding:10px 12px;font-size:15px}.chess-chat label{margin-top:12px}.chat-note{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0 0}.chess-chat input:focus-visible,.chess-chat #chat-messages:focus-visible{outline:3px solid #357277;outline-offset:2px}