@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap);.avatar{display:inline-flex;flex-shrink:0;position:relative}.avatar,.avatar-inner{align-items:center;border-radius:50%;justify-content:center}.avatar-inner{background:linear-gradient(135deg,#1a1a2e,#16162a);display:flex;height:100%;overflow:hidden;width:100%}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-initials{color:var(--color-primary);font-weight:700;letter-spacing:.05em}.avatar-xs{height:28px;width:28px}.avatar-xs .avatar-initials{font-size:.6rem}.avatar-sm{height:36px;width:36px}.avatar-sm .avatar-initials{font-size:.75rem}.avatar-md{height:44px;width:44px}.avatar-md .avatar-initials{font-size:.9rem}.avatar-lg{height:60px;width:60px}.avatar-lg .avatar-initials{font-size:1.1rem}.avatar-xl{height:80px;width:80px}.avatar-xl .avatar-initials{font-size:1.4rem}.avatar-status{border:2px solid var(--color-bg-card);border-radius:50%;bottom:1px;height:12px;position:absolute;right:1px;width:12px}.avatar-status-online{background:var(--color-success);box-shadow:0 0 6px #00ff8880}.avatar-status-offline{background:var(--color-text-muted)}.avatar-status-in-game{animation:pulse 2s ease-in-out infinite;background:var(--color-error);box-shadow:0 0 6px #ff336680}.avatar-status-in-lobby{box-shadow:0 0 6px #ffb80080}.avatar-status-idle,.avatar-status-in-lobby{background:var(--color-warning)}.avatar-rank .avatar-inner{border:2px solid var(--rank-color,var(--color-primary))}.avatar-rank-ring{animation:avatarRankPulse 3s ease-in-out infinite;border:2px solid var(--rank-color,var(--color-primary));border-radius:50%;inset:-3px;opacity:.3;position:absolute}@keyframes avatarRankPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.avatar-clickable{cursor:pointer;transition:transform var(--transition-fast)}.avatar-clickable:hover{transform:scale(1.1)}.rank-badge{align-items:center;background:#0000004d;border:1px solid var(--rank-color,var(--color-primary));border-radius:20px;display:inline-flex;gap:8px;overflow:hidden;padding:6px 12px;position:relative}.rank-badge-sm{font-size:.8rem;gap:4px;padding:4px 8px}.rank-badge-md{gap:8px;padding:6px 12px}.rank-badge-lg{font-size:1.1rem;gap:10px;padding:8px 16px}.rank-badge-icon{font-size:1.2em}.rank-badge-info{display:flex;flex-direction:column;line-height:1.2}.rank-badge-name{font-size:.85em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.rank-badge-elo{color:var(--color-text-tertiary);font-size:.7em;font-weight:500}.rank-badge-glow{animation:rankGlow 3s ease-in-out infinite;background:radial-gradient(ellipse at center,#00d4ff1a 0,#0000 70%);background:radial-gradient(ellipse at center,var(--rank-color,#00d4ff1a) 0,#0000 70%);inset:0;opacity:.15;position:absolute}@keyframes rankGlow{0%,to{opacity:.1}50%{opacity:.25}}.stat-badge{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:12px;display:flex;gap:10px;padding:12px 16px;transition:all var(--transition-normal)}.stat-badge:hover{border-color:var(--color-border-hover)}.stat-badge-sm{gap:6px;padding:8px 12px}.stat-badge-lg{gap:14px;padding:16px 20px}.stat-badge-icon{align-items:center;background:#00d4ff1a;border-radius:10px;color:var(--color-primary);display:flex;font-size:1.1rem;height:36px;justify-content:center;width:36px}.stat-badge-content{display:flex;flex-direction:column}.stat-badge-value{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;line-height:1.2}.stat-badge-label{color:var(--color-text-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.elo-change-badge{align-items:center;border-radius:6px;display:inline-flex;font-family:var(--font-mono);font-size:.85rem;font-weight:700;padding:2px 8px}.elo-positive{background:#00ff881a;color:var(--color-success)}.elo-negative{background:#ff33661a;color:var(--color-error)}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid #00d4ff14;left:0;position:fixed;right:0;top:0;z-index:200}.navbar-inner{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-inner,.navbar-logo{align-items:center;display:flex}.navbar-logo{flex-shrink:0;gap:10px;text-decoration:none}.navbar-logo-icon{align-items:center;background:linear-gradient(135deg,#00d4ff,#7b61ff);border-radius:10px;color:#000;display:flex;height:36px;justify-content:center;width:36px}.navbar-logo-text{color:var(--color-text-primary);font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.navbar-logo-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7b61ff);-webkit-background-clip:text;background-clip:text}.navbar-links{gap:4px}.navbar-link,.navbar-links{align-items:center;display:flex}.navbar-link{border-radius:10px;color:var(--color-text-tertiary);font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;position:relative;text-decoration:none;transition:all var(--transition-fast)}.navbar-link:hover{background:#ffffff0a;color:var(--color-text-primary)}.navbar-link-active{color:var(--color-primary)}.navbar-link-icon{display:flex;font-size:1.1rem}.navbar-link-indicator{background:var(--color-primary);border-radius:1px;bottom:-1px;box-shadow:0 0 8px #00d4ff80;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.navbar-actions{align-items:center;display:flex;gap:8px}.navbar-action-btn{align-items:center;background:#ffffff0a;border:none;border-radius:10px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:38px;justify-content:center;position:relative;transition:all var(--transition-fast);width:38px}.navbar-action-btn:hover{background:#ffffff14;color:var(--color-text-primary)}.navbar-badge{align-items:center;background:var(--color-error);border-radius:9px;box-shadow:0 0 10px #ff336680;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-2px;top:-2px}.navbar-profile-wrapper{position:relative}.navbar-profile-btn{align-items:center;background:#ffffff08;border:1px solid var(--color-border-secondary);border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:4px 12px 4px 4px;transition:all var(--transition-fast)}.navbar-profile-btn:hover{background:#ffffff0f;border-color:var(--color-border-hover)}.navbar-profile-info{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.navbar-profile-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.navbar-profile-elo{color:var(--color-primary);font-family:var(--font-mono);font-size:.7rem;font-weight:500}.navbar-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:14px;box-shadow:0 10px 40px #00000080,0 0 1px #00d4ff1a;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:100}.navbar-dropdown-header{align-items:center;background:#00d4ff08;display:flex;gap:14px;padding:16px}.navbar-dropdown-header h4{color:var(--color-text-primary);font-size:1rem;margin-bottom:4px}.navbar-dropdown-stats{display:flex;gap:8px;padding:12px 16px}.navbar-dropdown-stat{align-items:center;background:#ffffff08;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:8px}.navbar-dropdown-stat .stat-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:700}.navbar-dropdown-stat .stat-label{color:var(--color-text-tertiary);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.navbar-dropdown-divider{background:var(--color-border-secondary);height:1px;margin:4px 0}.navbar-dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;gap:10px;padding:10px 16px;text-decoration:none;transition:all var(--transition-fast);width:100%}.navbar-dropdown-item:hover{background:#ffffff0d;color:var(--color-text-primary)}.navbar-dropdown-logout:hover{color:var(--color-error)}.navbar-auth-buttons{align-items:center;display:flex;gap:8px}.navbar-auth-btn{border-radius:10px;font-size:.85rem;font-weight:600;padding:8px 18px;text-decoration:none;transition:all var(--transition-fast)}.navbar-auth-login{background:#0000;color:var(--color-text-secondary)}.navbar-auth-login:hover{background:#ffffff0d;color:var(--color-text-primary)}.navbar-auth-register{background:linear-gradient(135deg,#00d4ff,#09c);color:#000}.navbar-auth-register:hover{box-shadow:0 0 20px #00d4ff66}.navbar-mobile-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:none;height:38px;justify-content:center;width:38px}.navbar-mobile-menu{border-top:1px solid var(--color-border-secondary);display:none;flex-direction:column;overflow:hidden;padding:8px 16px 16px}.navbar-mobile-link{align-items:center;border-radius:10px;color:var(--color-text-secondary);display:flex;font-size:1rem;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all var(--transition-fast)}.navbar-mobile-link.active,.navbar-mobile-link:hover{background:#00d4ff0d;color:var(--color-primary)}@media (max-width:768px){.navbar-links{display:none}.navbar-mobile-menu,.navbar-mobile-toggle{display:flex}.navbar-profile-info{display:none}.navbar-auth-buttons{gap:4px}}.navbar-logo-tag{background:linear-gradient(135deg,#00d4ff22,#7b61ff22);border:1px solid #00d4ff4d;border-radius:4px;color:#00d4ff;font-size:.55rem;font-weight:800;letter-spacing:.1em;margin-left:4px;padding:2px 6px}.navbar-link-pill{align-items:center;background:#00d4ff26;border-radius:999px;color:#00d4ff;display:inline-flex;font-family:var(--font-mono);font-size:.7rem;font-weight:700;gap:4px;margin-left:4px;padding:2px 8px}.pulse-dot{background:#0f8;box-shadow:0 0 8px #0f8;height:7px;width:7px}.pulse-dot,.pulse-dot-xs{animation:pulseLive 1.6s ease-in-out infinite;border-radius:50%;display:inline-block}.pulse-dot-xs{background:#00d4ff;box-shadow:0 0 6px #00d4ff;height:5px;width:5px}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.navbar-presence{align-items:center;background:#00ff880f;border:1px solid #00ff8826;border-radius:999px;display:flex;font-size:.75rem;gap:6px;padding:6px 12px}.navbar-presence-count{color:#0f8;font-family:var(--font-mono);font-weight:700}.navbar-presence-label{color:var(--color-text-tertiary);font-size:.7rem}.navbar-search-btn{gap:8px;padding:0 10px;width:auto!important}.navbar-kbd{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.65rem;padding:1px 6px}.elo-dot{background:var(--color-primary);border-radius:50%;box-shadow:0 0 4px var(--color-primary);display:inline-block;height:5px;margin-right:3px;width:5px}.navbar-dropdown-progress{padding:8px 16px 14px}.dd-prog-row{color:var(--color-text-tertiary);display:flex;font-family:var(--font-mono);font-size:.7rem;justify-content:space-between;margin-bottom:4px}.dd-prog-bar{background:#ffffff0d;border-radius:3px;height:5px;overflow:hidden}.dd-prog-fill{background:linear-gradient(90deg,#00d4ff,#7b61ff);border-radius:3px;height:100%;transition:width .5s ease}.navbar-cmdk-backdrop{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding-top:15vh;position:fixed;z-index:500}.navbar-cmdk{background:#14141efa;border:1px solid #00d4ff33;border-radius:16px;box-shadow:0 20px 80px #0009,0 0 40px #00d4ff1a;overflow:hidden;width:min(600px,90vw)}.navbar-cmdk-head{align-items:center;border-bottom:1px solid #ffffff0d;color:var(--color-text-secondary);display:flex;gap:12px;padding:16px 20px}.navbar-cmdk-head input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:1rem;outline:none}.navbar-cmdk-head kbd{background:#ffffff0d;border-radius:4px;font-size:.65rem;padding:2px 6px}.navbar-cmdk-list{max-height:50vh;overflow-y:auto;padding:8px}.navbar-cmdk-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:10px 12px;text-align:left;width:100%}.navbar-cmdk-item:hover{background:#00d4ff14;color:#fff}.navbar-cmdk-item>span{flex:1 1}.navbar-cmdk-item kbd{background:#ffffff0d;border-radius:4px;color:var(--color-text-tertiary);font-size:.65rem;padding:2px 6px}.navbar-cmdk-foot{border-top:1px solid #ffffff0d;color:var(--color-text-tertiary);display:flex;font-size:.7rem;gap:16px;padding:10px 16px}.navbar-cmdk-foot span{align-items:center;display:inline-flex;gap:4px}@media (max-width:900px){.navbar-presence-label,.navbar-search-btn .navbar-kbd{display:none}}@media (max-width:768px){.navbar-presence,.navbar-search-btn{display:none}}.navbar-notif-wrapper{position:relative}.navbar-notif-dropdown{background:linear-gradient(180deg,#16162a,#0f0f1f);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #00d4ff0d;max-height:480px;overflow-y:auto;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:340px;z-index:100}.navbar-notif-head{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:14px 16px}.navbar-notif-head h4{font-size:.95rem;font-weight:700;margin:0}.navbar-notif-head span{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.72rem}.navbar-notif-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:10px;padding:40px 20px}.navbar-notif-empty p{font-size:.85rem;margin:0}.navbar-notif-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding:6px}.navbar-notif-row{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:inherit;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:.15s;width:100%}.navbar-notif-row:hover{background:#ffffff0a;border-color:#ffffff0f}.navbar-notif-unread{background:#00d4ff0f}.navbar-notif-unread:hover{background:#00d4ff1a}.navbar-notif-icon{align-items:center;background:#ffffff0a;border-radius:10px;color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:.95rem;height:36px;justify-content:center;width:36px}.navbar-notif-icon.nn-friend_accept,.navbar-notif-icon.nn-friend_request{background:#00d4ff1f;color:#00d4ff}.navbar-notif-icon.nn-match_invite{background:#ffb8001f;color:#ffb800}.navbar-notif-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.navbar-notif-body span{color:var(--color-text);font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.navbar-notif-body em{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem;font-style:normal}.navbar-notif-arrow{color:var(--color-text-tertiary);flex-shrink:0;opacity:0;transform:translateX(-4px);transition:.15s}.navbar-notif-row:hover .navbar-notif-arrow{opacity:1;transform:translateX(0)}.glow-orbs-container,.particle-field{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.glow-orbs-container{overflow:hidden}.glow-orb{border-radius:50%;filter:blur(80px);position:absolute;transform:translate(-50%,-50%)}.grid-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.grid-lines{inset:0;position:absolute}.grid-animated .grid-lines{animation:gridPan 30s linear infinite}@keyframes gridPan{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.grid-scan-line{animation:gridScan 8s linear infinite;background:linear-gradient(180deg,#0000,#00d4ff08,#0000);height:20%;left:0;position:absolute;top:-10%;width:100%}@keyframes gridScan{0%{top:-20%}to{top:120%}}.grid-vignette{background:radial-gradient(ellipse at center,#0000 30%,#0006 100%);inset:0;position:absolute}.typewriter{align-items:center;display:inline-flex}.typewriter-text{display:inline}.typewriter-cursor{border-radius:2px;display:inline-block;height:1.1em;margin-left:2px;vertical-align:text-bottom;width:3px}.countdown-overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:500}.countdown-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;inset:0;position:absolute}.countdown-number{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.countdown-digit{color:var(--color-primary);font-family:var(--font-family);font-size:8rem;font-weight:800;line-height:1;text-shadow:0 0 40px #00d4ff99,0 0 80px #00d4ff4d}.countdown-ring{border:3px solid var(--color-primary);border-radius:50%;height:200px;opacity:.5;position:absolute;width:200px}.countdown-ring-2{border-color:var(--color-secondary)}.countdown-ready-text{color:var(--color-text-secondary);font-size:1.2rem;font-weight:600;letter-spacing:.2em;margin-top:40px;position:relative;text-transform:uppercase;z-index:1}.countdown-go-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f8,#00d4ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,255,136,.5));font-size:6rem;font-weight:900;position:relative;text-shadow:none;z-index:1}.countdown-go-burst{background:radial-gradient(circle,#0f86 0,#0000 70%);border-radius:50%;height:100px;position:absolute;width:100px}.electric-arc{animation:electricArc .1s linear;background:linear-gradient(90deg,#0000,var(--color-primary),#0000);box-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary);filter:blur(1px);height:2px;opacity:0;position:absolute;width:100%}.screen-flash{animation:screenFlash .3s ease-out forwards;background:#00d4ff1a;inset:0;pointer-events:none;position:fixed;z-index:9999}@keyframes screenFlash{0%{opacity:1}to{opacity:0}}.confetti-particle{animation:confettiFall 3s ease-out forwards;border-radius:2px;height:8px;pointer-events:none;position:fixed;width:8px;z-index:999}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.ripple-effect{animation:rippleExpand .6s ease-out forwards;background:#00d4ff33;border-radius:50%;pointer-events:none;position:absolute}@keyframes rippleExpand{0%{height:0;opacity:.5;width:0}to{height:200px;margin-left:-100px;margin-top:-100px;opacity:0;width:200px}}.loading-screen{align-items:center;background:var(--color-bg-deep);display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-logo{font-size:3rem;font-weight:900;margin-bottom:30px}.loading-bar-container{background:#ffffff0d;border-radius:2px;height:3px;overflow:hidden;width:200px}.loading-bar{animation:loadingBar 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;height:100%}@keyframes loadingBar{0%{margin-left:0;width:0}50%{margin-left:20%;width:60%}to{margin-left:100%;width:0}}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;overflow:hidden;position:relative;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-sm{border-radius:8px;font-size:.8rem;padding:6px 14px}.btn-md{font-size:.9rem;padding:10px 22px}.btn-lg{border-radius:12px;font-size:1rem;padding:14px 32px}.btn-xl{border-radius:14px;font-size:1.1rem;padding:18px 44px}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);box-shadow:0 2px 10px #00d4ff4d;color:#000}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3df,#0be);box-shadow:0 4px 20px #00d4ff80}.btn-secondary{background:linear-gradient(135deg,#7b61ff,#5a3fd6);box-shadow:0 2px 10px #7b61ff4d;color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 20px #7b61ff80}.btn-ghost{background:#0000;border:1px solid var(--color-border-secondary);color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-danger{background:linear-gradient(135deg,#f36,#c14);box-shadow:0 2px 10px #ff33664d;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 20px #ff336680}.btn-success{background:linear-gradient(135deg,#0f8,#0c6);box-shadow:0 2px 10px #00ff884d;color:#000}.btn-success:hover:not(:disabled){box-shadow:0 4px 20px #00ff8880}.btn-outline{background:#0000;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:#00d4ff1a;box-shadow:0 0 20px #00d4ff33}.btn-glow{animation:btnGlow 2s ease-in-out infinite}@keyframes btnGlow{0%,to{box-shadow:0 0 5px #00d4ff4d,0 2px 10px #00d4ff33}50%{box-shadow:0 0 20px #00d4ff99,0 4px 20px #00d4ff66}}.btn-pulse{animation:btnPulse 2s ease-in-out infinite}@keyframes btnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-icon{font-size:1.1em}.btn-icon,.btn-spinner{align-items:center;display:flex}.btn-spinner{justify-content:center}.btn-spinner .spinner{border-color:#fff3;border-top-color:initial}.btn-ripple{inset:0;pointer-events:none;position:absolute}.btn:active .btn-ripple:after{animation:ripple .6s ease-out;background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.input-container{align-items:center;display:flex;position:relative}.input-field{background:var(--color-bg-input);border:1px solid var(--color-border-secondary);border-radius:10px;color:var(--color-text-primary);font-family:var(--font-family);font-size:.95rem;outline:none;padding:12px 16px;transition:all var(--transition-normal);width:100%}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4ff1a}.input-field:disabled{cursor:not-allowed;opacity:.5}.input-field.has-icon-left{padding-left:42px}.input-field.has-icon-right{padding-right:42px}.input-icon{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:1.1rem;justify-content:center;position:absolute;transition:color var(--transition-fast);z-index:1}.input-icon-left{left:14px}.input-icon-right{right:14px}.input-focused .input-icon{color:var(--color-primary)}.input-glow-bar{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);border-radius:1px;bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transform-origin:center;width:calc(100% - 20px)}.input-error .input-field{border-color:var(--color-error)}.input-error .input-field:focus{box-shadow:0 0 0 3px #ff33661a}.input-error-text{color:var(--color-error);font-size:.8rem;margin-top:2px}.modal-portal{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:400}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;inset:0;position:absolute}.modal-container{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:16px;box-shadow:0 0 40px #00d4ff1a,0 20px 60px #00000080;max-height:90vh;overflow-y:auto;position:relative;z-index:1}.modal-sm{max-width:100%;width:400px}.modal-md{max-width:100%;width:560px}.modal-lg{max-width:100%;width:720px}.modal-xl{max-width:100%;width:960px}.modal-full{height:calc(100vh - 40px);width:calc(100vw - 40px)}.modal-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.modal-close{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.modal-close:hover{background:#ffffff1a;color:var(--color-text-primary)}.modal-body{padding:24px}.card{border-radius:14px;overflow:hidden;position:relative;transition:all .3s ease}.card-content{position:relative;z-index:1}.card-pad-none{padding:0}.card-pad-sm{padding:12px}.card-pad-md{padding:20px}.card-pad-lg{padding:28px}.card-default{border:1px solid var(--color-border-secondary)}.card-default,.card-glow{background:var(--color-bg-card)}.card-glow{border:1px solid var(--color-border-primary);box-shadow:0 4px 20px #0006,0 0 1px #00d4ff1a}.card-glow-effect{animation:cardGlowRotate 10s linear infinite;background:radial-gradient(ellipse at center,#00d4ff0d 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes cardGlowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-gradient{background:linear-gradient(145deg,#1a1a2ecc,#12121ce6);border:1px solid var(--color-border-primary)}.card-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2e80;border:1px solid #ffffff0f}.card-outlined{background:#0000;border:1px solid var(--color-border-primary)}.card-hover:hover{border-color:var(--color-border-hover);box-shadow:0 8px 30px #00000080,0 0 20px #00d4ff1a}.card-clickable{cursor:pointer}.progress-bar-wrapper{width:100%}.progress-bar-header{display:flex;justify-content:space-between;margin-bottom:6px}.progress-bar-label{color:var(--color-text-tertiary);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.progress-bar-percentage{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.progress-bar{background:#ffffff0d;border-radius:50px;overflow:hidden;position:relative;width:100%}.progress-bar-xs{height:3px}.progress-bar-sm{height:6px}.progress-bar-md{height:10px}.progress-bar-lg{border-radius:8px;height:16px}.progress-bar-fill{border-radius:inherit;height:100%;min-width:2px;overflow:hidden;position:relative}.progress-bar-fill.progress-bar-primary{background:linear-gradient(90deg,#00a8cc,#00d4ff)}.progress-bar-fill.progress-bar-gradient{background:linear-gradient(90deg,#00d4ff,#7b61ff)}.progress-bar-fill.progress-bar-success{background:linear-gradient(90deg,#0c6,#0f8)}.progress-bar-fill.progress-bar-warning{background:linear-gradient(90deg,#c80,#ffb800)}.progress-bar-fill.progress-bar-danger{background:linear-gradient(90deg,#c14,#f36)}.progress-bar-fill.progress-bar-rainbow{animation:rainbowShift 3s linear infinite;background:linear-gradient(90deg,#f36,#ffb800,#0f8,#00d4ff,#7b61ff);background-size:200% 100%}@keyframes rainbowShift{0%{background-position:0}to{background-position:200%}}.progress-bar-glow{box-shadow:0 0 10px #00d4ff66}.progress-bar-shimmer{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 4px 16px #0006;color:var(--color-text-primary);font-size:.8rem;padding:6px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:600}.tooltip-top{bottom:calc(100% + 8px)}.tooltip-bottom,.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-bottom{top:calc(100% + 8px)}.tooltip-left{right:calc(100% + 8px)}.tooltip-left,.tooltip-right{top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 8px)}.tooltip-arrow{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip-top .tooltip-arrow{border-left:none;border-top:none;bottom:-5px;left:50%;margin-left:-4px}.tooltip-bottom .tooltip-arrow{border-bottom:none;border-right:none;left:50%;margin-left:-4px;top:-5px}.friends-overlay{background:#00000080;inset:0;position:fixed;z-index:299}.friends-panel{background:var(--color-bg-secondary);border-left:1px solid var(--color-border-primary);box-shadow:-10px 0 40px #0006;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:320px;z-index:300}.friends-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:16px 20px}.friends-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.friends-header-actions{display:flex;gap:4px}.friends-icon-btn{align-items:center;background:#ffffff0a;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.friends-icon-btn:hover{background:#ffffff14;color:var(--color-text-primary)}.friends-tabs{border-bottom:1px solid var(--color-border-secondary);display:flex;gap:4px;padding:8px 12px}.friends-tab{background:#0000;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.8rem;font-weight:500;padding:6px 10px;transition:all var(--transition-fast)}.friends-tab:hover{background:#ffffff0a;color:var(--color-text-secondary)}.friends-tab-active{background:#00d4ff1a;color:var(--color-primary)}.friends-search{padding:12px}.friends-list{flex:1 1;overflow-y:auto;padding:8px}.friends-section{margin-bottom:8px}.friends-section-title{color:var(--color-text-muted);display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:4px 12px 8px;text-transform:uppercase}.friend-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background var(--transition-fast)}.friend-item-info{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0}.friend-item-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item-status{color:var(--color-text-tertiary);font-size:.7rem}.friend-item-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.friend-item:hover .friend-item-actions{opacity:1}.friends-request-item{align-items:center;background:#ffffff05;border-radius:10px;display:flex;gap:10px;padding:10px 12px}.friends-request-info{display:flex;flex:1 1;flex-direction:column}.friends-request-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.friends-request-time{color:var(--color-text-muted);font-size:.7rem}.friends-request-actions{display:flex;gap:4px}.friends-accept-btn,.friends-reject-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.friends-accept-btn{background:#00ff881a;color:var(--color-success)}.friends-accept-btn:hover{background:#0f83}.friends-reject-btn{background:#ff33661a;color:var(--color-error)}.friends-reject-btn:hover{background:#f363}.friends-search-item{align-items:center;border-radius:10px;display:flex;gap:10px;padding:8px 12px}.friends-search-name{color:var(--color-text-primary);flex:1 1;font-size:.85rem;font-weight:600}.friends-tab-dot{align-items:center;background:#f36;border-radius:999px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 5px}.friends-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:12px;padding:40px 24px;text-align:center}.friends-empty svg{color:var(--color-text-tertiary);opacity:.6}.friends-empty p{font-size:.9rem;margin:0}.friends-search-info{display:flex;flex:1 1;flex-direction:column}.friends-search-meta{font-family:var(--font-mono)}.friends-pill,.friends-search-meta{color:var(--color-text-tertiary);font-size:.72rem}.friends-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;display:inline-flex;font-weight:600;gap:4px;padding:5px 10px}.friends-pill-ok{background:#00ff880f;border-color:#00ff884d;color:#0f8}.friends-icon-danger:hover{background:#ff336614;color:#f36}.friend-dot{background:#fff3;border-radius:50%;display:inline-block;height:7px;margin-right:4px;vertical-align:middle;width:7px}.friend-dot-on{background:#0f8;box-shadow:0 0 6px #0f8}.friends-icon-invite{color:#ffb800}.friends-icon-invite:hover{background:#ffb8001a;color:#ffb800}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.layout-shake{animation:shake .5s ease-in-out}.layout-main{flex:1 1;margin:0 auto;max-width:1400px;padding:64px 24px 40px;width:100%}.layout-main:has(.lp-root){max-width:none;padding-bottom:0;padding-left:0;padding-right:0}@media (max-width:768px){.layout-main{padding-left:16px;padding-right:16px}}.lp-root{color:var(--color-text);width:100%}.lp-section{margin:0 auto;max-width:1200px;padding:80px 24px}.lp-kicker{background:#00d4ff14;border:1px solid #00d4ff40;border-radius:999px;color:var(--color-primary);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:2px;padding:6px 12px;text-transform:uppercase}.lp-kicker,.lp-kicker-center{display:inline-block}.lp-section-head{margin-bottom:48px;text-align:center}.lp-section-head h2{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin:18px 0 10px}.lp-section-head p{color:var(--color-text-secondary);font-size:1.02rem;margin:0 auto;max-width:640px}.lp-hero{padding:80px 24px 48px;position:relative}.lp-hero-grid-bg{display:none}.lp-hero-inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.1fr .9fr;margin:0 auto;max-width:1200px;position:relative}.lp-hero-left{max-width:560px}.lp-hero-eyebrow{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.78rem;font-weight:500;gap:10px;margin-bottom:24px;padding:8px 16px}.lp-hero-dot{animation:lp-pulse 2s ease-in-out infinite;background:var(--color-primary);border-radius:50%;box-shadow:0 0 12px var(--color-primary);height:8px;width:8px}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.lp-hero-title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 18px}.lp-hero-gradient{background:linear-gradient(90deg,#00d4ff,#7b61ff 50%,#f36);-webkit-background-clip:text;background-clip:text;color:#0000}.lp-hero-sub{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 32px}.lp-hero-cta{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.lp-hero-ghost{align-items:center;background:#0000;border:none;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 4px}.lp-hero-ghost:hover{color:var(--color-primary)}.lp-chip{border:1px solid #ffffff14;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.78rem;gap:6px;padding:6px 12px}.lp-preview{background:linear-gradient(180deg,#121626e6,#0c0e18f2);border:1px solid #00d4ff33;border-radius:18px;box-shadow:0 12px 40px #00000059,inset 0 0 0 1px #ffffff05;padding:22px}.lp-preview-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lp-preview-tabs{display:flex;gap:8px}.lp-preview-tab{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:var(--color-text-tertiary);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:6px;padding:6px 12px}.lp-preview-tab.active{background:#00d4ff1f;border-color:#00d4ff59;color:var(--color-primary)}.lp-preview-live{align-items:center;color:#f36;display:inline-flex;font-family:var(--font-mono);font-size:.7rem;gap:6px;letter-spacing:1px}.lp-live-dot{animation:lp-pulse 1.5s ease-in-out infinite;height:6px;width:6px}.lp-preview-players{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.lp-pp{grid-gap:12px;align-items:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;display:grid;gap:12px;grid-template-columns:auto 1fr 2fr auto;padding:10px}.lp-pp-me{background:#00d4ff0d;border-color:#00d4ff4d}.lp-pp-info{display:flex;flex-direction:column;min-width:0}.lp-pp-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-pp-meta{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem}.lp-pp-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.lp-pp-fill{background:linear-gradient(90deg,#00d4ff,#7b61ff);border-radius:3px;height:100%;transition:width .1s linear}.lp-pp-fill-opp{background:linear-gradient(90deg,#ff6b6b,#ffb800)}.lp-pp-wpm{color:var(--color-text);font-size:1.1rem;font-weight:700;min-width:36px;text-align:right}.lp-pp-wpm,.lp-preview-text{font-family:var(--font-mono)}.lp-preview-text{background:#00000040;border-radius:10px;font-size:1.05rem;letter-spacing:.02em;line-height:1.9;min-height:80px;padding:18px 16px}.lp-c-done{color:var(--color-primary)}.lp-c-pending{color:var(--color-text-tertiary)}.lp-c-caret{animation:lp-blink .9s steps(2) infinite;background:var(--color-primary);border-radius:2px;color:var(--color-text)}.lp-preview-stats{border-top:1px solid #ffffff0f;display:flex;justify-content:space-around;margin-top:14px;padding-top:14px}.lp-preview-stats>div{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:6px}.lp-preview-stats strong{color:var(--color-text);font-family:var(--font-mono);font-weight:700}.lp-preview-stats em{color:var(--color-text-tertiary);font-size:.7rem;font-style:normal;letter-spacing:.5px;text-transform:uppercase}.lp-hero-marquee{border-bottom:1px solid #ffffff0f;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;margin:48px auto 0;max-width:1200px;padding:20px 24px;position:relative}.lp-marq-item{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.9rem}.lp-marq-n{color:var(--color-text);font-size:1.05rem;font-weight:700;margin-right:4px}.lp-features-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.lp-feature{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;padding:28px 24px;transition:.25s}.lp-feature:hover{border-color:#00d4ff33;transform:translateY(-3px)}.lp-feature-icon{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:1.2rem;height:44px;justify-content:center;margin-bottom:16px;width:44px}.lp-feature h3{font-size:1.1rem;font-weight:700;margin:0 0 8px}.lp-feature p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.55;margin:0}.lp-modes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.lp-mode{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;overflow:hidden;padding:22px;position:relative;transition:.25s}.lp-mode:hover{border-color:#00d4ff4d;transform:translateY(-2px)}.lp-mode h3{align-items:center;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;margin:0 0 8px}.lp-mode h3 svg{color:var(--color-primary)}.lp-mode p{color:var(--color-text-secondary);font-size:.88rem;line-height:1.5;margin:0}.lp-mode-actions{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:14px}.lp-mode-big{background:linear-gradient(135deg,#00d4ff1f,#7b61ff14);border-color:#00d4ff40;grid-row:span 2;min-height:280px;padding:32px}.lp-mode-big h3{font-size:1.5rem}.lp-mode-big p{font-size:1rem}.lp-mode-glow{background:radial-gradient(circle at top right,#00d4ff2e,#0000 60%);inset:0;pointer-events:none;position:absolute}.lp-mode-badge{background:var(--color-primary);border-radius:999px;color:#000;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:16px;text-transform:uppercase;top:16px}.lp-ladder-split{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.lp-ladder-left h2{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:16px 0 10px}.lp-ladder-left p{color:var(--color-text-secondary);line-height:1.55;margin:0 0 24px}.lp-ladder-ranks{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.lp-ladder-rank{align-items:center;background:#ffffff05;border:1px solid;border-radius:10px;display:flex;gap:12px;padding:10px 14px}.lp-ladder-rank>div{display:flex;flex-direction:column}.lp-rank-name{font-size:.88rem;font-weight:700}.lp-rank-elo{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.72rem}.lp-lb-card{background:linear-gradient(180deg,#121626cc,#0c0e18e6);border:1px solid #ffffff14;border-radius:18px;padding:24px}.lp-lb-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.lp-lb-head h3{align-items:center;display:inline-flex;font-size:1.05rem;font-weight:700;gap:10px;margin:0}.lp-lb-head svg,.lp-lb-link{color:var(--color-primary)}.lp-lb-link{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px}.lp-lb-list{display:flex;flex-direction:column;gap:6px}.lp-lb-row{grid-gap:12px;align-items:center;background:#ffffff05;border-radius:10px;cursor:pointer;display:grid;gap:12px;grid-template-columns:40px auto 1fr auto;padding:10px 12px;transition:.2s}.lp-lb-row:hover{background:#00d4ff0f}.lp-lb-pos{font-family:var(--font-mono);font-weight:700;text-align:center}.lp-lb-info{display:flex;flex-direction:column;min-width:0}.lp-lb-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-lb-meta{color:var(--color-text-tertiary);font-size:.72rem}.lp-lb-elo,.lp-lb-meta{font-family:var(--font-mono)}.lp-lb-elo{color:var(--color-primary);font-weight:700}.lp-lb-empty{color:var(--color-text-tertiary);font-size:.9rem;padding:24px;text-align:center}.lp-how-grid{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:1fr auto 1fr auto 1fr}.lp-step{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;padding:28px}.lp-step-num{background:linear-gradient(135deg,#00d4ff,#7b61ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-mono);font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:14px}.lp-step h3{font-size:1.1rem;font-weight:700;margin:0 0 8px}.lp-step p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.55;margin:0}.lp-step-arrow{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:1.5rem;justify-content:center}.lp-personal-card{background:linear-gradient(135deg,#00d4ff14,#7b61ff0f);border:1px solid #00d4ff33;border-radius:20px;margin:0 auto;max-width:860px;padding:32px}.lp-personal-head{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.lp-personal-head h3{font-size:1.4rem;font-weight:800;margin:0 0 6px}.lp-personal-streak{align-items:center;background:#ff33661a;border:1px solid #ff33664d;border-radius:10px;color:#f36;display:inline-flex;font-size:.85rem;gap:8px;margin-left:auto;padding:8px 14px}.lp-personal-streak strong{font-family:var(--font-mono)}.lp-personal-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.lp-personal-stats>div{align-items:center;background:#00000040;border:1px solid #ffffff0a;border-radius:10px;display:flex;flex-direction:column;padding:14px}.lp-personal-stats span{font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.lp-personal-stats em{color:var(--color-text-tertiary);font-size:.68rem;font-style:normal;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.lp-cta-card{background:linear-gradient(135deg,#00d4ff1a,#7b61ff14);border:1px solid #00d4ff40;border-radius:24px;margin:0 auto;max-width:720px;padding:48px;text-align:center}.lp-cta-card h2{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:18px 0 10px}.lp-cta-card>p{color:var(--color-text-secondary);margin:0 0 24px}.lp-cta-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 auto 28px;max-width:400px;padding:0;text-align:left}.lp-cta-list li{align-items:center;color:var(--color-text-secondary);display:flex;gap:10px}.lp-cta-list svg{color:#0f8;flex-shrink:0}.lp-cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lp-extras-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1.2fr}.lp-extras-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:18px;padding:28px}.lp-extras-head{margin-bottom:20px}.lp-extras-head h3{align-items:center;display:inline-flex;font-size:1.3rem;font-weight:700;gap:10px;letter-spacing:-.01em;margin:10px 0 0}.lp-extras-head h3 svg{color:var(--color-primary)}.lp-kbd-list{display:flex;flex-direction:column;gap:12px}.lp-kbd-row{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px;transition:.2s}.lp-kbd-row:hover{background:#00d4ff0a;border-color:#00d4ff33}.lp-kbd-keys{align-items:center;display:flex;gap:6px}.lp-kbd{align-items:center;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:solid #ffffff1f;border-radius:6px;border-width:1px 1px 2px;box-shadow:inset 0 1px 0 #ffffff0a;color:var(--color-text);display:inline-flex;font-family:var(--font-mono);font-size:.78rem;font-weight:600;justify-content:center;min-width:28px;padding:4px 8px}.lp-kbd-plus{color:var(--color-text-tertiary);font-size:.75rem}.lp-kbd-label{color:var(--color-text-secondary);font-size:.88rem}.lp-change-list{display:flex;flex-direction:column;gap:14px}.lp-change-row{grid-gap:16px;background:#0003;border:1px solid #ffffff0a;border-radius:10px;display:grid;gap:16px;grid-template-columns:90px 1fr;padding:14px;transition:.2s}.lp-change-row:hover{border-color:#ffffff1a;transform:translateX(2px)}.lp-change-meta{display:flex;flex-direction:column;gap:6px}.lp-change-tag{border:1px solid;border-radius:4px;display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:3px 8px;text-align:center;width:fit-content}.lp-change-date{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.72rem}.lp-change-body strong{display:block;font-size:.95rem;margin-bottom:4px}.lp-change-body p{color:var(--color-text-secondary);font-size:.84rem;line-height:1.5;margin:0}.lp-footer{background:radial-gradient(ellipse at top,#00d4ff0a,#0000 60%),linear-gradient(180deg,#0a0c1699,#06080ef2);border-top:1px solid #ffffff0f;margin-top:64px;position:relative;width:100%}.lp-footer:before{background:linear-gradient(90deg,#0000,#00d4ff66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.lp-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:40px 24px 24px}.lp-footer-brand{display:flex;flex-direction:column;gap:6px}.lp-footer-logo{color:var(--color-text);font-family:var(--font-sans);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.lp-footer-by{color:var(--color-text-tertiary);font-size:.82rem}.lp-footer-by a{color:var(--color-primary);font-weight:600;text-decoration:none}.lp-footer-by a:hover{text-decoration:underline}.lp-fsoc{background:#ffffff08;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;height:38px;justify-content:center;transition:.2s;width:38px}.lp-fsoc:hover{background:#00d4ff0f;border-color:#00d4ff59;color:var(--color-primary);transform:translateY(-2px)}.lp-footer-stats{color:var(--color-text-tertiary);display:flex;font-family:var(--font-mono);font-size:.8rem;gap:18px}.lp-footer-stats>span{align-items:center;display:inline-flex;gap:6px}.lp-footer-bottom{border-top:1px solid #ffffff0a;color:var(--color-text-tertiary);display:flex;font-size:.78rem;justify-content:center;margin:0 auto;max-width:1200px;padding:16px 24px 28px}.lp-fdot{animation:lp-pulse 2s ease-in-out infinite;display:inline-block}@media (max-width:960px){.lp-hero-inner{gap:40px;grid-template-columns:1fr}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-modes-grid{grid-template-columns:1fr 1fr}.lp-ladder-split{gap:32px}.lp-how-grid,.lp-ladder-split{grid-template-columns:1fr}.lp-step-arrow{transform:rotate(90deg)}.lp-personal-stats{grid-template-columns:repeat(3,1fr)}.lp-footer-inner{align-items:flex-start;flex-direction:column;gap:20px}}@media (max-width:580px){.lp-section{padding:56px 18px}.lp-features-grid,.lp-ladder-ranks,.lp-modes-grid{grid-template-columns:1fr}.lp-personal-stats{grid-template-columns:repeat(2,1fr)}.lp-cta-card{padding:32px 24px}}.lp-livestats{padding-top:40px}.lp-livestats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.lp-livestat{align-items:center;background:linear-gradient(180deg,#00d4ff0f,#7b61ff0a);border:1px solid #00d4ff1f;border-radius:16px;display:flex;gap:14px;padding:18px 20px}.lp-livestat svg{color:#00d4ff;font-size:22px}.lp-livestat strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1}.lp-livestat em{color:#ffffff80;font-size:11px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.lp-tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lp-tip{background:#10101c99;border:1px solid #ffffff0f;border-radius:16px;padding:24px 22px 22px;position:relative}.lp-tip-num{background:linear-gradient(135deg,#00d4ff,#7b61ff);border-radius:999px;color:#fff;font-size:11px;font-weight:800;left:18px;letter-spacing:.06em;padding:4px 10px;position:absolute;top:-10px}.lp-tip h4{color:#fff;font-size:16px;font-weight:700;margin:4px 0 8px}.lp-tip p{color:#ffffffa6;font-size:13px;line-height:1.6;margin:0}.lp-shortcuts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lp-shortcut{background:#10101cb3;border:1px solid #ffffff0f;border-radius:12px;gap:12px;justify-content:space-between;padding:14px 16px}.lp-shortcut,.lp-shortcut-keys{align-items:center;display:flex}.lp-shortcut-keys{flex-shrink:0;gap:6px}.lp-shortcut-keys kbd{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;box-shadow:0 2px 0 #0006;color:#fff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:700;min-width:28px;padding:4px 10px;text-align:center}.lp-shortcut-plus{color:#fff6;font-size:10px;text-transform:uppercase}.lp-shortcut-action{color:#ffffffb3;font-size:12px;text-align:right}.lp-faq-list{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:760px}.lp-faq-item{background:#10101c99;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.lp-faq-item.lp-faq-open{border-color:#00d4ff4d}.lp-faq-q{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;justify-content:space-between;padding:16px 20px;text-align:left;width:100%}.lp-faq-q svg{color:#00d4ff;flex-shrink:0}.lp-faq-a{color:#ffffffb3;font-size:13px;line-height:1.7;overflow:hidden;padding:0 20px 18px}.lp-hero-v2{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:80px 24px 72px;position:relative}.lp-hero-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.lp-hero-grid{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:56px 56px;inset:0;mask-image:radial-gradient(ellipse at center,#000 25%,#0000 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,#0000 72%);position:absolute}.lp-hero-top{margin-bottom:32px;position:relative;z-index:2}.lp-hero-center{margin:0 auto;max-width:1100px;position:relative;text-align:center;z-index:2}.lp-hero-mega{font-weight:900;letter-spacing:-.04em;line-height:1.02;margin:0 0 24px}.lp-hero-line-1{color:#f8fafc;display:block;font-size:clamp(2.8rem,7vw,5.6rem);margin-bottom:6px}.lp-hero-line-2{display:block;font-size:clamp(2.4rem,6.2vw,5rem);min-height:1.1em}.lp-tw-caret{animation:lp-blink 1s steps(2) infinite;background:linear-gradient(180deg,#00d4ff,#7b61ff);border-radius:2px;display:inline-block;height:.9em;margin-left:6px;vertical-align:-.08em;width:4px}@keyframes lp-blink{50%{opacity:0}}.lp-hero-tag{color:#ffffff9e;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.6;margin:0 auto 36px;max-width:760px}.lp-hero-cta-v2{align-items:center;gap:14px;margin-bottom:32px}.lp-hero-chips,.lp-hero-cta-v2{display:flex;flex-wrap:wrap;justify-content:center}.lp-hero-chips{gap:10px;margin:0 auto}.lp-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffb3;display:inline-flex;font-size:13px;gap:8px;padding:8px 14px}.lp-chip b{color:#fff;font-weight:700}.lp-chip svg{color:#00d4ff}.lp-hero-minimatch{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 30px 80px #00000080;margin:56px auto 0;max-width:780px;padding:18px 20px;position:relative;width:100%;z-index:2}.lp-mm-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.lp-mm-tag{align-items:center;color:#ffffffb3;display:inline-flex;font-size:12px;font-weight:600;gap:8px}.lp-mm-tag svg{color:#00d4ff}.lp-mm-live{align-items:center;color:#f36;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1px}.lp-live-dot{animation:lp-pulse 1.2s ease-in-out infinite;background:#f36;border-radius:50%;box-shadow:0 0 10px #f36;height:7px;width:7px}.lp-mm-players{grid-gap:16px;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:14px}.lp-mm-player,.lp-mm-players{align-items:center;display:grid}.lp-mm-player{grid-gap:10px;gap:10px;grid-template-columns:auto 1fr auto}.lp-mm-name{color:#fff;font-size:13px;font-weight:600}.lp-mm-wpm{color:#ffffffb3;font-family:var(--font-mono);font-size:12px}.lp-mm-bar{background:#ffffff0f;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.lp-mm-fill{background:linear-gradient(90deg,#00d4ff,#7b61ff);border-radius:2px;height:100%;transition:width .2s}.lp-mm-fill-opp{background:linear-gradient(90deg,#f36,#ffb800)}.lp-mm-vs{color:#fff6;font-size:13px;font-weight:900;letter-spacing:2px}.lp-mm-text{background:#00000059;border:1px solid #ffffff0f;border-radius:12px;color:#ffffff4d;font-family:var(--font-mono);font-size:15px;letter-spacing:.5px;line-height:1.8;padding:14px 16px}.lp-mm-text .lp-c-done{color:#fff}.lp-mm-text .lp-c-caret{background:#00d4ff59;border-radius:2px;color:#fff}.lp-hero-scroll{align-items:center;bottom:24px;color:#fff6;display:flex;flex-direction:column;font-size:10px;gap:8px;left:50%;letter-spacing:2px;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:2}.lp-hero-scroll-line{animation:lp-scroll 2s ease-in-out infinite;background:linear-gradient(180deg,#fff6,#0000);height:36px;width:1px}@keyframes lp-scroll{0%,to{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(.3);transform-origin:top}}@media (max-width:768px){.lp-hero-v2{min-height:auto;padding:48px 16px 32px}.lp-mm-players{grid-template-columns:1fr}.lp-hero-scroll,.lp-mm-vs{display:none}}.lp-achievements .lp-ach-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lp-ach{align-items:center;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid;border-radius:18px;display:flex;flex-direction:column;gap:8px;padding:22px 18px 18px;position:relative;text-align:center;transition:transform .25s}.lp-ach:hover{transform:translateY(-3px)}.lp-ach-emoji{font-size:36px;line-height:1}.lp-ach-title{color:#fff;font-size:15px;font-weight:800}.lp-ach-desc{color:#fff9;font-size:12px;line-height:1.5}.lp-ach-rarity{border:1px solid;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:4px;padding:4px 10px;text-transform:uppercase}.lp-road{display:flex;flex-direction:column;gap:12px}.lp-road-row{grid-gap:16px;align-items:center;background:#ffffff05;border:1px solid;border-radius:14px;display:grid;gap:16px;grid-template-columns:170px 1fr;padding:16px 20px}.lp-road-tag{border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 12px;text-align:center;text-transform:uppercase}.lp-road-text{color:#ffffffbf;font-size:14px;line-height:1.5}@media (max-width:640px){.lp-road-row{grid-template-columns:1fr}}.lp-demo-section .lp-hero-minimatch{margin:0 auto}.lp-why-table{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid #ffffff14;border-radius:18px;margin:0 auto;max-width:880px;overflow:hidden}.lp-why-row{align-items:center;border-bottom:1px solid #ffffff0d;display:grid;grid-template-columns:1fr 140px 140px;padding:14px 20px}.lp-why-row:last-child{border-bottom:none}.lp-why-head-row{background:#00000040;color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.lp-why-us{color:#00d4ff;text-align:center}.lp-why-them{color:#ffffff80;text-align:center}.lp-why-label{color:#ffffffd9;font-size:14px;font-weight:500}.lp-why-cell{font-family:var(--font-mono);font-size:18px;font-weight:800;text-align:center}.lp-why-yes{color:#0f8}.lp-why-partial{color:#ffb800}.lp-why-no{color:#ffffff4d}@media (max-width:640px){.lp-why-row{grid-template-columns:1fr 60px 60px;padding:12px 14px}.lp-why-label{font-size:12px}}.lp-testi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lp-testi{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid #ffffff14;border-radius:18px;display:flex;flex-direction:column;gap:18px;justify-content:space-between;padding:22px 22px 18px;transition:transform .25s,border-color .25s}.lp-testi:hover{border-color:#00d4ff4d;transform:translateY(-3px)}.lp-testi-quote{color:#ffffffd9;font-size:14px;font-style:italic;line-height:1.65;margin:0}.lp-testi-foot{align-items:center;display:flex;gap:12px}.lp-testi-name{color:#fff;display:block;font-size:13px;font-weight:700}.lp-testi-meta{color:#ffffff8c;display:block;font-family:var(--font-mono);font-size:11px}.lp-facts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.lp-fact{background:linear-gradient(180deg,#00d4ff0f,#7b61ff05);border:1px solid #7b61ff2e;border-radius:16px;padding:28px 16px;text-align:center}.lp-fact span{color:#fff;display:block;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:6px}.lp-fact em{color:#fff9;font-size:12px;font-style:normal;letter-spacing:1.2px;text-transform:uppercase}.lp-footer-v2{background:radial-gradient(ellipse at 10% 0,#00d4ff17,#0000 55%),radial-gradient(ellipse at 90% 100%,#7b61ff1f,#0000 50%),linear-gradient(180deg,#070814,#0a0b1f);border-top:1px solid #00d4ff26;margin-top:60px;overflow:hidden;padding:60px 24px 24px;position:relative}.lp-footer-v2:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:48px 48px;content:"";inset:0;mask-image:radial-gradient(ellipse at bottom,#000 20%,#0000 75%);-webkit-mask-image:radial-gradient(ellipse at bottom,#000 20%,#0000 75%);pointer-events:none;position:absolute}.lp-footer-v2>*{position:relative;z-index:1}.lp-footer-top{grid-gap:40px;border-bottom:1px solid #ffffff0f;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding-bottom:40px}.lp-footer-brand-col{max-width:360px}.lp-footer-logo{background:linear-gradient(135deg,#00d4ff,#7b61ff);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:32px;font-weight:900;letter-spacing:-.04em;margin-bottom:14px}.lp-footer-desc{color:#ffffff8c;font-size:13px;line-height:1.7;margin:0 0 18px}.lp-footer-social{display:flex;flex-wrap:wrap;gap:10px}.lp-fsoc{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:#ffffffbf;display:inline-flex;font-size:12px;gap:8px;padding:8px 14px;text-decoration:none;transition:all .2s}.lp-fsoc:hover{background:#00d4ff14;border-color:#00d4ff66;color:#00d4ff}.lp-footer-col h4{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 16px;text-transform:uppercase}.lp-footer-col a,.lp-footer-col button{background:none;border:none;color:#ffffffbf;cursor:pointer;display:block;font-family:inherit;font-size:13px;padding:6px 0;text-align:left;text-decoration:none;transition:color .2s}.lp-footer-col a:hover,.lp-footer-col button:hover{color:#00d4ff}.lp-footer-mid{border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:18px 32px;justify-content:center;margin:0 auto;max-width:1200px;padding:24px 0}.lp-fm-stat{align-items:center;color:#ffffff8c;display:inline-flex;font-size:12px;gap:6px}.lp-fm-stat strong{color:#fff;font-size:14px;font-weight:700}.lp-fdot{background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;height:7px;width:7px}.lp-footer-bottom-v2{align-items:center;color:#ffffff73;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:space-between;margin:20px auto 0;max-width:1200px}.lp-footer-bottom-v2 a{color:#ffffffb3;text-decoration:none}.lp-footer-bottom-v2 a:hover{color:#00d4ff}.lp-footer-motto{color:#00d4ff8c;font-family:var(--font-mono);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}@media (max-width:880px){.lp-footer-top{grid-template-columns:1fr 1fr}.lp-footer-brand-col{grid-column:1/-1;max-width:none}}.matchmaking{margin:0 auto;max-width:600px;width:100%}.matchmaking-found-overlay{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.matchmaking-found-content{padding:40px;text-align:center}.matchmaking-found-icon{align-items:center;background:linear-gradient(135deg,#00d4ff,#7b61ff);border-radius:50%;box-shadow:0 0 40px #00d4ff80;color:#000;display:inline-flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.matchmaking-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#7b61ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:8px}.matchmaking-found-text{color:var(--color-text-tertiary);font-size:1rem;margin-bottom:30px}.matchmaking-vs{align-items:center;display:flex;gap:30px;justify-content:center;margin-bottom:30px}.matchmaking-vs-player{align-items:center;display:flex;flex-direction:column;gap:8px}.matchmaking-vs-avatar{border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 0 20px #00d4ff4d;height:70px;overflow:hidden;width:70px}.matchmaking-vs-avatar img{height:100%;object-fit:cover;width:100%}.matchmaking-vs-opponent{align-items:center;background:#ff33661a;border-color:var(--color-error);box-shadow:0 0 20px #ff33664d;color:var(--color-error);display:flex;font-size:2rem;justify-content:center}.matchmaking-vs-badge{color:var(--color-warning);font-size:1.5rem;font-weight:900;text-shadow:0 0 20px #ffb80080}.matchmaking-vs-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.matchmaking-vs-elo{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem}.matchmaking-found-bar{background:linear-gradient(90deg,#00d4ff,#7b61ff,#00d4ff);border-radius:2px;box-shadow:0 0 10px #00d4ff80;height:4px;margin:0 auto;max-width:300px}.matchmaking-searching-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.matchmaking-radar{height:160px;margin-bottom:10px;position:relative;width:160px}.matchmaking-radar-ring{border:1px solid #00d4ff26;border-radius:50%;position:absolute}.matchmaking-radar-ring-1{inset:30%}.matchmaking-radar-ring-2{inset:15%}.matchmaking-radar-ring-3{animation:radarPulse 2s ease-out infinite;inset:0}@keyframes radarPulse{0%{border-color:#00d4ff4d;transform:scale(1)}to{border-color:#00d4ff00;transform:scale(1.2)}}.matchmaking-radar-sweep{background:linear-gradient(90deg,var(--color-primary),#0000);box-shadow:0 0 10px #00d4ff80;height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:50%}.matchmaking-radar-center{align-items:center;background:#00d4ff1a;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.matchmaking-radar-dot{background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary);height:6px;position:absolute;width:6px}.matchmaking-searching-title{color:var(--color-text-primary);font-size:1.3rem;font-weight:700}.matchmaking-searching-stats{color:var(--color-text-tertiary);display:flex;font-size:.85rem;gap:24px}.matchmaking-stat-item{align-items:center;display:flex;gap:6px}.matchmaking-idle-content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.matchmaking-idle-icon{align-items:center;background:linear-gradient(135deg,#00d4ff1a,#7b61ff1a);border:1px solid #00d4ff33;border-radius:20px;color:var(--color-primary);display:flex;height:70px;justify-content:center;margin-bottom:8px;width:70px}.matchmaking-idle-content h3{font-size:1.5rem;font-weight:700}.matchmaking-idle-content p{color:var(--color-text-tertiary);max-width:350px}.matchmaking-your-rank{margin:8px 0}.matchmaking-idle-info{color:var(--color-text-muted);display:flex;font-size:.8rem;gap:24px}.matchmaking-idle-info span{align-items:center;display:flex;gap:4px}.page-header{gap:16px;margin:30px 0 28px}.page-header,.page-header-icon{align-items:center;display:flex}.page-header-icon{border-radius:14px;color:#000;height:52px;justify-content:center;width:52px}.training-header-icon{background:linear-gradient(135deg,#0f8,#0c6)}.leaderboard-header-icon{background:linear-gradient(135deg,#ffb800,#f80)}.daily-header-icon{background:linear-gradient(135deg,#7b61ff,#5a3fd6)}.settings-header-icon{background:linear-gradient(135deg,#f36,#c14)}.page-header h1{font-size:1.8rem;font-weight:800}.page-header p{color:var(--color-text-tertiary);font-size:.9rem;margin-top:2px}.page-empty{align-items:center;color:var(--color-text-muted);display:flex;justify-content:center;padding:100px 20px}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.home-page{padding-bottom:60px}.hero-section{align-items:center;display:flex;justify-content:center;margin:-64px -24px 0;min-height:calc(100vh - 64px);padding:120px 24px 80px;position:relative;text-align:center}.hero-content{max-width:700px;position:relative;z-index:1}.hero-badge{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:50px;color:var(--color-primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:24px;padding:6px 16px}.hero-title{font-size:3.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.hero-description{color:var(--color-text-secondary);font-size:1.15rem;line-height:1.6;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:550px}.hero-typewriter{color:var(--color-primary);font-weight:600}.hero-actions{gap:14px;margin-bottom:50px}.hero-actions,.hero-stats-ticker{display:flex;justify-content:center}.hero-stats-ticker{align-items:center;gap:30px}.hero-stat-item{align-items:center;display:flex;flex-direction:column}.hero-stat-number{color:var(--color-text-primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:800}.hero-stat-label{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.hero-stat-divider{background:var(--color-border-secondary);height:30px;width:1px}.home-dashboard{margin:-20px 0 40px}.dashboard-welcome-content{align-items:center;display:flex;gap:30px;justify-content:space-between}.dashboard-welcome-left h2{font-size:1.3rem;margin-bottom:12px}.dashboard-rank-info{margin-bottom:12px}.dashboard-level{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:10px}.dashboard-xp{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem}.dashboard-level .progress-bar-wrapper{width:150px}.dashboard-quick-stats{display:flex;gap:20px}.dashboard-qstat{align-items:center;background:#ffffff08;border-radius:10px;display:flex;flex-direction:column;padding:10px 16px}.dashboard-qstat-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.dashboard-qstat-label{color:var(--color-text-muted);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.home-features{margin-top:60px}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.feature-card{display:flex;flex-direction:column;gap:12px}.feature-icon{align-items:center;border-radius:12px;display:flex;font-size:1.3rem;height:44px;justify-content:center;width:44px}.feature-card h3{font-size:1.1rem;font-weight:700}.feature-card p{color:var(--color-text-tertiary);font-size:.85rem;line-height:1.5}.feature-link{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:4px;margin-top:auto}.home-ranks{margin-top:60px}.ranks-display{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rank-preview-card{align-items:center;background:#1a1a2e80;border:1px solid;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:100px;padding:16px 20px;transition:all .3s ease}.rank-preview-icon{font-size:1.5rem}.rank-preview-name{font-size:.8rem;font-weight:700}.rank-preview-elo{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.65rem}.play-page{padding:30px 0}.play-header{margin-bottom:30px}.play-header h1{margin-bottom:6px}.play-header p{color:var(--color-text-tertiary)}.play-login-prompt{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:100px 20px;text-align:center}.play-prompt-icon{color:var(--color-primary);margin-bottom:8px}.play-login-prompt h2{font-size:1.5rem}.play-login-prompt p{color:var(--color-text-tertiary)}.play-prompt-actions{display:flex;gap:12px;margin-top:8px}.play-modes-grid{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.play-mode-active{border-color:var(--color-primary)!important}.play-mode-content{align-items:center;gap:14px;text-align:center}.play-mode-icon{border-radius:16px;display:flex;height:56px;width:56px}.play-mode-icon-quick{background:#00d4ff1a;color:#00d4ff}.play-mode-icon-ranked{background:#7b61ff1a;color:#7b61ff}.play-mode-icon-create{background:#00ff881a;color:#0f8}.play-mode-icon-join{background:#ffb8001a}.play-mode-content h3{font-size:1.15rem}.play-mode-content p{color:var(--color-text-tertiary);max-width:260px}.join-room-modal{display:flex;flex-direction:column;gap:16px}.join-room-modal p{color:var(--color-text-tertiary)}.game-page{margin:20px auto;max-width:900px;padding:0 20px}.game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.game-type-badge{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;color:var(--color-primary);font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.game-players{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.game-typing-container{margin-bottom:30px}.training-page{padding-bottom:60px}.training-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px}.training-section-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.training-modes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.training-mode-card{cursor:pointer}.training-mode-active{border-color:var(--color-primary)!important}.training-mode-content{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.training-mode-icon{color:var(--color-primary);font-size:1.5rem}.training-mode-label{font-size:.9rem;font-weight:600}.training-mode-desc{color:var(--color-text-muted);font-size:.75rem}.training-setting-group{margin-bottom:20px}.training-setting-group label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:8px}.training-difficulty-btns{display:flex;gap:6px}.training-diff-btn{background:#0000;border:1px solid var(--color-border-secondary);border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:.8rem;font-weight:500;padding:8px;transition:all var(--transition-fast)}.training-diff-active.training-diff-easy{background:#00ff881a;border-color:#0f8;color:#0f8}.training-diff-active.training-diff-medium{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.training-diff-active.training-diff-hard{background:#ffb8001a;border-color:#ffb800;color:#ffb800}.training-diff-active.training-diff-extreme{background:#ff33661a;border-color:#f36;color:#f36}.settings-range,.training-range{appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;height:4px;outline:none;width:100%}.settings-range::-webkit-slider-thumb,.training-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px #00d4ff66;cursor:pointer;height:16px;width:16px}.training-range-labels{color:var(--color-text-muted);display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px}.settings-toggle,.training-toggle{background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .3s ease;width:44px}.settings-toggle-on,.training-toggle-on{background:var(--color-primary)}.settings-toggle-knob,.training-toggle-knob{background:#fff;border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:18px}.settings-toggle-on .settings-toggle-knob,.training-toggle-on .training-toggle-knob{transform:translateX(20px)}.training-toggle-label{align-items:center;display:flex;justify-content:space-between}.training-time-options{display:flex;gap:6px;margin-top:8px}.training-time-btn{align-items:center;background:#0000;border:1px solid var(--color-border-secondary);border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.8rem;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.training-time-active{background:#00d4ff1a;border-color:var(--color-primary);color:var(--color-primary)}.settings-select,.training-select{appearance:none;border:1px solid var(--color-border-secondary);border-radius:8px;cursor:pointer;font-family:var(--font-family);padding:8px 12px}.settings-select,.training-select,.training-textarea{background:var(--color-bg-input);color:var(--color-text-primary);font-size:.85rem;outline:none;width:100%}.training-textarea{border:1px solid var(--color-border-secondary);border-radius:10px;font-family:var(--font-mono);padding:12px;resize:vertical}.training-textarea:focus{border-color:var(--color-primary)}.leaderboard-page{padding-bottom:60px}.leaderboard-podium{align-items:flex-end;display:flex;gap:16px;justify-content:center;margin-bottom:40px;padding:0 40px}.podium-item{align-items:center;display:flex;flex-direction:column;gap:8px}.podium-crown{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));margin-bottom:-4px}.podium-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.podium-stat{color:var(--color-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.podium-bar{align-items:flex-end;border:1px solid;border-radius:10px 10px 0 0;display:flex;justify-content:center;padding-bottom:10px;width:100px}.podium-position{font-size:1.5rem;font-weight:900}.leaderboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.leaderboard-filter-tabs,.leaderboard-period-tabs{background:#ffffff08;border-radius:10px;display:flex;gap:4px;padding:4px}.leaderboard-filter-btn,.leaderboard-period-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.8rem;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-fast)}.leaderboard-filter-btn:hover,.leaderboard-period-btn:hover{background:#ffffff0a;color:var(--color-text-secondary)}.leaderboard-filter-active,.leaderboard-period-active{background:#00d4ff1a!important;color:var(--color-primary)!important}.leaderboard-table-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-muted);display:flex;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase}.leaderboard-row{align-items:center;border-bottom:1px solid #ffffff05;display:flex;padding:10px 20px;transition:background var(--transition-fast)}.leaderboard-row:hover{background:#ffffff05}.leaderboard-row-you{background:#00d4ff08;border-left:3px solid var(--color-primary)}.lb-col{align-items:center;display:flex}.lb-col-rank{font-family:var(--font-mono);font-weight:700;width:50px}.lb-col-player{flex:1 1;gap:10px;min-width:0}.lb-col-rank-badge{justify-content:center;width:60px}.lb-col-stat{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.85rem;justify-content:center;width:80px}.lb-position-1{color:gold}.lb-position-2{color:silver}.lb-position-3{color:#cd7f32}.lb-player-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-stat-elo{color:var(--color-primary)!important;font-weight:600}.profile-page{margin:30px auto;max-width:900px;padding-bottom:60px}.profile-header-content{align-items:center;display:flex;gap:30px;justify-content:space-between}.profile-header-left{align-items:center;display:flex;gap:20px}.profile-header-info h1{font-size:1.5rem;margin-bottom:8px}.profile-rank-row{margin-bottom:10px}.profile-level-bar{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:10px;margin-bottom:8px}.profile-level-bar .progress-bar-wrapper{width:120px}.profile-xp-text{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem}.profile-meta{color:var(--color-text-muted);display:flex;font-size:.8rem;gap:16px}.profile-meta span{align-items:center;display:flex;gap:4px}.profile-rank-progress{text-align:center;width:200px}.profile-rank-label{color:var(--color-text-muted);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.profile-rank-percent{color:var(--color-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:24px 0}.profile-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.profile-section-title{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:16px}.profile-empty-text{color:var(--color-text-muted);font-size:.85rem}.profile-activity-placeholder,.profile-empty-text{padding:30px 20px;text-align:center}.daily-page{padding-bottom:60px}.daily-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 340px}.daily-challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.daily-date{align-items:center;color:var(--color-text-secondary);display:flex;font-weight:500;gap:8px}.daily-completion{color:var(--color-text-muted);font-size:.8rem}.daily-difficulty h3{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:12px}.daily-diff-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.daily-diff-card{align-items:center;background:#ffffff05;border:1px solid var(--color-border-secondary);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);gap:8px;padding:14px 8px;transition:all var(--transition-fast)}.daily-diff-card:hover{background:#ffffff0a}.daily-diff-selected{background:#00d4ff0d}.daily-diff-name{font-size:.85rem;font-weight:700}.daily-diff-targets{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.7rem;gap:2px}.daily-diff-reward,.daily-diff-targets span{align-items:center;display:flex;gap:4px}.daily-diff-reward{color:var(--color-warning);font-size:.7rem;font-weight:600}.daily-targets{background:#ffffff05;border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:16px}.daily-target-item{align-items:center;display:flex;gap:10px}.daily-target-icon{color:var(--color-primary)}.daily-target-value{display:block;font-family:var(--font-mono);font-size:1.1rem;font-weight:700}.daily-target-label{color:var(--color-text-muted);display:block;font-size:.7rem}.daily-lb-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.daily-lb-list{display:flex;flex-direction:column;gap:8px}.daily-lb-item{align-items:center;border-radius:10px;display:flex;gap:10px;padding:8px 10px;transition:background var(--transition-fast)}.daily-lb-item:hover{background:#ffffff08}.daily-lb-pos{font-family:var(--font-mono);font-size:.85rem;font-weight:700;min-width:28px}.daily-lb-info{display:flex;flex:1 1;flex-direction:column;line-height:1.2}.daily-lb-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.daily-lb-stats{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem}.settings-page{margin:0 auto;max-width:800px;padding-bottom:60px}.settings-grid{display:flex;flex-direction:column;gap:20px}.settings-section-title{align-items:center;border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-secondary);display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:20px;padding-bottom:12px}.settings-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:12px 0}.settings-item:last-child{border-bottom:none}.settings-item-info{display:flex;flex-direction:column;gap:2px}.settings-item-label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.settings-item-desc{color:var(--color-text-muted);font-size:.75rem}.settings-caret-options{display:flex;gap:6px}.settings-caret-btn{background:#0000;border:1px solid var(--color-border-secondary);border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;font-family:var(--font-family);font-size:.8rem;padding:6px 14px;text-transform:capitalize;transition:all var(--transition-fast)}.settings-caret-active{background:#00d4ff1a;border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:1024px){.features-grid,.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:2.2rem}.daily-layout,.features-grid,.play-modes-grid,.training-layout{grid-template-columns:1fr}.daily-diff-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-podium{gap:8px}.dashboard-welcome-content,.profile-header-content,.profile-header-left{align-items:flex-start;flex-direction:column}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-sections{grid-template-columns:1fr}.ranks-display{gap:8px}.rank-preview-card{min-width:80px;padding:12px}}.hero-v2{padding:90px 24px 60px}.hero-live{align-items:center;background:#00ff880f;border:1px solid #0f83;border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-size:.82rem;gap:10px;margin-bottom:24px;padding:8px 16px}.hero-live strong{color:#0f8;font-family:var(--font-mono);font-weight:700}.hero-live-sep{opacity:.4}.hero-ticker-v2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;gap:28px;margin-top:40px;padding:20px 28px}.hero-ticker-v2 .hero-stat-item{align-items:center;display:flex;gap:12px;text-align:left}.hero-stat-icon{color:var(--color-primary);font-size:1.4rem}.hero-ticker-v2 .hero-stat-item>div{display:flex;flex-direction:column}.home-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(12,1fr);margin:40px auto 80px;max-width:1400px;padding:0 24px}.dash-card>.card{height:100%}.dash-cta,.dash-profile,.dash-top{grid-column:span 6}.dash-modes{grid-column:span 4}.dash-elo{grid-column:span 8}.dash-feed,.dash-tips{grid-column:span 6}@media (max-width:1000px){.dash-cta,.dash-elo,.dash-feed,.dash-modes,.dash-profile,.dash-tips,.dash-top{grid-column:span 12}}.dash-head{justify-content:space-between;margin-bottom:16px}.dash-head,.dash-head h3{align-items:center;display:flex}.dash-head h3{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;gap:8px}.dash-head h3 svg{color:var(--color-primary)}.dash-head-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;gap:4px}.dash-head-link,.dash-live-badge{align-items:center;display:inline-flex}.dash-live-badge{background:#ff33661a;border-radius:999px;color:#f36;font-size:.65rem;font-weight:700;gap:6px;letter-spacing:.1em;padding:4px 10px}.dash-profile-head{align-items:center;display:flex;gap:16px;margin-bottom:20px}.dash-profile-head h2{font-size:1.3rem;margin-bottom:6px}.dash-level{margin-bottom:20px}.dash-level-row{color:var(--color-text-secondary);display:flex;font-family:var(--font-mono);font-size:.8rem;justify-content:space-between;margin-bottom:6px}.dash-xp-text{color:var(--color-text-tertiary)}.dash-qgrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.dash-qstat{background:#ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 10px;text-align:center}.dash-qstat span{color:var(--color-text-primary);font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.dash-qstat em{color:var(--color-text-tertiary);font-size:.65rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.dash-cta h2{font-size:1.4rem;margin-bottom:8px}.dash-cta p{color:var(--color-text-secondary);margin-bottom:16px}.dash-cta-list{list-style:none;margin:0 0 20px;padding:0}.dash-cta-list li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:10px;padding:8px 0}.dash-cta-list li svg{color:#0f8;flex-shrink:0}.dash-cta-buttons{display:flex;flex-wrap:wrap;gap:10px}.dash-top-list{display:flex;flex-direction:column;gap:8px}.dash-top-row{align-items:center;background:#ffffff08;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s}.dash-top-row:hover{background:#00d4ff0f;transform:translateX(2px)}.dash-top-pos{font-size:.95rem;font-weight:700;min-width:32px;text-align:center}.dash-top-info{display:flex;flex:1 1;flex-direction:column}.dash-top-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.dash-top-meta{color:var(--color-text-tertiary);font-size:.7rem}.dash-top-elo{color:var(--color-primary);font-family:var(--font-mono);font-size:.95rem;font-weight:700}.dash-modes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.dash-mode-tile{align-items:flex-start;background:#ffffff08;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 10px;transition:all .15s}.dash-mode-tile:hover{background:#ffffff0f;border-color:#00d4ff33;transform:translateY(-2px)}.dash-mode-icon{align-items:center;border-radius:10px;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.dash-mode-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.dash-mode-desc{color:var(--color-text-tertiary);font-size:.75rem}.dash-body{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.dash-elo-ranks{display:flex;flex-wrap:wrap;gap:8px}.dash-elo-pill{align-items:center;background:#ffffff08;border:1px solid;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.dash-elo-pill em{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem;font-style:normal}.dash-feed-list{display:flex;flex-direction:column;gap:10px}.dash-feed-row{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:12px;padding:10px}.dash-feed-text{color:var(--color-text-secondary);flex:1 1;font-size:.85rem}.dash-feed-text strong{color:var(--color-text-primary)}.dash-feed-time{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem}.dash-tips-list{display:flex;flex-direction:column;gap:8px}.dash-tip{align-items:center;background:#00d4ff08;border-left:2px solid var(--color-primary);border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:10px;padding:8px 12px}.dash-tip svg{color:var(--color-primary);flex-shrink:0}.dash-empty{color:var(--color-text-tertiary);font-size:.85rem;padding:20px;text-align:center}.lb-header-stats{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lb-header-stat{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.8rem;gap:6px;padding:6px 12px}.lb-header-stat.lb-you{background:#00d4ff14;border-color:#00d4ff4d;color:var(--color-primary)}.lb-refresh{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:.2s;width:36px}.lb-refresh:hover{border-color:#00d4ff4d;color:var(--color-primary)}.lb-refresh .spinning{animation:spin 1s linear infinite}.lb-search{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:8px;margin-left:auto;padding:6px 12px}.lb-search input{background:#0000;border:none;color:var(--color-text);font-size:.85rem;outline:none;width:160px}.lb-empty,.lb-search svg{color:var(--color-text-tertiary)}.lb-empty{font-size:.9rem;padding:40px;text-align:center}.lb-bot-tag{align-items:center;background:#ffb8001f;color:#ffb800;display:inline-flex;gap:3px}.lb-bot-tag,.lb-you-tag{border-radius:4px;font-size:.65rem;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.lb-you-tag{background:#00d4ff26;color:var(--color-primary)}.lb-active{color:var(--color-text-tertiary)!important;font-size:.75rem!important}.training-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin:12px 0 24px}.train-stat{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;padding:14px 16px}.train-stat svg{color:var(--color-primary);flex-shrink:0}.train-stat>div{display:flex;flex-direction:column}.train-stat span{color:var(--color-text);font-family:var(--font-mono);font-size:1.3rem;font-weight:700;line-height:1}.train-stat small{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.training-quickstart{margin-bottom:28px}.training-quick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}.training-quick-btn{align-items:center;background:#00d4ff0f;border:1px solid #00d4ff26;border-radius:10px;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:14px 16px;transition:.2s}.training-quick-btn:hover{background:#00d4ff1f;border-color:#00d4ff59;transform:translateY(-1px)}.training-quick-icon{align-items:center;background:#00d4ff26;border-radius:8px;color:var(--color-primary);display:inline-flex;height:28px;justify-content:center;width:28px}.training-drills{margin-top:20px}.training-subtitle{color:var(--color-text-secondary);font-size:.85rem;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.training-drill-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.training-drill-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;text-align:left;transition:.2s}.training-drill-card:hover{background:#00d4ff0d;border-color:#00d4ff4d}.training-drill-card.active{background:#00d4ff1a;border-color:var(--color-primary);box-shadow:0 0 12px #00d4ff33}.training-drill-label{font-size:.9rem;font-weight:600}.training-drill-desc{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem}@media (max-width:640px){.training-stats-row{grid-template-columns:repeat(2,1fr)}}.daily-header-timer{background:#ffb80014;border:1px solid #ffb80040;border-radius:10px;padding:10px 16px;text-align:right}.daily-header-timer-label{align-items:center;color:#ffb800;display:inline-flex;font-size:.7rem;gap:4px;letter-spacing:.5px;text-transform:uppercase}.daily-header-timer-value{color:var(--color-text);font-family:var(--font-mono);font-size:1.2rem;font-weight:700;margin-top:2px}.daily-banner{align-items:center;background:linear-gradient(135deg,#ffb80014,#00d4ff0d);border:1px solid #ffb80033;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:14px 20px}.daily-banner-date{align-items:center;color:var(--color-text);display:inline-flex;font-weight:600;gap:10px}.daily-banner-stats{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:18px;margin-left:auto}.daily-banner-stats span{align-items:center;display:inline-flex;gap:6px}.daily-banner-mine{color:var(--color-primary)!important}.daily-text-preview{background:#0003;border:1px dashed #ffffff1a;border-radius:10px;margin-bottom:18px;padding:14px 16px}.daily-text-label{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.daily-text-content{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.85rem;line-height:1.5;margin:0}.daily-lb-empty{color:var(--color-text-tertiary);font-size:.85rem;padding:30px 10px;text-align:center}.daily-lb-mine{background:#00d4ff14!important;border-color:#00d4ff4d!important}.play-header{align-items:flex-end;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.play-header h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.play-header p{color:var(--color-text-secondary);font-size:.95rem;margin:0}.play-header-stats{display:flex;flex-wrap:wrap;gap:10px}.phs-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.85rem;gap:8px;padding:8px 14px}.phs-item svg{color:var(--color-primary)}.phs-item strong{color:var(--color-text);font-weight:700}.play-modes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.play-mode-card{cursor:pointer;height:100%;transition:.25s}.play-mode-card.play-mode-active{box-shadow:0 0 0 2px var(--color-primary),0 0 24px #00d4ff40}.play-mode-content{align-items:flex-start;display:flex;flex-direction:column;gap:12px;min-height:200px}.play-mode-icon{align-items:center;border-radius:14px;display:inline-flex;height:52px;justify-content:center;width:52px}.play-mode-icon-ranked{background:#00d4ff26;color:#00d4ff}.play-mode-icon-create{background:#7b61ff26;color:#7b61ff}.play-mode-icon-join{background:#ffb80026;color:#ffb800}.play-mode-icon-quick{background:#00ff8826;color:#0f8}.play-mode-content h3{font-size:1.1rem;font-weight:700;margin:0}.play-mode-content p{color:var(--color-text-secondary);flex:1 1;font-size:.85rem;line-height:1.5;margin:0}.play-matchmaking-panel{margin-bottom:32px;overflow:hidden}.play-rooms-section{margin-top:32px}.play-rooms-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.play-rooms-head h2{align-items:center;display:inline-flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0}.play-rooms-head svg{color:var(--color-primary)}.play-rooms-refresh{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px;padding:8px 14px;transition:.2s}.play-rooms-refresh:hover{border-color:#00d4ff4d;color:var(--color-primary)}.play-rooms-empty{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:14px;color:var(--color-text-tertiary);padding:40px 20px;text-align:center}.inline-link{background:#0000;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.play-rooms-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.play-room-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:18px;transition:.2s}.play-room-card:hover{border-color:#00d4ff4d;transform:translateY(-2px)}.play-room-head{align-items:center;display:flex;justify-content:space-between}.play-room-name{font-size:.95rem;font-weight:700}.play-room-lock,.play-room-meta{color:var(--color-text-tertiary)}.play-room-meta{font-family:var(--font-mono);font-size:.78rem}.play-room-sep{margin:0 4px}.play-room-players{align-items:center;display:flex;gap:-6px}.play-room-avatar{border:2px solid var(--color-bg);border-radius:50%;height:28px;margin-left:-6px;width:28px}.play-room-avatar:first-child{margin-left:0}.play-room-more{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem;margin-left:8px}.create-room-modal,.join-room-modal{display:flex;flex-direction:column;gap:18px;padding:4px 2px}.join-room-modal p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.crm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.crm-field{display:flex;flex-direction:column;gap:8px}.crm-field label{color:var(--color-text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.crm-pills{display:flex;flex-wrap:wrap;gap:6px}.crm-pill{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.85rem;font-weight:500;gap:6px;padding:8px 14px;transition:.2s}.crm-pill:hover{border-color:#00d4ff4d;color:var(--color-text)}.crm-pill.active{background:#00d4ff1f;border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.play-modes-grid{grid-template-columns:repeat(2,1fr)}.crm-grid{grid-template-columns:1fr}}@media (max-width:480px){.play-modes-grid{grid-template-columns:1fr}}.rls-pills{display:flex;flex-wrap:wrap;gap:6px}.rls-pill{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.82rem;padding:7px 13px;transition:.2s}.rls-pill:hover{border-color:#00d4ff4d;color:var(--color-text)}.rls-pill.active{background:#00d4ff1f;border-color:var(--color-primary);color:var(--color-primary)}.rls-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rls-field label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.room-lobby-settings{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:20px;padding:18px}.lb-hof{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.lb-hof-card{align-items:center;background:#10101cb3;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:14px;padding:14px 16px}.lb-hof-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:18px;height:40px;place-items:center;width:40px}.lb-hof-info{grid-gap:4px 10px;align-items:center;display:grid;gap:4px 10px;grid-template-columns:28px 1fr;min-width:0}.lb-hof-info>.lb-hof-label{color:#ffffff80;font-size:10px;font-weight:700;grid-column:1/-1;letter-spacing:.08em;text-transform:uppercase}.lb-hof-name{color:#fff;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-hof-value{font-size:14px;font-weight:700;grid-column:1/-1}.lb-aggregate{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.lb-aggregate>div{background:linear-gradient(180deg,#00d4ff0d,#7b61ff08);border:1px solid #00d4ff1f;border-radius:12px;padding:14px;text-align:center}.lb-aggregate span{color:#fff;display:block;font-size:22px;font-weight:800;letter-spacing:-.5px}.lb-aggregate em{color:#ffffff80;font-size:11px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}@media (max-width:700px){.lb-aggregate{grid-template-columns:repeat(2,1fr)}}.play-snapshot{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.play-snap-card{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:16px 18px}.play-snap-elo{background:linear-gradient(180deg,#00d4ff14,#00d4ff05);border-color:#00d4ff4d}.play-snap-label{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.play-snap-value{color:#fff;font-size:28px;font-weight:800;line-height:1}.play-snap-sub{color:#fff9;font-size:12px}.play-rules{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:24px 0}.play-rule-card{align-items:flex-start;background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:14px;padding:16px 18px}.play-rule-card svg{color:#00d4ff;flex-shrink:0;font-size:22px;margin-top:2px}.play-rule-card strong{color:#fff;display:block;font-size:14px;font-weight:700;margin-bottom:3px}.play-rule-card em{color:#fff9;display:block;font-size:12px;font-style:normal;line-height:1.5}.training-goals{margin-bottom:24px}.training-goals-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:12px}.training-goal{background:#ffffff05;border:1px solid;border-radius:14px;padding:14px 16px}.training-goal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.training-goal-label{color:#fff;font-size:13px;font-weight:600}.training-goal-pct{font-family:var(--font-mono);font-size:13px;font-weight:800}.training-goal-bar{background:#ffffff0f;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.training-goal-fill{border-radius:3px;height:100%;transition:width .4s}.training-goal-meta{color:#ffffff80;font-family:var(--font-mono);font-size:11px}.typing-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10101ccc;border:1px solid var(--color-border-secondary);border-radius:16px;cursor:text;min-height:200px;outline:none;padding:30px;position:relative;transition:all var(--transition-normal)}.typing-area-active,.typing-area:focus{border-color:var(--color-border-hover);box-shadow:0 0 30px #00d4ff14,inset 0 0 30px #00d4ff05}.typing-area-disabled{opacity:.6;pointer-events:none}.typing-live-stats{border-bottom:1px solid var(--color-border-secondary);display:flex;gap:24px;margin-bottom:20px;padding-bottom:16px}.typing-stat{align-items:baseline;display:flex;gap:6px}.typing-stat-value{color:var(--color-primary);font-family:var(--font-mono);font-size:1.4rem;font-weight:700}.typing-stat-label{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.typing-progress-track{background:#ffffff0d;border-radius:2px;height:3px;margin-bottom:24px;overflow:hidden}.typing-progress-fill{background:linear-gradient(90deg,#00d4ff,#7b61ff);border-radius:2px;box-shadow:0 0 10px #00d4ff66;height:100%}.typing-text{font-family:var(--font-mono);letter-spacing:.02em;line-height:2;max-height:300px;overflow-y:auto;word-break:break-all}.typing-char-wrapper{display:inline;position:relative}.typing-char{transition:color .05s ease}.typing-char-pending{color:var(--color-text-muted)}.typing-char-current{color:var(--color-text-secondary)}.typing-char-correct{color:var(--color-text-primary)}.typing-char-incorrect{background:#ff336626;border-radius:2px;color:var(--color-error);text-decoration:underline;text-decoration-color:var(--color-error)}.typing-caret{animation:caretBlink 1s ease-in-out infinite;background:var(--color-primary);border-radius:2px;box-shadow:0 0 8px #00d4ff99;height:1.3em;left:0;position:absolute;top:0;width:2.5px;z-index:1}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:.3}}.typing-area-active .typing-caret{animation:none;opacity:1}.typing-instruction{bottom:16px;left:50%;position:absolute;transform:translateX(-50%)}.typing-instruction-text{animation:pulse 2s ease-in-out infinite;color:var(--color-text-tertiary);font-size:.85rem}.player-progress{align-items:center;background:#1a1a2e80;border:1px solid var(--color-border-secondary);border-radius:12px;display:flex;gap:16px;padding:12px 16px;transition:all var(--transition-fast)}.player-progress-local{background:#00d4ff08;border-color:#00d4ff33}.player-progress-finished{border-color:#0f83}.player-progress-info{align-items:center;display:flex;gap:10px;min-width:180px}.player-position{font-family:var(--font-mono);font-size:.85rem;font-weight:700;min-width:28px}.player-position-1{color:gold}.player-position-2{color:silver}.player-position-3{color:#cd7f32}.player-progress-details{display:flex;flex-direction:column;line-height:1.2}.player-progress-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:6px}.player-you-badge{background:#00d4ff33;border-radius:4px;color:var(--color-primary);font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:1px 5px}.player-progress-stats{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.7rem}.player-race-track{border-radius:8px;flex:1 1;height:32px;overflow:hidden;position:relative}.player-race-bg{background:#ffffff08;inset:0}.player-race-bg,.player-race-fill{border-radius:8px;position:absolute}.player-race-fill{height:100%;left:0;opacity:.3;top:0}.player-race-avatar{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.player-race-car{filter:drop-shadow(0 0 4px rgba(255,255,255,.3));font-size:1.2rem}.player-race-car-local{filter:drop-shadow(0 0 8px rgba(0,212,255,.5));font-size:1.4rem}.player-finish-flag{font-size:1.2rem;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.player-progress-percent{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.85rem;font-weight:700;min-width:42px;text-align:right}.game-results{margin:40px auto;max-width:700px;padding:0 20px}.results-confetti{inset:0;pointer-events:none;position:fixed;z-index:999}.results-grade{margin-bottom:40px;text-align:center}.results-grade-circle{align-items:center;background:#0000004d;border:3px solid;border-radius:50%;box-shadow:0 0 40px currentColor;display:inline-flex;flex-direction:column;height:180px;justify-content:center;margin-bottom:16px;width:180px}.results-grade-label{font-size:.7rem;font-weight:700;letter-spacing:.15em;margin-bottom:4px;text-transform:uppercase}.results-grade-wpm{align-items:baseline;display:flex;gap:4px}.results-grade-number{color:var(--color-text-primary);font-family:var(--font-mono);font-size:3.5rem;font-weight:900;line-height:1}.results-grade-unit{color:var(--color-text-tertiary);font-size:.9rem;font-weight:600}.results-grade-message{font-size:1rem;font-weight:600;letter-spacing:.02em}.results-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.results-stat-card{align-items:center;display:flex;gap:14px}.results-stat-icon{font-size:1.5rem}.results-stat-info{display:flex;flex-direction:column}.results-stat-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.results-stat-label{color:var(--color-text-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.results-elo-section{margin-bottom:24px}.results-elo-content{align-items:center;display:flex;justify-content:space-between}.results-elo-change{font-size:1.5rem}.results-chart{margin-bottom:30px}.results-chart-title{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:16px}.results-chart-container{height:120px;position:relative}.results-wpm-chart{align-items:flex-end;display:flex;gap:4px;height:100%}.results-chart-bar{background:linear-gradient(180deg,var(--color-primary) 0,#00d4ff33 100%);border-radius:3px 3px 0 0;flex:1 1;min-height:4px;position:relative}.results-chart-bar-label{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.6rem;left:50%;position:absolute;top:-18px;transform:translateX(-50%);white-space:nowrap}.results-chart-empty{align-items:center;color:var(--color-text-muted);display:flex;font-size:.9rem;height:100%;justify-content:center}.results-actions{display:flex;gap:12px;justify-content:center}@media (max-width:640px){.results-stats-grid{grid-template-columns:1fr}.typing-live-stats{flex-wrap:wrap;gap:12px}}.pp-root{color:var(--color-text);font-family:var(--font-sans);margin:0 auto;max-width:1200px;padding:32px 24px 80px}.pp-empty-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:18px;margin:120px auto;max-width:480px;padding:40px 32px;text-align:center}.pp-empty-card h2{font-size:1.4rem;margin:0 0 8px}.pp-empty-card p{color:var(--color-text-secondary);margin:0}.pp-hero{background:linear-gradient(180deg,#121626cc,#0a0c16f2);border:1px solid #ffffff0f;border-radius:20px;margin-bottom:28px;overflow:hidden;position:relative}.pp-hero-bg{background:radial-gradient(ellipse at top right,#00d4ff1f,#0000 50%),radial-gradient(ellipse at bottom left,#7b61ff1a,#0000 50%);inset:0;pointer-events:none;position:absolute}.pp-hero-inner{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1.2fr 1fr;padding:32px;position:relative}.pp-hero-main{align-items:center;display:flex;gap:24px}.pp-hero-text{display:flex;flex-direction:column;gap:12px;min-width:0}.pp-hero-name{align-items:center;display:flex;gap:10px}.pp-hero-name h1{background:linear-gradient(90deg,#fff,#ffffffbf);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0}.pp-edit-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:.2s;width:32px}.pp-edit-btn:hover{border-color:#00d4ff4d;color:var(--color-primary)}.pp-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.pp-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:6px;padding:6px 10px}.pp-pill-live{color:var(--color-text)}.pp-dot{background:#ffffff4d;border-radius:50%;height:7px;width:7px}.pp-dot-on{background:#0f8;box-shadow:0 0 6px #0f8}.pp-hero-side{display:flex;flex-direction:column;gap:14px}.pp-progress-card{background:#00000040;border:1px solid #ffffff0d;border-radius:12px;padding:14px 16px}.pp-progress-row{display:flex;justify-content:space-between;margin-bottom:8px}.pp-progress-label{font-size:.82rem;font-weight:600}.pp-progress-value{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.78rem}.pp-progress-bar{background:#ffffff0f;border-radius:4px;height:7px;overflow:hidden}.pp-progress-fill{border-radius:4px;height:100%;transition:width .4s ease}.pp-progress-fill-xp{background:linear-gradient(90deg,#00d4ff,#7b61ff)}.pp-progress-fill-rank{background:linear-gradient(90deg,#ffb800,#f36)}.pp-progress-hint{color:var(--color-text-tertiary);display:block;font-family:var(--font-mono);font-size:.7rem;margin-top:6px}.pp-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.pp-stat-card{--accent:#00d4ff;align-items:center;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:12px;padding:16px;transition:.25s}.pp-stat-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,#0000);transform:translateY(-2px)}.pp-stat-icon{align-items:center;background:color-mix(in srgb,var(--accent) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:10px;color:var(--accent);display:inline-flex;height:40px;justify-content:center;width:40px}.pp-stat-body{display:flex;flex-direction:column}.pp-stat-label{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.pp-stat-value{color:var(--color-text);font-family:var(--font-mono);font-size:1.35rem;font-weight:800}.pp-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.3fr 1fr}.pp-panel{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;padding:24px}.pp-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pp-panel-head h3{align-items:center;display:inline-flex;font-size:1.05rem;font-weight:700;gap:8px;margin:0}.pp-panel-head h3 svg,.pp-panel-link{color:var(--color-primary)}.pp-panel-link{background:#0000;border:none;cursor:pointer;font-size:.82rem;font-weight:600}.pp-panel-link:hover{text-decoration:underline}.pp-badges-count{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.78rem}.pp-panel-empty{color:var(--color-text-tertiary);padding:36px 20px;text-align:center}.pp-panel-empty p{font-size:.9rem;margin:0 0 16px}.pp-cta{background:linear-gradient(90deg,#00d4ff,#7b61ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 20px;transition:.2s}.pp-cta:hover{box-shadow:0 8px 20px #00d4ff4d;transform:translateY(-1px)}.pp-history{display:flex;flex-direction:column;gap:8px}.pp-history-row{grid-gap:14px;align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:10px;display:grid;gap:14px;grid-template-columns:40px 1fr auto auto;padding:12px 14px;transition:.15s}.pp-history-row:hover{border-color:#ffffff14;transform:translateX(2px)}.pp-history-res{align-items:center;border-radius:8px;display:inline-flex;font-family:var(--font-mono);font-size:.88rem;font-weight:800;height:32px;justify-content:center;width:32px}.pp-win .pp-history-res{background:#00ff881a;border:1px solid #00ff884d;color:#0f8}.pp-loss .pp-history-res{background:#ff33661a;border:1px solid #ff33664d;color:#f36}.pp-history-info{display:flex;flex-direction:column;min-width:0}.pp-history-opp{font-size:.9rem;font-weight:600}.pp-history-mode{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.pp-history-stats{color:var(--color-text-secondary);display:flex;font-family:var(--font-mono);font-size:.82rem;gap:14px}.pp-history-stats strong{color:var(--color-text)}.pp-history-elo{font-family:var(--font-mono);font-size:.95rem;font-weight:800;min-width:50px;text-align:right}.pp-up{color:#0f8}.pp-down{color:#f36}.pp-badges-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.pp-badge{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:14px 8px;text-align:center;transition:.2s}.pp-badge-on{background:#00d4ff0a;border-color:#00d4ff4d}.pp-badge-off{filter:grayscale(1);opacity:.35}.pp-badge-icon{font-size:1.4rem}.pp-badge-name{color:var(--color-text-secondary);font-size:.72rem;font-weight:600}@media (max-width:960px){.pp-hero-inner{grid-template-columns:1fr}.pp-stats-grid{grid-template-columns:repeat(2,1fr)}.pp-two-col{grid-template-columns:1fr}}@media (max-width:560px){.pp-hero-main{flex-direction:column;text-align:center}.pp-hero-badges{justify-content:center}.pp-history-row{grid-template-columns:32px 1fr auto}.pp-history-stats{display:none}.pp-badges-grid{grid-template-columns:repeat(2,1fr)}}.dc-root{color:var(--color-text);font-family:var(--font-sans);margin:0 auto;max-width:1200px;padding:32px 24px 80px}.dc-hero{background:linear-gradient(180deg,#121626cc,#0a0c16f2);border:1px solid #ffffff0f;border-radius:20px;margin-bottom:28px;overflow:hidden;position:relative}.dc-hero-bg{background:radial-gradient(ellipse at top right,#ffb8001f,#0000 55%),radial-gradient(ellipse at bottom left,#00d4ff1a,#0000 55%);inset:0;pointer-events:none;position:absolute}.dc-hero-inner{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:32px;position:relative}.dc-hero-eyebrow{align-items:center;background:#ffb8001a;border:1px solid #ffb80040;border-radius:999px;color:#ffb800;display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:8px;margin-bottom:12px;padding:5px 12px}.dc-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.dc-gradient{background:linear-gradient(90deg,#ffb800,#f36);-webkit-background-clip:text;background-clip:text;color:#0000}.dc-hero p{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 14px}.dc-hero-pills{display:flex;flex-wrap:wrap;gap:8px}.dc-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:.78rem;gap:6px;padding:6px 11px}.dc-pill-mine{background:#ffb8000d;border-color:#ffb8004d;color:#ffb800}.dc-hero-timer{align-items:center;background:#00000059;border:1px solid #ffffff0f;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:18px 24px;position:relative}.dc-timer-label{align-items:center;color:var(--color-text-tertiary);display:inline-flex;font-family:var(--font-mono);font-size:.75rem;gap:6px}.dc-timer-value{color:#ffb800;font-family:var(--font-mono);font-size:1.6rem;font-weight:800;letter-spacing:.04em}.dc-timer-refresh{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:10px;top:10px;width:28px}.dc-timer-refresh:hover{color:var(--color-primary)}.dc-spin{animation:dc-rot .8s linear infinite}@keyframes dc-rot{to{transform:rotate(1turn)}}.dc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.4fr 1fr}.dc-main{display:flex;flex-direction:column;gap:20px}.dc-diff-card,.dc-lb-card,.dc-start-card,.dc-text-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;padding:22px}.dc-text-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dc-text-tag{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dc-text-len,.dc-text-tag{color:var(--color-text-tertiary);font-family:var(--font-mono)}.dc-text-len{font-size:.75rem}.dc-text-body{background:#00000040;border:1px solid #ffffff0a;border-radius:12px;color:var(--color-text);font-family:var(--font-mono);font-size:.95rem;line-height:1.7;margin:0;padding:16px}.dc-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dc-section-head h3{align-items:center;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.dc-section-head h3 svg{color:var(--color-primary)}.dc-section-head span{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem}.dc-diff-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.dc-diff{background:#00000040;border:1.5px solid #ffffff0f;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 12px;text-align:left;transition:.2s}.dc-diff:hover{border-color:color-mix(in srgb,var(--c) 40%,#0000);transform:translateY(-2px)}.dc-diff-on{background:color-mix(in srgb,var(--c) 10%,#00000040);border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset,0 8px 24px color-mix(in srgb,var(--c) 20%,#0000)}.dc-diff-name{color:var(--c);font-size:.95rem;font-weight:800}.dc-diff-stats{color:var(--color-text-secondary);display:flex;font-family:var(--font-mono);font-size:.78rem;gap:10px}.dc-diff-stats span,.dc-diff-xp{align-items:center;display:inline-flex;gap:4px}.dc-diff-xp{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem}.dc-start-card{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,#121626b3),#0a0c16e6);border-color:color-mix(in srgb,var(--c) 25%,#0000);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.dc-targets{display:flex;gap:24px}.dc-target{display:flex;flex-direction:column;gap:2px;padding-left:28px;position:relative}.dc-target svg{color:var(--c);left:0;position:absolute;top:4px}.dc-target-v{font-size:1.3rem;font-weight:800}.dc-target-l,.dc-target-v{font-family:var(--font-mono)}.dc-target-l{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.dc-start-btn{align-items:center;background:var(--c);border:none;border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--c) 30%,#0000);color:#000;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;padding:14px 26px;transition:.2s}.dc-start-btn:hover:not(:disabled){box-shadow:0 14px 32px color-mix(in srgb,var(--c) 40%,#0000);transform:translateY(-2px)}.dc-start-btn:disabled{cursor:not-allowed;opacity:.4}.dc-lb-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:10px;padding:40px 20px}.dc-lb-empty p{font-size:.88rem;margin:0}.dc-lb-list{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow-y:auto}.dc-lb-row{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:10px;display:flex;gap:10px;padding:8px 10px;transition:.15s}.dc-lb-row:hover{border-color:#ffffff14}.dc-lb-mine{background:#00d4ff14;border-color:#00d4ff40}.dc-lb-pos{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.85rem;font-weight:700;text-align:center;width:28px}.dc-lb-pos-1,.dc-lb-pos-2,.dc-lb-pos-3{font-size:1.1rem}.dc-lb-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.dc-lb-name{font-size:.88rem;font-weight:600}.dc-lb-meta{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.72rem}@media (max-width:960px){.dc-grid{grid-template-columns:1fr}.dc-diff-grid{grid-template-columns:repeat(2,1fr)}.dc-hero-inner{align-items:flex-start;flex-direction:column}}@media (max-width:560px){.dc-targets{flex-wrap:wrap;gap:16px}.dc-start-card{align-items:stretch;flex-direction:column}.dc-start-btn{justify-content:center}.dc-hero h1{font-size:1.6rem}}.st-root{color:var(--color-text);font-family:var(--font-sans);margin:0 auto;max-width:1200px;padding:32px 24px 80px}.st-hero{align-items:center;background:linear-gradient(180deg,#121626cc,#0a0c16f2);border:1px solid #ffffff0f;border-radius:18px;display:flex;gap:18px;margin-bottom:24px;padding:22px 26px}.st-hero-icon{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:12px;color:var(--color-primary);display:inline-flex;font-size:1.2rem;height:44px;justify-content:center;width:44px}.st-hero h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0}.st-hero p{color:var(--color-text-secondary);font-size:.88rem;margin:4px 0 0}.st-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.st-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;padding:22px}.st-card-head{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:10px;margin-bottom:10px;padding-bottom:14px}.st-card-icon{align-items:center;background:#00d4ff14;border-radius:8px;color:var(--color-primary);display:inline-flex;height:28px;justify-content:center;width:28px}.st-card-head h3{font-size:1rem;font-weight:700;margin:0}.st-card-body{display:flex;flex-direction:column;gap:6px}.st-row{align-items:center;border-bottom:1px dashed #ffffff0a;display:flex;gap:16px;justify-content:space-between;padding:12px 4px}.st-row:last-child{border-bottom:none}.st-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.st-row-label{font-size:.9rem;font-weight:600}.st-row-desc{color:var(--color-text-tertiary);font-size:.75rem}.st-row-ctrl{flex-shrink:0}.st-toggle{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;cursor:pointer;height:24px;padding:2px;position:relative;transition:.2s;width:42px}.st-knob{background:#fff;border-radius:50%;display:block;height:18px;transition:.2s;width:18px}.st-toggle-on{background:linear-gradient(90deg,#00d4ff,#7b61ff);border-color:#0000}.st-toggle-on .st-knob{transform:translateX(18px)}.st-input,.st-select{background:#00000040;border:1px solid #ffffff14;border-radius:10px;color:var(--color-text);font-family:var(--font-sans);font-size:.9rem;outline:none;padding:8px 12px;transition:.15s}.st-input:focus,.st-select:focus{border-color:var(--color-primary)}.st-input-disabled{cursor:not-allowed;opacity:.5}.st-field{display:flex;flex-direction:column;gap:6px}.st-field span{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.st-range{accent-color:var(--color-primary);width:140px}.st-seg{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;display:inline-flex;padding:2px}.st-seg-btn{background:#0000;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;text-transform:capitalize;transition:.15s}.st-seg-active{background:#00d4ff26;color:var(--color-primary)}.st-accent-row{display:flex;gap:8px}.st-accent{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:.15s;width:28px}.st-accent:hover{transform:scale(1.1)}.st-accent-on{border-color:#fff;box-shadow:0 0 0 2px #ffffff26}.st-ghost,.st-primary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:8px 14px;transition:.15s}.st-primary{background:linear-gradient(90deg,#00d4ff,#7b61ff);color:#fff}.st-primary:hover:not(:disabled){transform:translateY(-1px)}.st-primary:disabled{cursor:not-allowed;opacity:.4}.st-ghost{background:#ffffff0a;border:1px solid #ffffff14;color:var(--color-text-secondary)}.st-ghost:hover{color:var(--color-text)}.st-account{grid-gap:24px;display:grid;gap:24px;grid-template-columns:auto 1fr;padding:6px 4px}.st-avatar-col{align-items:center;gap:10px}.st-avatar-actions,.st-avatar-col{display:flex;flex-direction:column}.st-avatar-actions{gap:6px;width:100%}.st-account-fields{display:flex;flex-direction:column;gap:12px}.st-save-username{align-self:flex-start}.st-shortcuts{display:flex;flex-direction:column;gap:10px}.st-sc{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.st-sc-keys{align-items:center;display:inline-flex;gap:4px}.st-kbd{background:#ffffff0f;border:solid #ffffff1a;border-radius:6px;border-width:1px 1px 2px;color:var(--color-text);display:inline-block;font-family:var(--font-mono);font-size:.75rem;padding:3px 8px}.st-plus{color:var(--color-text-tertiary);font-size:.7rem}.st-sc-label{color:var(--color-text-secondary);font-size:.82rem}@media (max-width:960px){.st-grid{grid-template-columns:1fr}}@media (max-width:560px){.st-account{grid-template-columns:1fr}.st-avatar-col{flex-direction:row}.st-avatar-actions{flex-direction:row;width:auto}}.room-lobby{margin:30px auto;max-width:1100px}.room-lobby-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.room-lobby-header{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.room-header-info h2{font-size:1.3rem;font-weight:700;margin-bottom:6px}.room-code-display{align-items:center;display:flex;gap:8px}.room-code-label{color:var(--color-text-tertiary);font-size:.8rem}.room-code-value{background:#00d4ff1a;border-radius:8px;color:var(--color-primary);font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:.15em;padding:4px 12px}.room-code-copy{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.room-code-copy:hover{background:#00d4ff1a;color:var(--color-primary)}.room-header-actions{display:flex;gap:8px}.room-settings-panel{margin-bottom:20px;overflow:hidden}.room-settings-title{color:var(--color-text-secondary);font-size:1rem;font-weight:600;margin-bottom:16px}.room-settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.room-setting-item{display:flex;flex-direction:column;gap:6px}.room-setting-item label{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.room-select{appearance:none;background:var(--color-bg-input);border:1px solid var(--color-border-secondary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:.85rem;outline:none;padding:8px 12px;transition:border-color var(--transition-fast)}.room-select:focus{border-color:var(--color-primary)}.room-lobby-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 340px}.room-players-section{display:flex;flex-direction:column;gap:16px}.room-players-header{align-items:center;display:flex;justify-content:space-between}.room-players-header h3{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1rem;gap:8px}.room-players-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.room-player-card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-secondary);border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:20px 16px;position:relative;transition:all var(--transition-normal)}.room-player-ready{background:#00ff8808;border-color:#00ff884d}.room-player-host{border-color:#ffb8004d}.room-player-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.room-player-status{margin-top:auto}.room-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:700;gap:4px;letter-spacing:.08em;padding:3px 10px;text-transform:uppercase}.room-badge-host{background:#ffb80026;color:var(--color-warning)}.room-badge-ready{background:#00ff8826;color:var(--color-success)}.room-badge-waiting{background:#ffffff0d;color:var(--color-text-muted)}.room-kick-btn{align-items:center;background:#ff33661a;border:none;border-radius:6px;color:var(--color-error);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:all var(--transition-fast);width:22px}.room-player-card:hover .room-kick-btn{opacity:1}.room-player-empty{border-color:#ffffff0f;border-style:dashed;justify-content:center;min-height:160px}.room-player-empty-icon{color:var(--color-text-muted);opacity:.3}.room-player-empty-text{color:var(--color-text-muted);font-size:.8rem}.room-actions{margin-top:8px}.room-chat-section{display:flex;flex-direction:column;gap:10px}.room-chat-title{color:var(--color-text-secondary);font-size:1rem;font-weight:600}.room-chat-section .chatbox{height:480px}@media (max-width:900px){.room-lobby-content,.room-settings-grid{grid-template-columns:1fr}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.auth-container{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#10101ce6;border:1px solid #00d4ff1f;border-radius:20px;box-shadow:0 0 40px #00d4ff0d,0 20px 60px #00000080;max-width:440px;padding:40px;position:relative;width:100%;z-index:1}.auth-container-register{max-width:480px}.auth-header{margin-bottom:30px;text-align:center}.auth-logo{align-items:center;background:linear-gradient(135deg,#00d4ff,#7b61ff);border-radius:16px;box-shadow:0 0 30px #00d4ff4d;color:#000;display:inline-flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.auth-title{color:var(--color-text-primary);font-size:1.8rem;font-weight:800;margin-bottom:8px}.auth-subtitle{color:var(--color-text-tertiary);font-size:.95rem}.auth-discord-btn{background:linear-gradient(135deg,#5865f2,#4752c4)!important;color:#fff!important;margin-bottom:0}.auth-divider{align-items:center;display:flex;gap:16px;margin:24px 0}.auth-divider:after,.auth-divider:before{background:var(--color-border-secondary);content:"";flex:1 1;height:1px}.auth-divider span{color:var(--color-text-muted);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-password-toggle{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:0;transition:color var(--transition-fast)}.auth-password-toggle:hover{color:var(--color-text-primary)}.auth-options{justify-content:space-between}.auth-options,.auth-remember{align-items:center;display:flex}.auth-remember{color:var(--color-text-tertiary);cursor:pointer;font-size:.85rem;gap:8px}.auth-remember input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.auth-forgot{color:var(--color-primary);font-size:.85rem;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-error{background:#ff33661a;border:1px solid #f363;border-radius:10px;color:var(--color-error);font-size:.85rem;padding:10px 14px}.auth-footer{color:var(--color-text-tertiary);font-size:.9rem;margin-top:24px;text-align:center}.auth-link{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-password-group{display:flex;flex-direction:column;gap:6px}.password-strength{align-items:center;display:flex;gap:10px}.password-strength-bar{background:#ffffff0d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:width .3s ease}.password-strength-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.auth-decoration{border-radius:50%;filter:blur(100px);pointer-events:none;position:absolute}.auth-decoration-1{background:#00d4ff14;height:400px;right:-100px;top:-100px;width:400px}.auth-decoration-2{background:#7b61ff0f;bottom:-80px;height:350px;left:-80px;width:350px}.auth-back-home{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:#ffffffd1;display:inline-flex;font-size:13px;font-weight:600;gap:8px;left:22px;padding:10px 14px;position:absolute;text-decoration:none;top:22px;transition:all .2s ease;z-index:3}.auth-back-home:hover{background:#00d4ff1a;border-color:#00d4ff59;color:#fff;transform:translateX(-2px)}.auth-notice{background:linear-gradient(180deg,#00d4ff12,#7b61ff0d);border:1px solid #00d4ff2e;border-radius:12px;color:#ffffffe0;display:flex;font-size:13px;gap:12px;line-height:1.55;margin:4px 0 6px;padding:12px 14px}.auth-notice svg{color:#00d4ff;flex-shrink:0;margin-top:2px}.auth-notice code{background:#ffffff14;border-radius:6px;font-size:12px;padding:2px 6px}.auth-trust{align-items:center;color:#ffffff73;display:flex;font-size:11px;gap:8px;justify-content:center;letter-spacing:.02em;margin-top:6px}.auth-trust span{align-items:center;display:inline-flex;gap:4px}.auth-forgot{background:none;border:none;color:#00d4ff;cursor:pointer;font-size:13px;font-weight:600;padding:0}.auth-forgot:hover{color:#7b61ff}.auth-error{align-items:center;display:inline-flex;gap:8px}.adm-page{color:#fff;margin:0 auto;max-width:1400px;padding:28px 24px 80px}.adm-header{justify-content:space-between;margin-bottom:24px}.adm-header,.adm-title{align-items:center;display:flex;gap:16px}.adm-title-icon{background:linear-gradient(135deg,#ffb800,#ff6b3d);border-radius:14px;box-shadow:0 10px 30px #ffb80059;display:grid;font-size:24px;height:52px;place-items:center;width:52px}.adm-title h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.adm-title p{color:#ffffff8c;font-size:13px;margin:2px 0 0}.adm-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.adm-btn:hover{background:#ffffff17}.adm-btn-primary{background:linear-gradient(135deg,#00d4ff,#7b61ff);border:none}.adm-btn-primary:hover{opacity:.9}.adm-btn-ghost{background:#ffffff0a}.adm-spin{animation:adm-spin 1s linear infinite}@keyframes adm-spin{to{transform:rotate(1turn)}}.adm-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.adm-stat{align-items:center;background:#10101cb3;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:12px;padding:14px 16px}.adm-stat-icon{border-radius:10px;display:grid;font-size:18px;height:40px;place-items:center;width:40px}.adm-stat-value{font-size:22px;font-weight:800;letter-spacing:-.5px}.adm-stat-label{color:#ffffff8c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.adm-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:14px}.adm-search,.adm-toolbar{align-items:center;display:flex}.adm-search{background:#10101cb3;border:1px solid #ffffff0f;border-radius:10px;flex:1 1;gap:10px;min-width:280px;padding:10px 14px}.adm-search input{background:none;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.adm-search svg{color:#ffffff80}.adm-filters{display:flex;flex-wrap:wrap;gap:6px}.adm-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;text-transform:capitalize}.adm-chip.active{background:linear-gradient(135deg,#00d4ff33,#7b61ff33);border-color:#00d4ff66;color:#fff}.adm-table{background:#10101cb3;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.adm-row{grid-gap:12px;align-items:center;border-bottom:1px solid #ffffff0a;display:grid;font-size:13px;gap:12px;grid-template-columns:2.2fr 2fr .7fr .5fr .7fr 1fr 1.6fr;padding:12px 16px}.adm-row:last-child{border-bottom:none}.adm-row-head{background:#ffffff08;color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.adm-row-banned{background:#ff33660d}.adm-user{align-items:center;display:flex;gap:10px;min-width:0}.adm-user img{background:#222;border-radius:50%;height:34px;width:34px}.adm-username{align-items:center;display:flex;flex-wrap:wrap;font-weight:700;gap:6px}.adm-userid{color:#fff6;font-family:monospace;font-size:10px}.adm-email{align-items:center;color:#ffffffbf;display:flex;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-elo{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.adm-tag{border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.adm-tag-admin{background:#ffb80026;color:#ffb800}.adm-tag-bot{background:#7b61ff26;color:#7b61ff}.adm-tag-discord{background:#5865f226;color:#7a8aff}.adm-tag-warn{background:#ff33661f;color:#ff8ba7}.adm-status{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px}.adm-status-ok{color:#0f8}.adm-status-banned{color:#f36}.adm-actions{display:flex;gap:6px}.adm-icon-btn{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;color:#fffc;cursor:pointer;display:grid;height:32px;place-items:center;transition:all .15s ease;width:32px}.adm-icon-btn:hover{background:#ffffff1f;color:#fff}.adm-icon-btn.adm-ok:hover{background:#00ff8826;border-color:#00ff884d;color:#0f8}.adm-icon-btn.adm-warn:hover{background:#ffb80026;border-color:#ffb8004d;color:#ffb800}.adm-icon-btn.adm-danger:hover{background:#ff336626;border-color:#ff33664d;color:#f36}.adm-empty{color:#ffffff80;font-size:14px;padding:40px;text-align:center}.adm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:999}.adm-modal{background:#10101cfa;border:1px solid #ffffff14;border-radius:16px;max-width:520px;overflow:hidden;width:100%}.adm-modal-head{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:14px;padding:18px 20px}.adm-modal-head img{border-radius:50%;height:44px;width:44px}.adm-modal-head h2{font-size:18px;margin:0}.adm-modal-head p{color:#ffffff80;font-family:monospace;font-size:11px;margin:2px 0 0}.adm-modal-head .adm-icon-btn{margin-left:auto}.adm-modal-body{display:flex;flex-direction:column;gap:12px;padding:20px}.adm-modal-body label{color:#ffffffb3;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px}.adm-modal-body input:not([type]),.adm-modal-body input[type=number],.adm-modal-body input[type=text]{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:10px 12px}.adm-modal-body input:focus{border-color:#00d4ff66}.adm-modal-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.adm-modal-toggles{display:flex;flex-wrap:wrap;gap:16px;padding:8px 0}.adm-modal-toggles label{align-items:center;color:#fff;cursor:pointer;flex-direction:row;font-size:13px;gap:6px}.adm-modal-foot{border-top:1px solid #ffffff0f;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}@media (max-width:960px){.adm-row{grid-template-columns:1.6fr 1fr 1fr}.adm-row-head>div:nth-child(3),.adm-row-head>div:nth-child(4),.adm-row-head>div:nth-child(5),.adm-row>div:nth-child(3),.adm-row>div:nth-child(4),.adm-row>div:nth-child(5){display:none}}:root{--color-primary:#00d4ff;--color-primary-light:#3df;--color-primary-dark:#00a8cc;--color-primary-glow:#00d4ff4d;--color-primary-glow-strong:#00d4ff99;--color-primary-glow-subtle:#00d4ff1a;--color-secondary:#7b61ff;--color-secondary-light:#9580ff;--color-accent:#0f8;--color-warning:#ffb800;--color-error:#f36;--color-success:#0f8;--color-bg-deep:#000;--color-bg-primary:#0a0a0f;--color-bg-secondary:#0d0d14;--color-bg-tertiary:#12121c;--color-bg-elevated:#16162a;--color-bg-card:#1a1a2e;--color-bg-card-hover:#1e1e36;--color-bg-input:#0f0f1a;--color-bg-overlay:#000000d9;--color-text-primary:#fff;--color-text-secondary:#b8b8cc;--color-text-tertiary:#6e6e8a;--color-text-muted:#4a4a60;--color-border-primary:#00d4ff33;--color-border-secondary:#ffffff0f;--color-border-hover:#00d4ff66;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--shadow-glow:0 0 20px #00d4ff4d;--shadow-glow-strong:0 0 40px #00d4ff80}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#000;background-color:var(--color-bg-deep);color:#fff;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse at 20% 50%,#00d4ff0a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#7b61ff0a 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#00ff8805 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.1}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#b8b8cc;color:var(--color-text-secondary);line-height:1.6}a{color:#00d4ff;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#3df;color:var(--color-primary-light)}::selection{background:#00d4ff4d;color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0d0d14;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#00d4ff4d;background:var(--color-primary-glow);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--color-primary)}:focus-visible{border-radius:4px;outline:2px solid #00d4ff;outline:2px solid var(--color-primary);outline-offset:2px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#7b61ff 50%,#f36);-webkit-background-clip:text;background-clip:text}.text-glow{text-shadow:0 0 20px #00d4ff80,0 0 40px #00d4ff33}.glow-box{box-shadow:0 0 20px #00d4ff26,inset 0 0 20px #00d4ff0d}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a2e99;border:1px solid #ffffff0f}.glass-strong{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#1a1a2ecc;border:1px solid #00d4ff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4ff4d,0 0 10px #00d4ff1a}50%{box-shadow:0 0 20px #00d4ff80,0 0 40px #00d4ff33}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #00d4ff4d}50%{text-shadow:0 0 20px #00d4ff99,0 0 40px #00d4ff4d}}@keyframes borderGlow{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff80}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes countdownPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-200px) rotate(2turn)}}@keyframes electricArc{0%,to{opacity:0}50%{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.grid-overlay{background-image:linear-gradient(#00d4ff05 1px,#0000 0),linear-gradient(90deg,#00d4ff05 1px,#0000 0);background-size:60px 60px}.grid-overlay,.particles-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particles-container{overflow:hidden}.spinner{animation:spin .8s linear infinite;border:3px solid #00d4ff1a;border-radius:50%;border-top-color:#00d4ff;border-top:3px solid var(--color-primary);height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:4px;height:60px;width:60px}.toast-custom{background:#16162a!important;background:var(--color-bg-elevated)!important;border:1px solid #00d4ff33!important;border:1px solid var(--color-border-primary)!important;box-shadow:0 0 20px #00d4ff4d!important;box-shadow:var(--shadow-glow)!important;color:#fff!important;color:var(--color-text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font-family)!important}
/*# sourceMappingURL=main.66007225.css.map*/