.rooms-panel{border-top:1px solid #ffffff18;margin-top:20px;padding-top:20px}.rooms-panel h3{font-size:19px;margin:8px 0 14px}.secondary-btn,.small-btn{border:1px solid #00c89677;border-radius:10px;background:#00c89616;color:#dffff5;padding:11px 14px;font-weight:800;cursor:pointer}.secondary-btn{width:100%;margin:5px 0}.secondary-btn:hover,.small-btn:hover{background:#00c89630}.join-row{display:flex;gap:8px;margin-top:8px}.join-row input{min-width:0;flex:1;background:#070e0c;border:1px solid #ffffff25;border-radius:10px;color:var(--text);padding:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.join-row .secondary-btn{width:auto;min-width:84px;margin:0}.room-status{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px;overflow-wrap:anywhere}.game-panel{max-width:640px;margin:22px auto;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 22px 70px #0008}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.game-header strong{display:block;margin-top:5px;letter-spacing:1.5px}.player-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff08}.player-bar small,.player-bar strong{display:block}.player-bar small{font-size:9px;color:var(--muted);letter-spacing:1.5px}.player-bar strong{font-size:11px;margin-top:4px}.player-bar time{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900;color:var(--gold)}.chess-board{width:min(100%,520px);aspect-ratio:1;margin:12px auto;display:grid;grid-template-columns:repeat(8,1fr);border:5px solid #17251f;border-radius:5px;overflow:hidden;box-shadow:0 12px 35px #0008}.square{border:0;border-radius:0;padding:0;display:grid;place-items:center;aspect-ratio:1;font-family:Georgia,serif;font-size:clamp(24px,5.8vw,48px);line-height:1;cursor:pointer;position:relative}.square.light{background:#d8d2b9;color:#18221d}.square.dark{background:#648574;color:#f4f4e8}.square.selected{box-shadow:inset 0 0 0 4px #e3bd42}.square:focus-visible{outline:3px solid #00c896;outline-offset:-3px}.game-status{text-align:center;color:var(--mint);font-size:13px;font-weight:800;padding:12px 0 5px}.game-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.danger-btn{border-color:#ff777766;color:#ffc0c0;background:#ff777710}.danger-btn:hover{background:#ff777722}.small-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:560px){.game-panel{padding:14px}.square{font-size:clamp(22px,8vw,38px)}.game-controls .small-btn{flex:1}.join-row input{font-size:12px}}
\n