:root{--bg-dark:#0f1115;--panel-bg:#191c2499;--glass-border:#ffffff0d;--text-primary:#f0f2f5;--text-muted:#8b92a5;--accent-blue:#3b82f6;--accent-blue-hover:#60a5fa;--accent-purple:#8b5cf6;--eval-white:#e2e8f0;--eval-black:#1e293b;--sidebar-bg:#14161c}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.background-mesh{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f614,#0000 40%),radial-gradient(circle at 80% 20%,#8b5cf614,#0000 40%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.container{width:100%;max-width:1000px;padding:20px}header{text-align:center;margin-bottom:40px}header h1{letter-spacing:-1px;font-size:2.5rem;font-weight:700}header h1 span{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}header p{color:var(--text-muted);margin-top:5px}.main-layout{justify-content:center;align-items:flex-start;gap:40px;display:flex}.board-column{align-items:center;gap:15px;display:flex}.eval-wrapper{background:var(--eval-black);border:1px solid var(--glass-border);border-radius:6px;width:24px;height:500px;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000080}.eval-fill{background:var(--eval-white);width:100%;height:50%;transition:height .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.eval-text{color:#fff;mix-blend-mode:difference;writing-mode:vertical-rl;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;width:320px;margin-bottom:20px;padding:25px;box-shadow:0 10px 40px #0006}.glass-panel h2{border-bottom:1px solid var(--glass-border);margin-bottom:20px;padding-bottom:10px;font-size:1.25rem;font-weight:600}.glass-panel h3{color:var(--text-muted);margin-top:20px;margin-bottom:10px;font-size:1rem}.control-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.control-group{margin-bottom:15px}.control-group label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}select,input[type=range],.custom-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0003;border-radius:6px;outline:none;padding:8px}input[type=range]{-webkit-appearance:none;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-blue);cursor:pointer;border-radius:50%;width:16px;height:16px}.btn-group{gap:10px;margin-top:25px;display:flex}button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-weight:600;transition:all .2s}.primary-btn{background:var(--accent-blue);color:#fff}.primary-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.secondary-btn{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff0d}.secondary-btn:hover{background:#ffffff1a}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-box{text-align:center;background:#0003;border-radius:8px;padding:10px}.stat-box span{color:var(--text-muted);margin-bottom:4px;font-size:.75rem;display:block}.stat-box strong{font-size:.95rem}.top-lines{list-style:none}.top-lines li{background:#0003;border-radius:6px;justify-content:space-between;margin-bottom:8px;padding:8px 12px;font-size:.9rem;display:flex}.top-lines li .stats{color:var(--accent-blue-hover);font-family:monospace}.board-b72b1{border-radius:4px;border:2px solid var(--glass-border)!important}.main-menu-wrapper{background-color:var(--bg-dark);z-index:10;display:flex;position:fixed;inset:0;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:25px 0;display:flex;position:sticky;top:0}.sidebar-logo{padding:0 20px 20px}.sidebar-logo h2{font-size:1.5rem;font-weight:700}.sidebar-logo h2 span{color:#8b5cf6}.sidebar-nav{flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-item{color:var(--text-muted);align-items:center;padding:12px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item .icon{margin-right:15px;font-size:1.2rem}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-blue-hover);border-left:3px solid var(--accent-blue);background:#3b82f626}.nav-item.trial{color:var(--accent-blue)}.sidebar-bottom{border-top:1px solid var(--glass-border);padding:20px}.search-bar{background:#0000004d;border-radius:6px;align-items:center;margin-bottom:15px;padding:8px 12px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;margin-left:8px}.user-profile{justify-content:space-between;align-items:center;display:flex}.user-profile .avatar{background:var(--eval-white);color:#000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-profile .username{flex:1;margin-left:10px;font-size:.9rem;font-weight:600}.logout-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.logout-btn .icon{justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-customizer-wrapper{margin-top:10px}.theme-toggle-btn{border:1px solid var(--glass-border);width:100%;color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.theme-toggle-btn:hover,.theme-toggle-btn.active{border-color:var(--accent-blue);color:var(--text-primary);background:#ffffff12}.theme-toggle-label{text-align:left;flex:1}.theme-toggle-chevron{color:var(--text-muted);font-size:1rem;transition:transform .25s;display:inline-block}.theme-toggle-chevron.open{transform:rotate(90deg)}.theme-panel{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s;overflow:hidden}.theme-panel.open{opacity:1;max-height:500px}.theme-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:12px 0 8px;font-size:.72rem;font-weight:700}.theme-presets-grid{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow:auto hidden}.preset-dot{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;transition:all .2s;display:flex;position:relative}.preset-dot:hover{background:#ffffff0d;border-color:#ffffff26}.preset-dot.selected{border-color:var(--dot-color,var(--accent-blue));background:#ffffff0f}.preset-dot-inner{background:linear-gradient(135deg, var(--dot-color,#3b82f6), var(--dot-bg,#8b5cf6));border:2px solid #ffffff1a;border-radius:50%;width:22px;height:22px;transition:transform .15s;display:block}.preset-dot:hover .preset-dot-inner,.preset-dot.selected .preset-dot-inner{transform:scale(1.15)}.preset-dot-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6rem;line-height:1.2;overflow:hidden}.theme-pickers{flex-direction:column;gap:8px;display:flex}.theme-picker-row{cursor:pointer;border:1px solid var(--glass-border);background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;transition:background .2s;display:flex}.theme-picker-row:hover{background:#ffffff0a}.picker-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.picker-right{align-items:center;gap:6px;display:flex}.color-input{cursor:pointer;background:0 0;border:2px solid #ffffff26;border-radius:6px;width:28px;height:28px;padding:0;overflow:hidden}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:4px}.picker-hex{color:var(--text-muted);letter-spacing:.5px;font-family:monospace;font-size:.7rem}.theme-active-label{text-align:center;color:var(--accent-blue);background:rgba(var(--accent-blue), .08);border:1px solid #ffffff0d;border-radius:6px;margin-top:10px;padding:6px;font-size:.75rem;font-weight:600}.board-area{background:var(--bg-dark);flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.board-container{flex-direction:column;width:100%;max-width:80vh;display:flex}.chess-board-wrapper{border-radius:4px;width:100%;overflow:hidden;box-shadow:0 10px 40px #0006}.player-info-bottom{align-items:center;margin-top:15px;display:flex}.avatar-small{background:var(--eval-white);color:#000;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.player-info-bottom .username{margin-left:10px;font-weight:600}.flag{margin-left:5px}.right-panel{background:var(--bg-dark);box-sizing:border-box;flex-direction:column;width:380px;height:100%;padding:20px;display:flex;overflow-y:auto}.menu-glass-panel{flex-direction:column;width:100%;max-height:90vh;padding:0;display:flex;overflow-y:auto}.panel-header{border-bottom:1px solid var(--glass-border);text-align:center;padding:20px}.panel-header h2{justify-content:center;align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.action-buttons{flex-direction:column;gap:12px;padding:20px;display:flex}.action-btn{text-align:left;border-radius:10px;align-items:center;padding:15px;transition:all .2s;display:flex}.action-btn .btn-icon{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;font-size:2rem;display:flex}.btn-text{flex-direction:column;display:flex}.btn-text strong{margin-bottom:4px;font-size:1.1rem}.btn-text span{color:var(--text-muted);font-size:.8rem;font-weight:400}.primary-action{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));color:#fff;border:none}.primary-action:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.primary-action .btn-text span{color:#fffc}.secondary-action{border:1px solid var(--glass-border);background:#ffffff08}.secondary-action:hover{background:#ffffff14}.panel-footer{border-top:1px solid var(--glass-border);justify-content:space-around;margin-top:auto;padding:15px 20px;display:flex}.footer-link{color:var(--text-muted);align-items:center;gap:5px;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.footer-link:hover{color:var(--text-primary)}.friends-page-wrapper{width:100%;height:100vh;display:flex}.friends-content{flex:1;gap:30px;padding:30px;display:flex;overflow-y:auto}.friends-main-col{flex-direction:column;flex:3;gap:20px;display:flex}.friends-sidebar-col{flex-direction:column;flex:1;gap:20px;min-width:300px;display:flex}.friends-header{align-items:center;gap:15px;margin-bottom:10px;display:flex}.friends-header h1{margin:0;font-size:1.8rem}.puzzle-banner{background:#1e1e1e;border-radius:12px;justify-content:space-between;align-items:center;min-height:120px;padding:25px;display:flex;position:relative;overflow:hidden}.puzzle-banner-text{z-index:1}.puzzle-banner-text h2{margin:0;font-size:2rem;line-height:1}.puzzle-banner-btn{color:#fff;cursor:pointer;background:#f57c00;border:none;border-radius:6px;margin-top:15px;padding:10px 20px;font-weight:700}.friends-actions-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.friend-action-btn{color:#fff;cursor:pointer;background:#262626;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;transition:background .2s;display:flex}.friend-action-btn:hover{background:#333}.friend-action-content{align-items:center;gap:12px;font-weight:600;display:flex}.friends-search-container{width:100%;position:relative}.friends-search-input{color:#fff;background:#262626;border:none;border-radius:8px;width:100%;padding:15px 15px 15px 45px;font-size:.95rem}.friends-search-icon{color:#8b92a5;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.friends-list-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.friend-item{background:0 0;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;padding:15px;display:flex}.friend-item:hover{background:#ffffff05}.friend-info{align-items:center;gap:15px;display:flex}.friend-avatar{background:#444;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.friend-details{flex-direction:column;display:flex}.friend-name-row{align-items:center;gap:8px;display:flex}.friend-status-text{color:#8b92a5;font-size:.8rem}.friend-actions{color:#8b92a5;gap:15px;display:flex}.friend-action-icon{cursor:pointer;font-size:1.1rem}.friend-action-icon:hover{color:#fff}.leaderboard-panel{background:#262626;border-radius:12px;padding:20px}.leaderboard-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.leaderboard-tabs{background:#333;flex-direction:column;gap:1px;display:flex}.leaderboard-tab-item{cursor:pointer;background:#262626;padding:12px}.leaderboard-tab-item:hover{background:#2d2d2d}.leaderboard-tab-header{justify-content:space-between;align-items:center;display:flex}.leaderboard-row{justify-content:space-between;padding:8px 12px;font-size:.85rem;display:flex}.leaderboard-rank{color:#8b92a5;width:20px}.leaderboard-user-info{flex:1;align-items:center;gap:8px;display:flex}.leaderboard-rating{font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--glass-border);background:#1e2026;border-radius:12px;flex-direction:column;width:400px;max-width:90vw;max-height:80vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;display:flex;box-shadow:0 10px 40px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:1.5rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.pending-list{flex-direction:column;padding:20px;display:flex;overflow-y:auto}.pending-badge{color:#fff;background-color:#ef4444;border-radius:99px;margin-left:8px;padding:2px 6px;font-size:.75rem;font-weight:700}.friend-dropdown-menu{border:1px solid var(--glass-border);z-index:10;background:#1e2026;border-radius:6px;min-width:130px;margin-top:5px;animation:.15s ease-out fadeIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.friend-dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;transition:background .2s;display:flex}.friend-dropdown-item:hover{background:#ffffff0d}.friend-dropdown-item.delete:hover{background:#f871711a}.lobby-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#080a0fb3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out lobbyOverlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes lobbyOverlayFadeIn{0%{opacity:0}to{opacity:1}}.lobby-modal-card{background:linear-gradient(135deg,#141821f2,#1c222ef2);border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:520px;padding:35px;animation:.3s cubic-bezier(.34,1.56,.64,1) lobbyCardSlideIn;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 40px #3b82f60d}@keyframes lobbyCardSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.lobby-modal-content{flex-direction:column;gap:25px;display:flex}.lobby-modal-header{text-align:center}.lobby-modal-header h2{background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800}.lobby-status-pill{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633;border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.time-controls-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.9rem}.time-controls-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:15px;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.time-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.time-card.active{background:#3b82f61a;border-color:#3b82f680;box-shadow:0 0 15px #3b82f626}.time-icon{font-size:1.8rem}.time-info{flex-direction:column;display:flex}.time-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.time-duration{color:var(--text-muted);font-size:.8rem}.time-card.active .time-name{color:#60a5fa}.lobby-actions-section{flex-direction:column;gap:20px;display:flex}.lobby-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;width:100%;padding:16px;font-size:1.05rem;font-weight:700;transition:all .2s ease-out;box-shadow:0 8px 24px #3b82f64d}.lobby-primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 30px #3b82f673}.lobby-separator{text-align:center;color:#ffffff26;letter-spacing:2px;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lobby-separator:before,.lobby-separator:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.lobby-separator span{padding:0 15px}.lobby-private-actions{flex-direction:column;gap:12px;display:flex}.lobby-secondary-btn{color:var(--text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.lobby-secondary-btn:hover{background:#ffffff12;border-color:#ffffff26}.lobby-join-group{gap:10px;display:flex}.lobby-input{color:#fff;background:#00000040;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:.95rem;transition:border-color .2s}.lobby-input:focus{border-color:#3b82f666}.lobby-join-btn{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.lobby-join-btn:hover{background:#3b82f640;border-color:#60a5fa}.lobby-back-btn{color:#f87171;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:10px;font-size:.9rem;font-weight:700;transition:color .2s}.lobby-back-btn:hover{color:#fca5a5;text-decoration:underline}.searching-content{text-align:center;align-items:center;padding:20px 0}.lobby-spinner-container{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:25px;display:flex;position:relative}.lobby-pulse-ring{background:#3b82f626;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.215,.61,.355,1) infinite lobbyPulse;position:absolute}@keyframes lobbyPulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.lobby-spinner{border:3px solid #0000;border-color:#3b82f6 #0000 #8b5cf6;border-radius:50%;width:80px;height:80px;animation:1.2s linear infinite lobbySpin;position:absolute}@keyframes lobbySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby-search-icon{z-index:2;font-size:2.2rem;animation:1.5s ease-in-out infinite alternate lobbySearchBob}@keyframes lobbySearchBob{0%{transform:translateY(-4px)scale(1)}to{transform:translateY(4px)scale(1.05)}}.searching-title{color:#fff;margin-bottom:5px;font-size:1.5rem;font-weight:800}.searching-status{color:var(--text-muted);margin-bottom:10px;font-size:.9rem}.lobby-room-code-box{background:#0000004d;border:1px solid #ffffff0f;border-radius:16px;width:100%;margin:15px 0 25px;padding:20px 30px}.room-label{color:var(--text-muted);letter-spacing:1.5px;font-size:.75rem;font-weight:700}.room-code{color:#a78bfa;letter-spacing:4px;margin:8px 0;font-family:monospace;font-size:2.4rem;font-weight:900}.room-desc{color:var(--text-muted);font-size:.8rem}.lobby-cancel-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .2s}.lobby-cancel-btn:hover{background:#ef444440;border-color:#ef4444}.found-content{text-align:center;align-items:center}.match-found-badge{color:#60a5fa;letter-spacing:2px;background:linear-gradient(90deg,#3b82f633,#8b5cf633);border:1px solid #3b82f666;border-radius:50px;margin-bottom:20px;padding:8px 24px;font-size:.8rem;font-weight:800;animation:1s infinite alternate matchFoundPulse}@keyframes matchFoundPulse{0%{transform:scale(1);box-shadow:0 0 10px #3b82f61a}to{transform:scale(1.05);box-shadow:0 0 20px #3b82f64d}}.opponent-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;gap:15px;width:100%;margin-bottom:30px;padding:25px;display:flex}.opponent-avatar{color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.opponent-details{flex-direction:column;gap:4px;display:flex}.opponent-name{color:#fff;font-size:1.4rem;font-weight:800}.opponent-stats{color:var(--text-muted);font-size:.9rem}.lobby-decision-group{gap:15px;width:100%;display:flex}.lobby-accept-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;flex:2;padding:16px;font-size:1rem;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #10b98140}.lobby-accept-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 25px #10b98166}.lobby-reject-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:16px;font-weight:700;transition:all .2s}.lobby-reject-btn:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.lobby-waiting-opponent{flex-direction:column;align-items:center;gap:15px;display:flex}.small-loader{border:2.5px solid #ffffff1a;border-top-color:#60a5fa;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite lobbySpin}.highlight-square{background-image:radial-gradient(circle,#81b64c80 20%,#0000 20%)!important}.highlight-square-selected{background-color:#f7f76980!important;box-shadow:inset 0 0 0 3px #81b64ccc!important}.piece-417db{visibility:visible!important;opacity:1!important;-webkit-user-drag:none!important;user-drag:none!important;-webkit-user-select:none!important;user-select:none!important;width:100%!important;max-width:none!important;height:100%!important;display:block!important}div[class^=chessboard-],div[class*=\ chessboard-]{z-index:999999!important;opacity:1!important;visibility:visible!important}.tournament-hero-card{background:linear-gradient(135deg,#141821bf,#232a3a73);border:1px solid #ffffff14;border-radius:20px;width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.tournament-hero-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf626,#0000 70%);width:250px;height:250px;position:absolute;top:-50%;right:-20%}.tournament-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.badge-registering{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-ongoing{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;box-shadow:0 0 10px #3b82f626}.badge-finished{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.tournament-stats-row{z-index:1;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;width:100%;margin-top:25px;display:grid;position:relative}.tournament-stat-item{text-align:center;background:#00000040;border:1px solid #ffffff0a;border-radius:12px;padding:12px;transition:all .2s}.tournament-stat-item:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-2px)}.tournament-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.75rem;display:block}.tournament-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.timeline-container{background:#00000026;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px;display:flex;position:relative;overflow-x:auto}.timeline-step{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;min-width:120px;display:flex;position:relative}.timeline-step:not(:last-child):after{content:"";z-index:-1;background:#ffffff14;height:2px;position:absolute;top:15px;left:calc(50% + 15px);right:calc(15px - 50%)}.timeline-step.active:not(:last-child):after{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple))}.timeline-circle{width:32px;height:32px;color:var(--text-muted);background:#1c1f26;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:.9rem;transition:all .3s;display:flex}.timeline-step.active .timeline-circle{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 0 12px #3b82f666}.timeline-step.completed .timeline-circle{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.timeline-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.timeline-step.active .timeline-label{color:var(--text-primary)}.timeline-time{color:var(--text-muted);margin-top:3px;font-size:.7rem}.medal-badge{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:inline-flex}.medal-1{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b66}.medal-2{color:#fff;background:linear-gradient(135deg,#9ca3af,#4b5563);box-shadow:0 0 10px #9ca3af4d}.medal-3{color:#fff;background:linear-gradient(135deg,#b45309,#78350f);box-shadow:0 0 10px #b453094d}.round-capsule-bar{scrollbar-width:thin;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.round-capsule{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.round-capsule:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.round-capsule.active{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-color:#0000;box-shadow:0 4px 15px #3b82f640}.pairing-board-card{background:#191c2480;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pairing-board-card:hover{background:#23283299;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.board-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;background:#ffffff0d;border-bottom-right-radius:10px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:0;left:0}.player-row{justify-content:space-between;align-items:center;display:flex}.player-name-wrapper{align-items:center;gap:10px;display:flex}.color-indicator{border:1px solid #ffffff26;border-radius:3px;width:14px;height:14px;display:inline-block}.color-white{background-color:#f8fafc}.color-black{background-color:#1e293b}.player-name-text{color:var(--text-primary);font-weight:600}.player-name-text.is-user{color:var(--accent-blue-hover);font-weight:700}.player-rating-text{color:var(--text-muted);font-size:.75rem}.match-result-status{border-radius:4px;padding:3px 8px;font-size:.85rem;font-weight:700}.result-win{color:#34d399;background:#10b98126}.result-lose{color:#fca5a5;background:#ef444426}.result-draw{color:var(--text-muted);background:#ffffff0d}.live-pulse{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite livePulseAni;display:inline-block;box-shadow:0 0 #ef4444b3}@keyframes livePulseAni{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.action-link-btn{color:var(--accent-blue-hover);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.8rem;font-weight:600;transition:color .2s;display:flex}.action-link-btn:hover{color:#fff}.demo-banner{color:#fbbf24;background:linear-gradient(90deg,#f59e0b26,#ef444426);border:1px solid #f59e0b4d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.85rem;font-weight:500;display:flex}