:root{--accent:#1565c0;--blue-glow:rgba(33, 150, 243, 0.4)}body{background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(135deg,#0a0e27 0%,#1a1f3a 25%,#0f1629 50%,#1e2a4a 75%,#0a0e27 100%);background-size:60px 60px,60px 60px,100% 100%;background-attachment:fixed;color:#fff;font-family:maven pro,sans-serif;min-height:100vh}#game-status{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.3);font-size:1.28em;letter-spacing:.5px;font-weight:600;padding:12px;border-radius:12px;transition:all .3s}#player-names{background:rgba(255,255,255,3%);padding:12px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(5px);margin-bottom:24px}.timer-container{display:flex;justify-content:space-between;max-width:400px;margin:0 auto 16px;gap:12px}.player-timer{flex:1;padding:12px 16px;border-radius:10px;text-align:center;font-family:roboto mono,monospace;font-size:1.4em;font-weight:700;transition:all .3s}.player-timer.white-timer{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:#fff}.player-timer.black-timer{background:rgba(0,0,0,.4);border:2px solid rgba(100,100,100,.5);color:#e0e0e0}.player-timer.active{box-shadow:0 0 15px rgba(33,150,243,.5);border-color:#2196f3}.player-timer.low-time{background:rgba(244,67,54,.3)!important;border-color:#f44336!important;animation:pulse-danger .5s ease-in-out infinite alternate}@keyframes pulse-danger{0%{box-shadow:0 0 5px rgba(244,67,54,.5)}100%{box-shadow:0 0 15px rgba(244,67,54,.8)}}.timer-label{font-size:.65em;opacity:.7;display:block;margin-bottom:4px;font-family:maven pro,sans-serif}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:400px;height:400px;margin:0 auto;border-radius:8px;overflow:hidden;border:3px solid rgba(100,181,246,.3);box-shadow:0 0 30px rgba(0,0,0,.5),0 0 15px var(--blue-glow)}.chess-cell{display:flex;align-items:center;justify-content:center;position:relative;cursor:default;transition:background .15s}.chess-cell.light{background:#f0d9b5}.chess-cell.dark{background:#b58863}.chess-cell.highlight{background:rgba(76,175,80,.6)!important;cursor:pointer}.chess-cell.selected{background:rgba(33,150,243,.6)!important}.chess-cell.capture-highlight{background:rgba(244,67,54,.5)!important;cursor:pointer}.chess-cell.last-move{box-shadow:inset 0 0 0 3px rgba(255,235,59,.7)}.chess-cell.check{box-shadow:inset 0 0 15px rgba(244,67,54,.8)}.chess-piece{width:85%;height:85%;display:flex;align-items:center;justify-content:center;font-size:2.2em;cursor:pointer;transition:transform .15s;user-select:none;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chess-piece:hover{transform:scale(1.1)}.chess-piece.white{color:#fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.chess-piece.black{color:#333;filter:drop-shadow(1px 1px 1px rgba(255,255,255,.3))}.move-hint{width:30%;height:30%;background:rgba(0,0,0,.2);border-radius:50%;position:absolute}.game-over-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.game-over-content{background:linear-gradient(135deg,#1a1f3a,#0f1629);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 48px;text-align:center;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.game-over-content h2{font-size:1.8em;margin-bottom:8px;color:#fff}.game-over-content .result{font-size:1.2em;color:rgba(255,255,255,.7);margin-bottom:20px}.rating-change{font-size:1.4em;font-weight:700;margin-bottom:24px}.rating-change.positive{color:#4caf50}.rating-change.negative{color:#f44336}.game-over-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.game-over-buttons button{padding:12px 24px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.btn-rematch{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.btn-rematch:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(76,175,80,.4)}.btn-new-game{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-new-game:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(33,150,243,.4)}.draw-offer-banner{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:16px 24px;border-radius:12px;z-index:999;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(255,152,0,.4)}.draw-offer-banner button{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.draw-offer-banner .accept-draw{background:#4caf50;color:#fff}.draw-offer-banner .decline-draw{background:rgba(255,255,255,.2);color:#fff}.game-controls{display:flex;justify-content:center;gap:12px;margin-top:16px}.game-controls button{padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,5%);color:rgba(255,255,255,.7);font-size:.9em;cursor:pointer;transition:all .2s}.game-controls button:hover{background:rgba(255,255,255,.1);color:#fff}.game-controls button.resign-btn:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.5);color:#f44336}#lobby-area{background:rgba(255,255,255,3%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:500px;margin:20px auto}.share-link-box{display:flex;gap:8px;margin:16px 0}.share-link-box input{flex:1;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,5%);color:#fff;font-size:.95em}.share-link-box button{padding:12px 20px;background:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}@media(max-width:480px){.chess-board{width:320px;height:320px}.chess-piece{font-size:1.8em}.player-timer{font-size:1.1em;padding:8px 12px}.timer-container{max-width:320px}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,5%) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,5%) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.player-slot{display:flex;align-items:center;gap:8px}.player-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1)}.player-name-placeholder{width:80px;height:16px;border-radius:4px;background:rgba(255,255,255,.1)}