body{color:#fff;background:#1e1e1e;margin:0;font-family:Arial,Helvetica,sans-serif}.page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.game-bar{color:#f4f4f4;justify-content:space-between;align-items:center;gap:16px;width:640px;display:flex}.game-bar strong{margin-right:12px}#room-label,.status{color:#cfcfcf;font-size:14px}.status{text-align:right}.board{border:4px solid #444;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:640px;height:640px;display:grid}.square{justify-content:center;align-items:center;display:flex;position:relative}.light{background:#f0d9b5}.dark{background:#b58863}.piece{cursor:grab;-webkit-user-select:none;user-select:none;width:80%;height:80%}.reserve{background:#2a2a2a;border-radius:12px;gap:16px;padding:16px;display:flex}.floating-piece{z-index:9999;pointer-events:none;width:80px;height:80px;position:fixed}.selected-reserve{border-radius:8px;outline:3px solid #4da3ff}.square{justify-content:center;align-items:center;transition:filter .12s;display:flex;position:relative}.square:hover{filter:brightness(1.08)}.selected-square{box-shadow:inset 0 0 0 4px #f6f669}.last-move{box-shadow:inset 0 0 0 4px #ffd240d9}.selected-square.last-move{box-shadow:inset 0 0 0 4px #f6f669,inset 0 0 0 8px #ffd240a6}.legal-move:after{content:"";background:#00000047;border-radius:50%;width:22px;height:22px;position:absolute}@media (width<=720px){.game-bar,.board{width:min(94vw,640px)}.board{height:min(94vw,640px)}.game-bar{flex-direction:column;align-items:flex-start}.status{text-align:left}}