:root{--bg-dark: #0a0b1e;--primary: #4f46e5;--accent: #06b6d4;--player: #3b82f6;--ai: #ef4444;--glass: rgba(255, 255, 255, .05);--neon-shadow: 0 0 15px rgba(79, 70, 229, .4)}.app-container{min-height:100vh;background:radial-gradient(circle at center,#1e1b4b 0%,var(--bg-dark) 100%);color:#fff;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;overflow:hidden}.game-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.title-area h1{margin:0;font-size:1.5rem;background:linear-gradient(to right,#818cf8,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.cloud-sync{font-size:.7rem;color:#94a3b8;margin:0}.stat-badge{background:var(--glass);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:1px solid rgba(255,255,255,.1)}.game-viewport{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative}.board-wrapper{display:flex;gap:2rem;align-items:flex-start}.chess-board{display:grid;background:#ffffff0d;border:4px solid #1e293b;box-shadow:0 0 40px #00000080;border-radius:8px;overflow:hidden}.cell{aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;position:relative}.cell.even{background:#ffffff05}.cell.odd{background:#0003}.cell:hover{background:#ffffff1a}.cell.highlight{background:#4f46e526;border:1px dashed var(--primary)}.piece{width:80%;height:80%;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 4px 10px #0000004d;z-index:2}.piece.player{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid #60a5fa}.piece.ai{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:2px solid #f87171}.piece.selected{transform:scale(1.1);box-shadow:0 0 20px var(--primary);border-color:#fff}.side-panel{width:240px}.panel-card{background:var(--glass);padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.turn-indicator{height:4px;width:100%;background:#334155;margin:1rem 0;border-radius:2px;position:relative;overflow:hidden}.turn-indicator:after{content:"";position:absolute;height:100%;width:50%;transition:all .3s}.turn-indicator[data-turn=player]:after{left:0;background:var(--player);box-shadow:0 0 10px var(--player)}.turn-indicator[data-turn=ai]:after{left:50%;background:var(--ai);box-shadow:0 0 10px var(--ai)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b1ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100}.hero-card,.result-card{background:linear-gradient(180deg,#1e293b,#0f172a);padding:3rem;border-radius:24px;text-align:center;border:1px solid rgba(255,255,255,.1);max-width:400px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.info-card{background:#1e293b;padding:2rem;border-radius:20px;width:320px;border:1px solid var(--accent)}.primary-btn{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:var(--neon-shadow)}.ghost-btn{background:transparent;color:#94a3b8;border:1px solid #334155;padding:.8rem 1.5rem;border-radius:12px;margin-top:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.action-btn{background:var(--accent);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;width:100%;cursor:pointer}.float-icon{animation:float 3s ease-in-out infinite;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}