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}.hidden{display:none!important}.screen-panel{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;align-items:stretch;gap:20px;width:min(92vw,420px);padding:28px;display:flex}.screen-panel h1{margin:0;font-size:32px;line-height:1.1}.byline{color:#cfcfcf;margin:-12px 0 0;font-size:14px}.actions{gap:12px;display:flex}.home-actions{flex-wrap:wrap}.home-actions button{flex:150px}.room-entry{gap:8px;display:grid}.room-entry label{color:#cfcfcf;font-size:14px;font-weight:700}.room-entry-row{gap:10px;display:flex}.room-entry input{color:#f4f4f4;min-width:0;font:inherit;background:#202020;border:1px solid #555;border-radius:6px;flex:1;padding:0 12px}.form-message{color:#f08f8f;min-height:18px;margin:0;font-size:14px}.info-panel{color:#e8e8e8;background:#202020;border:1px solid #3a3a3a;border-radius:8px;gap:10px;padding:16px;display:grid}.info-panel h2,.info-panel p{margin:0}.info-panel h2{color:#f0d9b5;font-size:20px}.info-panel p{color:#d5d5d5;font-size:14px;line-height:1.45}.info-panel a{color:#f0d9b5}button{color:#111;min-height:42px;font:inherit;cursor:pointer;background:#f0d9b5;border:0;border-radius:6px;padding:0 16px;font-weight:700}button:hover{filter:brightness(1.06)}button:disabled{cursor:not-allowed;opacity:.52}.secondary-button{color:#f4f4f4;background:#3a3a3a}.danger-button{color:#fff;background:#b43d3d}.room-code{color:#f0d9b5;margin:0;font-size:22px;font-weight:700}.lobby-status{color:#cfcfcf;margin:0}.player-list{gap:10px;display:grid}.player-slot{color:#bdbdbd;background:#202020;border:1px solid #3a3a3a;border-radius:6px;padding:12px 14px}.player-slot.occupied{color:#f4f4f4;border-color:#6b8e6f}.game-view{flex-direction:column;align-items:center;gap:18px;display:flex}.elixir-panel,.game-actions,.draw-offer{justify-content:center;align-items:center;gap:12px;width:640px;display:flex}.elixir-panel{justify-content:space-between}.elixir-balance{color:#f0d9b5;background:#2a2a2a;border:1px solid #555;border-radius:8px;padding:10px 14px}.elixir-balance.mine{border-color:#f0d9b5}.draw-offer{color:#f4f4f4;background:#2a2a2a;border:1px solid #555;border-radius:8px;padding:12px}.game-over{text-align:center;background:#2a2a2a;border:1px solid #666;border-radius:8px;width:min(92vw,420px);padding:20px}.game-over h2,.game-over p{margin:0}.game-over p{color:#f0d9b5;margin-top:8px}.game-bar{color:#f4f4f4;justify-content:space-between;align-items:center;gap:16px;width:640px;display:flex}.game-bar-actions{align-items:center;gap:12px;display:flex}.compact-button{min-height:34px;padding:0 12px}.game-bar strong{margin-right:12px}#room-label,.status{color:#cfcfcf;font-size:14px}.status{text-align:right}.board{touch-action:none;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;-webkit-user-drag:none;touch-action:none;width:80%;height:80%}.reserve{touch-action:none;background:#2a2a2a;border-radius:12px;gap:16px;padding:16px;display:flex}.reserve-item{touch-action:none;flex-direction:column;align-items:center;gap:4px;display:flex}.reserve-item.unaffordable{opacity:.42}.reserve-cost{color:#cfcfcf;font-size:12px}.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}.king-in-check{box-shadow:inset 0 0 0 5px #dc2626f2}.last-move.king-in-check{box-shadow:inset 0 0 0 5px #dc2626f2,inset 0 0 0 9px #ffd240a6}.selected-square.last-move{box-shadow:inset 0 0 0 4px #f6f669,inset 0 0 0 8px #ffd240a6}.legal-move:after,.legal-capture:after{content:"";position:absolute}.legal-move:after{background:#00000047;border-radius:50%;width:22px;height:22px}.legal-capture:after{background:#f871716b;border-radius:8px;inset:8%}@media (width<=720px){.game-bar,.elixir-panel,.game-actions,.draw-offer,.board{width:min(94vw,640px)}.board{height:min(94vw,640px)}.game-bar,.game-bar-actions{flex-direction:column;align-items:flex-start}.status{text-align:left}.actions,.room-entry-row,.elixir-panel,.game-actions,.draw-offer{flex-direction:column;align-items:stretch}}