:root{--bg-deep: #06070a;--bg-panel: rgba(13, 16, 25, .78);--bg-panel-hover: rgba(20, 26, 40, .9);--border-gold: rgba(212, 175, 55, .28);--border-gold-strong: rgba(212, 175, 55, .7);--gold-primary: #d4af37;--gold-glow: #ffdf79;--text-primary: #f8fafc;--text-muted: #94a3b8;--text-gold: #e6ca65;--accent-green: #4ade80;--accent-red: #f87171;--accent-purple: #c084fc;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--shadow-lux: 0 12px 32px -4px rgba(0, 0, 0, .7), 0 0 24px rgba(212, 175, 55, .08);--glass-blur: blur(18px) saturate(160%)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}.suchesse-app{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.three-canvas{width:100%;height:100%;display:block;touch-action:none}.ui-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.topbar-container,.players-dock,.history-dock,.camera-dock,.modal-backdrop{pointer-events:auto}.topbar-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;margin:10px 14px 0;background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-lux)}.brand-badge{display:flex;align-items:center;gap:12px}.brand-crest{width:36px;height:36px;border-radius:var(--radius-md);background:radial-gradient(circle,#d4af3740,#d4af370d);border:1px solid var(--border-gold-strong);display:flex;align-items:center;justify-content:center}.brand-name{font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;letter-spacing:.05em;color:#fff}.brand-tag{display:block;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-gold);opacity:.85}.status-indicator-badge{display:flex;align-items:center;gap:10px;padding:6px 16px;background:#00000073;border:1px solid var(--border-gold);border-radius:9999px;font-size:.88rem;font-weight:600;letter-spacing:.03em}.status-dot{width:10px;height:10px;border-radius:50%}.dot-white{background:#fff;box-shadow:0 0 10px #fff,0 0 16px #fff9}.dot-black{background:#252834;border:1.5px solid #d4af37;box-shadow:0 0 8px #d4af3766}.topbar-actions{display:flex;align-items:center;gap:10px}.control-group{display:flex;align-items:center;gap:5px;background:#00000059;padding:4px 6px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.07)}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 11px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-btn:hover{color:#fff;background:#ffffff14}.mode-btn.active{color:var(--gold-glow);background:#d4af3729;border:1px solid var(--border-gold)}.difficulty-select{background:#00000080;color:var(--gold-glow);border:1px solid var(--border-gold);border-radius:var(--radius-sm);padding:4px 8px;font-size:.78rem;outline:none;cursor:pointer}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.icon-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26}.btn-royal{display:flex;align-items:center;gap:8px;padding:7px 16px;background:linear-gradient(135deg,#d4af37,#aa8425);color:#0b0c10;font-weight:700;font-size:.85rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #d4af374d}.btn-royal:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 18px #d4af3773}.btn-royal.btn-lg{padding:12px 24px;font-size:.95rem;justify-content:center}.w-full{width:100%}.panels-container{display:flex;justify-content:space-between;padding:0 16px;margin-top:12px;pointer-events:none}.players-dock{display:flex;flex-direction:column;gap:10px;width:270px}.player-card{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-lux);transition:all .25s cubic-bezier(.4,0,.2,1)}.player-card.active-turn{border-color:var(--border-gold-strong);box-shadow:0 0 20px #d4af3738,var(--shadow-lux);transform:scale(1.02)}.player-header{display:flex;align-items:center;gap:10px}.avatar-frame{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.frame-white{background:linear-gradient(135deg,#f5f5f5,#d4af37);color:#1a1a1a;box-shadow:0 0 10px #fff6}.frame-black{background:linear-gradient(135deg,#2b2e3b,#111218);border:1.5px solid var(--border-gold);color:var(--gold-glow)}.player-identity{flex:1}.player-name-row{display:flex;align-items:baseline;gap:6px}.player-name{font-weight:700;font-size:.9rem;color:#fff}.player-rating{font-size:.7rem;color:var(--text-gold);background:#d4af3726;padding:1px 5px;border-radius:4px}.player-role{display:block;font-size:.68rem;color:var(--text-muted)}.player-clock{display:flex;align-items:center;gap:5px;background:#00000080;border:1px solid rgba(255,255,255,.1);padding:5px 8px;border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:.88rem;font-weight:600;color:var(--text-muted)}.player-clock.clock-active{color:var(--gold-glow);border-color:var(--border-gold-strong);background:#d4af3726;box-shadow:0 0 12px #d4af3740}.versus-divider{display:flex;align-items:center;justify-content:center;height:12px}.vs-badge{font-family:Cinzel,serif;font-size:.68rem;font-weight:700;color:var(--text-gold);opacity:.6}.captured-tray{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);min-height:22px}.captured-pieces-list{display:flex;flex-wrap:wrap;gap:3px}.captured-icon{font-size:1.1rem;color:var(--text-gold);opacity:.85}.score-differential{font-size:.72rem;font-weight:700;color:var(--accent-green);background:#4ade8026;padding:1px 5px;border-radius:4px}.history-dock{width:250px}.move-history-card{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-lux);display:flex;flex-direction:column;height:360px}.history-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.history-title-wrap{display:flex;align-items:center;gap:8px}.history-title{font-family:Cinzel,serif;font-size:.88rem;font-weight:700;color:#fff}.copy-fen-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.7rem;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.copy-fen-btn:hover{color:#fff;border-color:var(--border-gold)}.history-scroll-pane{flex:1;overflow-y:auto;padding:6px 10px}.history-scroll-pane::-webkit-scrollbar{width:4px}.history-scroll-pane::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:10px}.empty-history{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;font-size:.75rem;color:var(--text-muted);padding:0 10px}.moves-table{width:100%;border-collapse:collapse}.move-row{display:flex;align-items:center;padding:4px 6px;border-radius:4px}.move-row:nth-child(2n){background:#ffffff05}.move-index{width:28px;font-size:.72rem;color:var(--text-muted);font-family:Fira Code,monospace}.move-san{flex:1}.san-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-family:Fira Code,monospace;font-size:.78rem;font-weight:600;color:#fff;background:#ffffff0d}.history-footer{padding:8px 12px;border-top:1px solid rgba(255,255,255,.08)}.btn-resign{width:100%;background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--accent-red);padding:7px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-resign:hover{background:#f8717133}.camera-dock{align-self:center;margin-bottom:16px;display:flex;align-items:center;gap:12px;padding:7px 16px;background:var(--bg-panel);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-gold);border-radius:9999px;box-shadow:var(--shadow-lux)}.camera-dock-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.camera-buttons{display:flex;align-items:center;gap:6px}.cam-btn{padding:5px 12px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:9999px;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cam-btn:hover{color:#fff;border-color:#ffffff40}.cam-btn.active{background:linear-gradient(135deg,#d4af374d,#d4af371a);border-color:var(--border-gold-strong);color:var(--gold-glow);box-shadow:0 0 10px #d4af374d}.multiplayer-card{position:relative;background:linear-gradient(145deg,#121622,#0c0e15);border:1px solid var(--border-gold-strong);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:0 20px 50px #000c,0 0 40px #d4af3733;text-align:center;max-width:440px;width:90%;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.mp-header{margin-bottom:20px}.mp-crest{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#d4af3740,#d4af370d);border:1px solid var(--border-gold-strong);margin-bottom:8px}.mp-title{font-family:Cinzel,serif;font-size:1.45rem;font-weight:700;color:#fff}.mp-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:4px}.mp-tabs{display:flex;background:#0006;padding:4px;border-radius:var(--radius-sm);margin-bottom:20px;border:1px solid rgba(255,255,255,.08)}.mp-tab-btn{flex:1;padding:8px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.82rem;border-radius:4px;cursor:pointer;transition:all .2s}.mp-tab-btn.active{background:#d4af3733;color:var(--gold-glow);border:1px solid var(--border-gold)}.feature-perks{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.perk-item{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-primary);background:#ffffff08;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05)}.room-input{width:100%;padding:12px;background:#0009;border:2px solid var(--border-gold);border-radius:var(--radius-md);font-family:Fira Code,monospace;font-size:1.3rem;font-weight:700;color:var(--gold-glow);text-align:center;letter-spacing:.3em;outline:none;margin-bottom:16px}.join-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.room-badge{background:#00000080;border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px}.room-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.room-code-display{font-family:Fira Code,monospace;font-size:1.8rem;font-weight:800;color:var(--gold-glow);letter-spacing:.2em}.role-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.role-badge{font-weight:700;color:var(--text-gold)}.status-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:9999px;font-size:.8rem;font-weight:600;margin-bottom:16px}.status-waiting{background:#d4af371f;border:1px solid var(--border-gold);color:var(--gold-glow)}.status-connected{background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:var(--accent-green)}.share-section{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.share-hint{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.qr-wrap{padding:8px;background:#f5d77f;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000080;margin-bottom:12px}.qr-image{display:block;width:140px;height:140px}.link-box{display:flex;align-items:center;gap:6px;background:#00000080;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:var(--radius-sm);width:100%}.link-text{flex:1;font-family:Fira Code,monospace;font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.copy-link-btn{display:flex;align-items:center;gap:4px;background:#d4af3733;border:1px solid var(--border-gold);color:var(--gold-glow);padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-link-btn:hover{background:#d4af3759}.mp-actions{display:flex;gap:10px;justify-content:center}.mp-error-badge{background:#f8717126;border:1px solid rgba(248,113,113,.4);color:var(--accent-red);padding:8px 12px;border-radius:var(--radius-sm);font-size:.78rem;margin-bottom:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040508bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.promotion-card,.gameover-card{position:relative;background:linear-gradient(145deg,#121622,#0c0e15);border:1px solid var(--border-gold-strong);border-radius:var(--radius-lg);padding:30px 34px;box-shadow:0 20px 50px #000c,0 0 40px #d4af3733;text-align:center;max-width:460px;width:90%;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.promotion-title,.gameover-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:#fff;margin-top:6px}.promotion-subtitle,.gameover-subtitle{font-size:.82rem;color:var(--text-muted);margin-top:4px}.promotion-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.promotion-option-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;background:#ffffff08;border:1px solid var(--border-gold);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.promotion-option-btn:hover{background:#d4af3726;border-color:var(--gold-glow);transform:translateY(-2px);box-shadow:0 8px 20px #d4af3740}.promotion-symbol{font-size:2.2rem;color:var(--gold-glow)}.promotion-piece-name{font-weight:700;font-size:.9rem}.promotion-piece-desc{font-size:.68rem;color:var(--text-muted)}.modal-close-btn{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#fff}.gameover-stats{display:flex;gap:14px;justify-content:center;margin:20px 0}.stat-pill{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:8px 18px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.stat-val{font-family:Fira Code,monospace;font-size:1.1rem;font-weight:700;color:var(--gold-glow)}.gameover-actions{display:flex;justify-content:center;margin-top:10px}.canvas-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#101420,#050609);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease}.loader-card{text-align:center;max-width:360px;padding:24px}.loader-crest{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#d4af3740,#d4af3708);border:1.5px solid var(--border-gold-strong);margin-bottom:14px;box-shadow:0 0 30px #d4af3759}.loader-title{font-family:Cinzel,serif;font-size:1.85rem;font-weight:700;color:#fff;letter-spacing:.08em}.loader-subtitle{font-size:.8rem;color:var(--text-gold);margin-top:4px;opacity:.85}.loader-bar-bg{width:100%;height:6px;background:#ffffff14;border-radius:9999px;margin-top:20px;overflow:hidden;border:1px solid rgba(212,175,55,.2)}.loader-bar-fill{width:50%;height:100%;background:linear-gradient(90deg,#aa8425,gold,#fff);border-radius:9999px;animation:shimmerLoader 1.4s infinite ease-in-out}.loader-text{font-size:.78rem;color:var(--text-muted);margin-top:10px}.gold-text{color:var(--gold-glow)}.text-red{color:var(--accent-red)}.text-green{color:var(--accent-green)}.text-muted{color:var(--text-muted)}.pulse{animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}@keyframes shimmerLoader{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width: 900px){.topbar-container{padding:8px 12px;margin:6px 8px 0}.brand-name{font-size:1.15rem}.brand-tag{display:none}.status-indicator-badge{padding:4px 10px;font-size:.78rem}.panels-container{flex-direction:column;padding:0 8px;gap:8px;margin-top:6px}.players-dock{width:100%;flex-direction:row;gap:6px}.player-card{flex:1;padding:8px 10px}.player-name{font-size:.8rem}.player-role,.versus-divider,.history-dock{display:none}.camera-dock{margin-bottom:8px;padding:5px 12px}.cam-btn{padding:4px 10px;font-size:.72rem}.mode-btn{padding:4px 8px;font-size:.75rem}.btn-royal{padding:5px 10px;font-size:.78rem}}.btn-royal-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffd70014;border:1px solid rgba(212,175,55,.35);color:#fff;font-family:inherit;font-size:.88rem;font-weight:600;padding:10px 18px;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-royal-secondary:hover{background:#ffd7002e;border-color:var(--gold-primary);box-shadow:0 0 20px #d4af374d;transform:translateY(-2px)}.elo-trigger-btn{background:#d4af371f!important;border-color:#d4af3773!important}.review-trigger-btn{background:#00e5ff14!important;border-color:#00e5ff4d!important}.review-trigger-btn:hover{border-color:#00e5ff!important;box-shadow:0 0 15px #00e5ff4d!important}.elo-modal-card{background:#0c0e14f0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:28px;width:92%;max-width:680px;box-shadow:0 30px 80px #000000e6,0 0 40px #d4af3726;position:relative;display:flex;flex-direction:column;gap:20px;animation:scaleUp .28s ease-out}.elo-modal-header{display:flex;align-items:center;justify-content:space-between}.elo-header-title{display:flex;align-items:center;gap:14px}.elo-icon-box{width:44px;height:44px;border-radius:12px;background:#d4af371f;border:1px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center}.elo-title{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin:0}.elo-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:4px}.stockfish-link{color:#00e5ff;text-decoration:underline;font-weight:600;transition:color .2s ease}.stockfish-link:hover{color:#80f0ff}.banner-engine-tag{font-size:.72rem;color:var(--gold-glow);font-weight:700;margin-top:2px;letter-spacing:.02em}.current-elo-banner{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 18px}.banner-sub{font-size:.88rem;color:var(--text-muted)}.banner-elo{font-size:1.3rem;font-weight:800;letter-spacing:.03em}.elo-slider-wrap{display:flex;flex-direction:column;gap:8px}.slider-label-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.royal-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#3a3f58,#d4af37,#ff5722);outline:none;cursor:pointer}.royal-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #d4af37;box-shadow:0 0 10px #d4af37cc;cursor:pointer;transition:transform .15s}.royal-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.elo-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;max-height:280px;overflow-y:auto;padding-right:4px}.elo-preset-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.elo-preset-card:hover{background:#d4af370f;border-color:#d4af3759;transform:translateY(-2px)}.selected-preset{background:#d4af371f!important;border-color:var(--gold-primary)!important;box-shadow:0 0 18px #d4af3740}.preset-card-top{display:flex;align-items:center;justify-content:space-between}.preset-name{font-size:.84rem;font-weight:700;color:#fff}.preset-elo-tag{font-size:.72rem;font-weight:800;color:var(--gold-glow);background:#d4af371f;padding:2px 7px;border-radius:6px}.preset-desc{font-size:.73rem;color:var(--text-muted);line-height:1.35;margin:0}.preset-active-check{font-size:.7rem;font-weight:700;color:var(--gold-glow);display:flex;align-items:center;gap:4px;margin-top:4px}.modal-actions-right{display:flex;justify-content:flex-end;margin-top:4px}.review-backdrop{z-index:1000}.review-modal-card{background:#0a0c12f5;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border:1px solid rgba(212,175,55,.35);border-radius:24px;width:95%;max-width:960px;max-height:90vh;box-shadow:0 35px 90px #000000f2,0 0 50px #00e5ff1f;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.review-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.review-header-title{display:flex;align-items:center;gap:14px}.review-icon-box{width:44px;height:44px;border-radius:12px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.35);display:flex;align-items:center;justify-content:center}.review-title{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin:0}.review-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:4px}.review-loading-view,.review-empty-view{padding:60px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.spinner-royal{width:50px;height:50px;border:4px solid rgba(212,175,55,.15);border-top-color:var(--gold-glow);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-wrap{width:280px;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#00e5ff);border-radius:999px;transition:width .2s ease}.progress-percent{font-size:.84rem;font-weight:700;color:var(--gold-glow)}.review-content-layout{display:grid;grid-template-columns:310px 1fr;flex:1;overflow:hidden;min-height:480px}.review-sidebar{border-right:1px solid rgba(255,255,255,.08);padding:20px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;background:#00000040}.accuracy-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accuracy-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;text-align:center}.white-accuracy{border-color:#fff3}.black-accuracy{border-color:#ff17444d}.acc-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.acc-val{font-size:1.55rem;font-weight:900;color:#fff;letter-spacing:-.02em}.acc-bar{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-top:4px}.white-acc-fill{background:#fff;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.black-acc-fill{background:linear-gradient(90deg,#ff1744,#ff5252);height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.stats-breakdown-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px}.breakdown-title{font-size:.82rem;font-weight:700;color:#fff;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.breakdown-table{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:grid;grid-template-columns:1fr 40px 40px;align-items:center;font-size:.76rem}.breakdown-header{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.badge-text{font-weight:600}.text-brilliant{color:#00e5ff}.text-best{color:#00e676}.text-good{color:#69f0ae}.text-inaccuracy{color:#ffd740}.text-mistake{color:#ff9100}.text-blunder{color:#ff1744}.stat-pill-sm{background:#ffffff0a;padding:2px 6px;border-radius:6px;text-align:center;font-weight:600}.review-side-actions{display:flex;gap:8px;margin-top:auto}.review-main-panel{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.eval-timeline-wrap{display:flex;flex-direction:column;gap:8px}.timeline-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.eval-bars-container{display:flex;align-items:center;gap:3px;height:48px;background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px 6px;overflow-x:auto}.eval-bar-col{flex:1;min-width:6px;height:100%;display:flex;align-items:flex-end;background:#ffffff0f;border-radius:3px;cursor:pointer;position:relative;transition:transform .15s ease}.eval-bar-col:hover{transform:scaleY(1.15);background:#ffffff26}.selected-eval-col{background:#d4af3780!important;box-shadow:0 0 8px #d4af37cc}.eval-white-fill{width:100%;background:#fff;border-radius:2px}.current-move-card{background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.move-card-header{display:flex;align-items:center;justify-content:space-between}.move-tag-badge{display:flex;align-items:center;gap:8px}.move-num{font-size:.88rem;color:var(--text-muted);font-weight:700}.move-san{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em}.move-player-pill{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff14;color:#fff}.badge-review{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:999px}.badge-brilliant{background:#00e5ff26;color:#00e5ff;border:1px solid rgba(0,229,255,.4);box-shadow:0 0 12px #00e5ff59}.badge-great{background:#b388ff26;color:#b388ff;border:1px solid rgba(179,136,255,.4)}.badge-best{background:#00e67626;color:#00e676;border:1px solid rgba(0,230,118,.4)}.badge-good{background:#69f0ae26;color:#69f0ae;border:1px solid rgba(105,240,174,.3)}.badge-inaccuracy{background:#ffd74026;color:#ffd740;border:1px solid rgba(255,215,64,.4)}.badge-mistake{background:#ff910026;color:#ff9100;border:1px solid rgba(255,145,0,.4)}.badge-blunder{background:#ff17442e;color:#ff1744;border:1px solid rgba(255,23,68,.5);box-shadow:0 0 14px #ff17444d}.move-card-body{display:flex;flex-direction:column;gap:10px}.eval-score-row{display:flex;align-items:center;gap:14px}.eval-pill,.acc-badge{font-size:.82rem;color:var(--text-muted);background:#ffffff08;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.eval-pill strong,.acc-badge strong{color:#fff}.move-comment{font-size:.9rem;line-height:1.5;color:#ddd;margin:0}.engine-recommendation-box{background:#00e67614;border:1px dashed rgba(0,230,118,.4);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px}.rec-label{font-size:.78rem;color:#00e676;font-weight:700}.rec-move{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.02em}.move-nav-controls{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.move-index-indicator{font-size:.8rem;color:var(--text-muted);font-weight:600}.moves-chip-container{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;padding:4px 2px}.move-chip{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px 8px;display:flex;align-items:center;gap:4px;cursor:pointer;color:#ccc;font-family:inherit;font-size:.76rem;transition:all .15s ease}.move-chip:hover{background:#ffffff14;border-color:#fff3}.active-chip{background:#d4af3733!important;border-color:var(--gold-glow)!important;color:#fff!important;box-shadow:0 0 10px #d4af3759}.chip-num{color:var(--text-muted);font-size:.7rem}.chip-san{font-weight:700}.chip-brilliant{border-color:#00e5ff66}.chip-great{border-color:#b388ff66}.chip-best{border-color:#00e67666}.chip-inaccuracy{border-color:#ffd74066}.chip-mistake{border-color:#ff910066}.chip-blunder{border-color:#ff174499;background:#ff174414}@media (max-width: 820px){.review-content-layout{grid-template-columns:1fr;max-height:75vh;overflow-y:auto}.review-sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}}