@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg: #0a0905;--bg-2: #100e08;--bg-3: #1a1710;--amber: #c8922a;--amber-dim: #8a6218;--amber-glow: rgba(200, 146, 42, .15);--amber-bright: #f0b040;--text: #e8dcc8;--text-dim: #8a7d68;--danger: #cc4444;--white-piece: #f5f0e8;--black-piece: #1a1410;--chess-light: #c8a875;--chess-dark: #6b4c28;--border: rgba(200, 146, 42, .2);--font-display: "IM Fell English", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(200,146,42,.08) 0%,transparent 70%),var(--bg)}.header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0}.header-brand{display:flex;flex-direction:column}.header-title{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.05em;color:var(--amber-bright);text-shadow:0 0 30px rgba(200,146,42,.4);line-height:1}.header-subtitle{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);margin-top:.25rem}.header-back{font-size:.8rem;color:var(--text-dim);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;transition:all .2s;letter-spacing:.05em}.header-back:hover{color:var(--amber);border-color:var(--amber-dim)}.game-layout{flex:1;display:flex;gap:2rem;padding:2rem;max-width:1100px;margin:0 auto;width:100%;align-items:flex-start}.sidebar{display:flex;flex-direction:column;gap:1.25rem;min-width:260px;flex-shrink:0}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.panel-title{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem}.quote-panel{background:linear-gradient(135deg,var(--bg-2),rgba(200,146,42,.05));border-color:#c8922a4d}.quote-text{font-family:var(--font-display);font-style:italic;font-size:1rem;line-height:1.6;color:var(--text);margin-bottom:.75rem}.quote-author{font-size:.75rem;letter-spacing:.1em;color:var(--amber-dim);text-align:right}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.status-badge.playing{background:#c8922a1a;color:var(--amber);border:1px solid rgba(200,146,42,.3)}.status-badge.thinking{background:#6464c81a;color:#88f;border:1px solid rgba(100,100,200,.3)}.status-badge.check{background:#c8505026;color:var(--danger);border:1px solid rgba(200,80,80,.4)}.status-badge.checkmate{background:#c8505040;color:var(--danger);border:1px solid var(--danger)}.status-badge.stalemate,.status-badge.draw{background:#64646433;color:var(--text-dim);border:1px solid var(--text-dim)}.pulse{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.turn-indicator{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.8rem;color:var(--text-dim)}.turn-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--text-dim);flex-shrink:0}.turn-dot.white{background:var(--white-piece);border-color:#fff6}.turn-dot.black{background:#1c1814;border-color:#f5f0e88c}.difficulty-row{display:flex;flex-direction:column;gap:.5rem}.difficulty-label{font-size:.75rem;color:var(--text-dim)}.difficulty-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill{padding:.35rem .85rem;border-radius:100px;border:1px solid var(--border);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-dim);font-family:var(--font-mono)}.pill:hover{border-color:var(--amber-dim);color:var(--amber)}.pill.active{background:var(--amber-glow);border-color:var(--amber);color:var(--amber-bright)}.move-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;scrollbar-width:thin;scrollbar-color:var(--amber-dim) transparent}.move-entry{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-dim);padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.move-num{color:var(--amber-dim);min-width:2rem}.move-white,.move-black{min-width:4rem}.move-white{color:var(--text)}.btn-new-game{width:100%;padding:.85rem;background:linear-gradient(135deg,#c8922a26,#c8922a0d);border:1px solid var(--amber-dim);border-radius:10px;color:var(--amber-bright);font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-new-game:hover{background:#c8922a33;border-color:var(--amber);box-shadow:0 0 20px var(--amber-glow)}.board-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.board-container{position:relative;display:inline-block}.board{display:grid;grid-template-columns:repeat(8,1fr);border:2px solid rgba(200,146,42,.4);border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 20px 60px #0009,0 0 40px var(--amber-glow);width:min(clamp(280px,50vw,540px),80vh);height:min(clamp(280px,50vw,540px),80vh)}.square{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .15s;aspect-ratio:1}.square.light{background:var(--chess-light)}.square.dark{background:var(--chess-dark)}.square.selected{background:#c8922a8c!important;box-shadow:inset 0 0 0 3px #c8922acc}.square.valid-move:after{content:"";position:absolute;width:32%;height:32%;background:#0000004d;border-radius:50%;pointer-events:none}.square.valid-capture:after{content:"";position:absolute;inset:0;border-radius:0;box-shadow:inset 0 0 0 4px #00000059;pointer-events:none}.square.last-from{background:#c8922a40!important}.square.last-to{background:#c8922a59!important}.square.in-check{background:radial-gradient(circle,#dc3232e6 20%,#b4141499 70%)!important;animation:check-pulse .7s ease-in-out infinite alternate}@keyframes check-pulse{0%{filter:brightness(1)}to{filter:brightness(1.3)}}.piece{font-size:clamp(1.4rem,3.5vw,2.4rem);line-height:1;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .1s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));position:relative;z-index:1}.piece:hover{transform:scale(1.1)}.piece-white{color:var(--white-piece)}.piece-black{color:var(--black-piece);text-shadow:0 0 3px rgba(245,240,232,.45),0 1px 4px rgba(0,0,0,.6)}.board-labels-col{display:flex;justify-content:space-around;width:min(clamp(280px,50vw,540px),80vh);padding:0 2px}.board-labels-row{display:flex;flex-direction:column;justify-content:space-around;height:min(clamp(280px,50vw,540px),80vh);margin-right:4px}.board-label{font-size:.65rem;color:var(--text-dim);letter-spacing:.05em;text-align:center;-webkit-user-select:none;user-select:none}.board-with-labels{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;max-width:400px;width:90%;box-shadow:0 0 60px #000c,0 0 30px var(--amber-glow)}.modal h2{font-family:var(--font-display);font-size:1.5rem;color:var(--amber-bright);margin-bottom:.5rem}.modal p{color:var(--text-dim);font-size:.85rem;margin-bottom:1.5rem;font-style:italic;font-family:var(--font-display)}.promotion-choices{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.promo-btn{font-size:2.5rem;background:var(--bg-3);border:1px solid var(--border);border-radius:12px;width:70px;height:70px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.promo-btn:hover{background:var(--amber-glow);border-color:var(--amber);transform:translateY(-4px)}.modal-quote{font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--text);margin-bottom:1rem;line-height:1.6}.modal-quote-author{font-size:.75rem;letter-spacing:.1em;color:var(--amber-dim);margin-bottom:1.5rem;text-align:right}.btn-modal{padding:.85rem 2rem;background:#c8922a26;border:1px solid var(--amber-dim);border-radius:10px;color:var(--amber-bright);font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-top:.5rem}.btn-modal:hover{background:#c8922a40;border-color:var(--amber);box-shadow:0 0 20px var(--amber-glow)}@media(max-width:768px){.game-layout{flex-direction:column;align-items:center;padding:1rem;gap:1rem}.sidebar{min-width:unset;width:100%;order:2}.board-wrapper{order:1}.move-list{max-height:120px}.header{padding:1rem}.header-title{font-size:1.25rem}}.mp-player-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem;border-bottom:1px solid var(--border)}.mp-player-row:last-child{border-bottom:none}.mp-emoji{font-size:1.2rem;line-height:1}.mp-name{flex:1;font-weight:600}.mp-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mp-elo{color:var(--text-dim);font-size:.75rem}.mp-elo-change{font-size:.75rem;font-weight:700}.mp-elo-change.pos{color:#4b4}.mp-elo-change.neg{color:var(--danger)}.mp-disconnected{color:var(--danger);font-size:.7rem}.mp-waiting{opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}