:root{--royal-black: #050505;--charcoal: #121212;--gold-primary: #d4af37;--gold-shiny: #fddb6d;--gold-dark: #8a702a;--gold-glow: rgba(212, 175, 55, .5);--glass-bg: rgba(20, 20, 20, .7);--glass-border: rgba(212, 175, 55, .3);--text-primary: #f0e6d2;--text-muted: #8a8a8a;--board-light: #e8d0aa;--board-dark: #665c54;--board-highlight: #f0e68c;--font-header: "Cinzel", serif;--font-body: "Lato", sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at center,#1a1a1a 0%,#000000 100%);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;min-height:100vh}.royal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px 20px 80px;overflow-y:auto}.game-layout{justify-content:flex-start;padding-top:16px}.title-glow{font-family:var(--font-header);color:var(--gold-primary);text-shadow:0 0 10px var(--gold-glow),0 0 30px rgba(212,175,55,.3),0 0 60px rgba(212,175,55,.1);letter-spacing:2px}.gold-text{color:var(--gold-primary)}.muted-text{color:var(--text-muted);font-size:.9rem;letter-spacing:1px}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-royal{background:transparent;border:1px solid var(--gold-primary);color:var(--gold-primary);font-family:var(--font-header);font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-radius:4px}.btn-royal:hover{background:var(--gold-primary);color:var(--royal-black);box-shadow:0 0 20px var(--gold-glow)}.btn-royal.active{background:var(--gold-primary);color:var(--royal-black);box-shadow:0 0 15px var(--gold-glow)}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(90vw,600px);height:min(90vw,600px);border:3px solid var(--gold-dark);box-shadow:0 0 30px #000c,0 0 10px var(--gold-glow);position:relative}.square{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.square.selected{background:var(--board-highlight)!important;box-shadow:inset 0 0 12px #f0e68c99}.square.last-move{box-shadow:inset 0 0 0 3px #e74c3c}.square.check{background:linear-gradient(to top,rgba(180,40,40,.6) 0%,transparent 40%)!important;box-shadow:inset 0 -4px #c0392b}.square:hover{filter:brightness(1.1)}.valid-move-dot{width:24%;height:24%;border-radius:50%;background:var(--gold-glow);opacity:.6}.capture-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:4px solid rgba(220,50,50,.7);box-shadow:0 0 8px #dc323280;pointer-events:none}.piece{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:min(9vw,52px);line-height:1;cursor:grab;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));transition:transform .2s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none;pointer-events:none}.piece:hover{transform:translate(-50%,-50%) scale(1.1);z-index:10}.piece.white{color:#fff;text-shadow:0 0 2px #000,0 1px 3px rgba(0,0,0,.6)}.piece.black{color:#1a1a1a;text-shadow:0 0 1px rgba(255,255,255,.4)}.coord-rank{position:absolute;top:2px;left:4px;font-size:10px;opacity:.4;pointer-events:none}.coord-file{position:absolute;bottom:1px;right:4px;font-size:10px;opacity:.4;pointer-events:none}.dark-text{color:#1a1a1a}.light-text{color:#fff}.setup-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;width:100%;text-align:center}.setup-badge{background:rgba(0,0,0,.8);padding:8px 16px;border-radius:4px;color:var(--gold-primary);border:1px solid var(--gold-primary);font-family:var(--font-header);letter-spacing:2px;font-size:14px}.player-bar{display:flex;justify-content:space-between;width:100%;max-width:600px;align-items:center;margin-bottom:8px}.turn-dot{width:16px;height:16px;border-radius:50%;background:transparent;border:2px solid #555;transition:all .3s}.turn-dot.active{background:var(--gold-primary);box-shadow:0 0 12px var(--gold-glow)}.clock-display{font-size:32px;font-family:var(--font-header);font-variant-numeric:tabular-nums;color:var(--text-muted);transition:color .3s,text-shadow .3s}.clock-active{color:var(--gold-primary);text-shadow:0 0 10px var(--gold-glow)}.clock-low{color:#e74c3c!important;text-shadow:0 0 10px rgba(231,76,60,.5)!important}.captured-pieces{display:flex;margin-left:8px}.captured-piece{font-size:14px;color:var(--text-muted);margin-right:-4px}.status-box{margin-top:20px;padding:16px;width:100%;max-width:500px;text-align:center;background:var(--glass-bg);border:1px solid var(--gold-dark);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-text{margin:0;font-size:16px;letter-spacing:1px;font-family:var(--font-header);text-transform:uppercase;color:var(--text-primary)}.status-reason{margin:4px 0 0;font-size:13px;color:var(--gold-shiny);letter-spacing:1px}.move-log{margin-top:16px;width:100%;max-width:600px;height:100px;overflow-y:auto;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-family:var(--font-body);color:#888}.move-white{color:var(--gold-primary)}.move-black{color:#aaa}.timer-bar{height:4px;background:#333;margin-bottom:0;border-radius:2px;overflow:hidden}.timer-fill{height:100%;background:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow);transition:width 1s linear}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}@media (max-width: 480px){.chess-board{width:95vw;height:95vw}.piece{font-size:10vw}.clock-display{font-size:24px}.player-bar{padding:0 4px}}