@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-base:#0c0c0c;--bg-elevated:#1f1f1f;--bg-hover:#2a2a2a;--bg-input:#141414;--bg-glass:#1a1a1a66;--bg-glass-strong:#28282899;--border-subtle:#ffffff0d;--border-strong:#ffffff1f;--border-glass:inset 0 1px 0 #ffffff14;--text-primary:#fff;--text-secondary:#9a9a9a;--text-muted:#5c5c5c;--accent:#f50;--accent-hover:#ff6a1f;--accent-gradient:linear-gradient(135deg, var(--accent) 0%, #f509 100%);--accent-glow:#ff550026;--win:#32d74b;--loss:#eb4b4b;--draw:#f5a623;--lvl-1:gray;--lvl-2:#929292;--lvl-3:#a8a8a8;--lvl-4:silver;--lvl-5:#2ecc71;--lvl-6:#27ae60;--lvl-7:#1db954;--lvl-8:#0ead69;--lvl-9:#f1c40f;--lvl-10:#f39c12;--lvl-11:#e6a817;--lvl-12:#d4ac0d;--lvl-13:#ff8c00;--lvl-14:#ff6a1f;--lvl-15:#f50;--lvl-16:#e64a19;--lvl-17:#ff3b30;--lvl-18:#e53935;--lvl-19:#d50000;--lvl-20:#b71c1c;--font-main:"Inter", system-ui, sans-serif;--font-display:"Inter", sans-serif;--r-sm:6px;--r-md:10px;--r-lg:16px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-lg:0 20px 25px -5px #0009, 0 10px 10px -5px #0006;--shadow-glow:0 0 16px var(--accent-glow);--shadow-card:var(--border-glass), var(--shadow-md);--trans-fast:.15s ease-out;--trans-base:.25s ease-out;--trans-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);min-height:100dvh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at top, var(--accent-glow) 0%, transparent 60%);pointer-events:none;z-index:-1;width:150vw;height:80vh;position:absolute;top:-20vh;left:50%;transform:translate(-50%)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:1.2}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-main);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);outline:none;font-size:.875rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}.btn{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.04em;transition:background var(--trans-fast), opacity var(--trans-fast), transform var(--trans-fast), box-shadow var(--trans-fast);will-change:transform;font-size:.875rem;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff08}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff0f}.btn-large{padding:var(--s-4) var(--s-6);font-size:1rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-win{color:var(--win)}.text-loss{color:var(--loss)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}.page{padding:var(--s-4);padding-bottom:calc(var(--s-7) + 56px);max-width:600px;margin:0 auto}.page-title{margin-bottom:var(--s-5);align-items:center;gap:var(--s-3);font-size:1.25rem;display:flex}@media (width<=400px){.page{padding:var(--s-3);padding-bottom:calc(var(--s-7) + 56px)}.page-title{margin-bottom:var(--s-4);font-size:1.1rem}.btn-large{padding:var(--s-3) var(--s-5);font-size:.875rem}input,select,textarea{font-size:16px}}.bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:100;height:56px;padding-bottom:env(safe-area-inset-bottom,0);background:#1f1f1fd9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.bottom-nav__tab{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;transition:color var(--trans-fast), transform var(--trans-fast);padding:var(--s-1) calc(var(--s-2) + 2px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;font-size:.625rem;font-weight:500;text-decoration:none;display:flex;position:relative}.bottom-nav__tab:before{content:"";background:var(--accent);width:40%;height:2px;box-shadow:0 0 8px var(--accent);transition:transform var(--trans-fast);opacity:0;border-radius:0 0 2px 2px;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.bottom-nav__tab.active{color:var(--text-primary)}.bottom-nav__tab.active:before{opacity:1;transform:translate(-50%)scaleX(1)}.bottom-nav__tab--accent,.bottom-nav__tab--accent.active{color:var(--accent)}.bottom-nav__tab--accent svg{background:var(--accent);color:#fff;border-radius:50%;width:32px;height:32px;padding:4px}.bottom-nav__icon-wrap{display:inline-flex;position:relative}.bottom-nav__badge{background:var(--loss);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.5rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-6px}@media (width<=400px){.bottom-nav__tab{padding:var(--s-1);font-size:.5625rem}.bottom-nav__tab--accent svg{width:28px;height:28px;padding:3px}}.auth-page{min-height:100dvh;padding:var(--s-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:.4;pointer-events:none;width:400px;height:400px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.auth-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--r-lg);width:100%;max-width:380px;padding:var(--s-7) var(--s-6) var(--s-6);box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow-lg);z-index:1;border-top:1px solid #ffffff14;animation:.5s backwards auth-card-in;position:relative}@keyframes auth-card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{text-align:center;margin-bottom:var(--s-6);animation:.6s .15s backwards auth-logo-in}@keyframes auth-logo-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auth-logo__icon{margin-bottom:var(--s-3);filter:drop-shadow(0 0 16px var(--accent-glow));font-size:3.5rem;display:block}.auth-logo h1{letter-spacing:-.02em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-transform:none;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:900}.auth-tabs{margin-bottom:var(--s-5);background:var(--bg-base);border-radius:var(--r-sm);border:1px solid var(--border-subtle);gap:0;padding:3px;animation:.4s .2s backwards auth-fade-in;display:flex}.auth-tab{padding:var(--s-2) var(--s-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;transition:background var(--trans-fast), color var(--trans-fast), box-shadow var(--trans-fast);background:0 0;border-radius:4px;flex:1;font-size:.75rem;font-weight:600}.auth-tab:hover:not(.active){color:var(--text-secondary)}.auth-tab.active{background:var(--bg-hover);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.auth-form{gap:var(--s-4);flex-direction:column;animation:.3s backwards auth-fade-in;display:flex}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-form input{width:100%;transition:border-color var(--trans-fast), box-shadow var(--trans-fast)}.auth-form input:focus{box-shadow:0 0 0 2px var(--accent-glow)}.auth-error{color:var(--loss);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);margin-bottom:var(--s-4);background:#eb4b4b14;border:1px solid #eb4b4b4d;font-size:.8125rem;animation:.4s auth-shake}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-success{color:var(--win);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);margin-bottom:var(--s-4);text-align:center;background:#32d74b14;border:1px solid #32d74b4d;font-size:.8125rem}.auth-verify-header{text-align:center;margin-bottom:var(--s-2)}.auth-verify-header h2{margin-bottom:var(--s-2);text-transform:none;font-size:1.125rem}.auth-otp-wrap{justify-content:center;display:flex}.auth-otp-input{text-align:center;font-weight:800;font-family:var(--font-display);letter-spacing:.5em;max-width:220px;padding:var(--s-4)!important;font-size:1.75rem!important}.auth-otp-footer{justify-content:space-between;display:flex}.auth-link{color:var(--accent);transition:color var(--trans-fast);background:0 0;padding:0;font-size:.75rem;font-weight:500}.auth-link:hover{color:var(--accent-hover)}.auth-link:disabled{opacity:.5;cursor:not-allowed}.auth-confirming{align-items:center;gap:var(--s-4);padding:var(--s-6) 0;flex-direction:column;display:flex}.auth-confirming p{color:var(--text-secondary);font-size:.875rem}.auth-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.level-badge{background:linear-gradient(135deg, var(--badge-color), color-mix(in srgb, var(--badge-color), #000 25%));color:#fff;text-shadow:0 1px 2px #00000080;flex-shrink:0;justify-content:center;align-items:center;gap:3px;font-weight:800;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 2px 6px #0000004d}.level-badge__icon{opacity:.85;flex-shrink:0}.level-badge__num{font-family:var(--font-display)}.level-badge__label{text-transform:uppercase;letter-spacing:.04em;opacity:.9;font-size:.6em;font-weight:600}.level-badge--sm{border-radius:3px;gap:2px;min-width:26px;height:16px;padding:0 4px;font-size:.5625rem}.level-badge--sm .level-badge__icon{opacity:.7}.level-badge--md{border-radius:4px;min-width:32px;height:20px;padding:0 6px;font-size:.6875rem}.level-badge--lg{border-radius:5px;min-width:44px;height:28px;padding:0 8px;font-size:1rem}.level-badge--xl{min-width:64px;height:44px;box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -2px 0 #0003, 0 4px 12px #0006, 0 0 20px color-mix(in srgb, var(--badge-color), transparent 60%);border-radius:8px;gap:5px;padding:0 12px;font-size:1.5rem}.elo-progress{width:100%}.elo-progress__labels{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-1);justify-content:space-between;font-size:.625rem;font-weight:600;display:flex}.elo-progress__track{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.elo-progress__fill{border-radius:2px;height:100%;transition:width .5s;box-shadow:0 0 6px}.elo-progress__range{color:var(--text-muted);opacity:.6;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:.5625rem;display:flex}.player-avatar{border:2px solid var(--ring-color,var(--text-muted));background:var(--bg-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #0006,inset 0 0 8px #0003}.player-avatar:after{content:"";box-shadow:0 0 8px var(--ring-color,transparent);opacity:.4;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.player-avatar img{object-fit:cover;width:100%;height:100%}.player-avatar__initials{color:var(--text-secondary);font-size:.75em;font-weight:700}.mc{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:transform var(--trans-fast), box-shadow var(--trans-fast);position:relative;overflow:hidden}.mc:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.mc__result-bar{background:var(--border-subtle);width:3px;position:absolute;top:0;bottom:0;left:0}.mc--win .mc__result-bar{background:var(--win);box-shadow:0 0 10px #32d74b66}.mc--loss .mc__result-bar{background:var(--loss);box-shadow:0 0 10px #eb4b4b66}.mc--pending .mc__result-bar{background:var(--draw);box-shadow:0 0 8px #f5a6234d}.mc--pending{animation:2.5s ease-in-out infinite mc-pulse}@keyframes mc-pulse{0%,to{opacity:.75}50%{opacity:.9}}.mc__header{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4) var(--s-1);padding-left:calc(var(--s-4) + 3px);border-bottom:1px solid var(--border-subtle);display:flex}.mc__date{color:var(--text-secondary);font-size:.6875rem;font-weight:500}.mc__time-ago{color:var(--text-muted);margin-left:auto;font-size:.625rem}.mc__badge{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:2px 8px;font-size:.5625rem;font-weight:800}.mc__badge--win{color:var(--win);background:#32d74b1f}.mc__badge--loss{color:var(--loss);background:#eb4b4b1f}.mc__badge--pending{color:var(--draw);background:#f5a6231f}.mc__body{padding:var(--s-3) var(--s-4);padding-left:calc(var(--s-4) + 3px);align-items:center;gap:var(--s-3);display:flex}.mc__player{align-items:center;gap:var(--s-2);flex:1;min-width:0;display:flex}.mc__player--right{flex-direction:row-reverse}.mc__player-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mc__player-info--right{align-items:flex-end}.mc__player-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.mc__player--winner .mc__player-name{color:var(--text-primary)}.mc__player-meta{align-items:center;gap:var(--s-1);display:flex}.mc__player-meta--right{flex-direction:row-reverse}.mc__player-elo{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.625rem}.mc__score-block{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:80px;display:flex}.mc__score{align-items:center;gap:var(--s-1);display:flex}.mc__score-num{font-size:1.5rem;font-weight:900;font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;min-width:24px;color:var(--text-secondary)}.mc__score-num--win{color:var(--win)}.mc__score-num--loss{color:var(--loss)}.mc__score-sep{color:var(--text-muted);opacity:.4;font-size:1rem;font-weight:400}.mc__elo-changes{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.625rem;font-weight:700;display:flex}.mc__elo-sep{color:var(--text-muted);opacity:.3;font-weight:400}.mc__elo-delta--pos{color:var(--win)}.mc__elo-delta--neg{color:var(--loss)}.mc--compact .mc__header{padding:var(--s-1) var(--s-3) 0;padding-left:calc(var(--s-3) + 3px);border-bottom:none}.mc--compact .mc__body{padding:var(--s-2) var(--s-3);padding-left:calc(var(--s-3) + 3px)}.mc--compact .mc__score-num{font-size:1.25rem}.mc--compact .mc__score-block{min-width:64px}@media (width<=400px){.mc__body{padding:var(--s-2) var(--s-3);padding-left:calc(var(--s-3) + 3px);gap:var(--s-2)}.mc__header{padding:var(--s-1) var(--s-3) var(--s-1);padding-left:calc(var(--s-3) + 3px)}.mc__score-num{min-width:20px;font-size:1.25rem}.mc__score-block{min-width:60px}.mc__player-name{font-size:.75rem}.mc__player-elo{font-size:.5625rem}.mc__date{font-size:.6rem}.mc__badge{padding:1px 6px;font-size:.5rem}}.leaderboard{gap:var(--s-2);flex-direction:column;display:flex}.leaderboard__row{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--r-md);box-shadow:inset 0 1px 0 #ffffff08, var(--shadow-sm);transition:transform var(--trans-fast), background var(--trans-fast), box-shadow var(--trans-fast);animation:leaderboard-fade-in var(--trans-base) backwards;border-top:1px solid #ffffff0d;display:flex}.leaderboard__row:hover{background:var(--bg-glass-strong);box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow-md);transform:translateY(-1px)}.leaderboard__row--top1{border-color:#ffd70040;box-shadow:inset 0 1px #ffd7000f,0 0 16px #ffd7000f}.leaderboard__row--top2{border-color:#c0c0c033;box-shadow:inset 0 1px #c0c0c00f,0 0 12px #c0c0c00a}.leaderboard__row--top3{border-color:#cd7f3233;box-shadow:inset 0 1px #cd7f320f,0 0 12px #cd7f320a}.leaderboard__row:first-child{animation-delay:50ms}.leaderboard__row:nth-child(2){animation-delay:.1s}.leaderboard__row:nth-child(3){animation-delay:.15s}.leaderboard__row:nth-child(4){animation-delay:.2s}.leaderboard__row:nth-child(5){animation-delay:.25s}.leaderboard__row:nth-child(n+6){animation-delay:.3s}@keyframes leaderboard-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leaderboard__rank{width:28px;height:28px;color:var(--text-muted);font-size:.875rem;font-weight:800;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;display:flex}.leaderboard__rank--medal{width:28px;height:28px;font-size:1.25rem}.leaderboard__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.leaderboard__name{align-items:center;gap:var(--s-1);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.leaderboard__meta{color:var(--text-muted);font-size:.625rem}.leaderboard__row--self{background:#ff55000a;border-color:#f503}.leaderboard__you-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#ff55001a;border-radius:3px;padding:1px 5px;font-size:.5rem;font-weight:700}.leaderboard__elo{color:var(--accent);font-size:1rem;font-weight:800;font-family:var(--font-display);font-variant-numeric:tabular-nums;flex-shrink:0}.empty-state{text-align:center;padding:var(--s-7) var(--s-5);justify-content:center;align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.empty-state__icon{color:var(--text-muted)}.empty-state__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem}.empty-state__desc{color:var(--text-muted);max-width:240px;font-size:.8125rem}.empty-state__action{margin-top:var(--s-2)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-line{background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-elevated) 50%, var(--bg-hover) 75%);background-size:400px 100%;border-radius:3px;animation:1.5s infinite shimmer}.skeleton-circle{background:linear-gradient(90deg, var(--bg-hover) 25%, var(--bg-elevated) 50%, var(--bg-hover) 75%);background-size:400px 100%;border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:1.5s infinite shimmer}.skeleton-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4)}.skeleton-card__row{align-items:center;gap:var(--s-2);display:flex}.skeleton-card__col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.skeleton-list{gap:var(--s-2);flex-direction:column;display:flex}.home-hero{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-5);margin-bottom:var(--s-5);box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow-md);animation:home-fade-in var(--trans-slow) backwards;border-top:1px solid #ffffff14;animation-delay:50ms;position:relative;overflow:hidden}.home-hero:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;opacity:.6;width:200px;height:200px;position:absolute;top:-50%;right:-30%}.home-hero__top{align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);z-index:1;display:flex;position:relative}.home-hero__elo{font-size:2.5rem;font-weight:900;font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.home-hero__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:600}.home-cta{width:100%;padding:var(--s-4) var(--s-6);animation:home-fade-in var(--trans-slow) backwards;font-size:1rem;font-weight:700;text-decoration:none;animation-delay:.15s;position:relative;overflow:hidden}.home-cta:after{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .5s,height .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-cta:active:after{width:300px;height:300px}.home-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-4);margin-top:var(--s-6);align-items:center;gap:var(--s-2);animation:home-fade-in var(--trans-slow) backwards;font-size:.8125rem;font-weight:700;display:flex}.home-section-title:after{content:"";background:var(--border-subtle);flex:1;height:1px}.home-matches{gap:var(--s-2);flex-direction:column;display:flex}.home-matches>*{animation:home-fade-in var(--trans-slow) backwards}.home-matches>:first-child{animation-delay:.1s}.home-matches>:nth-child(2){animation-delay:.15s}.home-matches>:nth-child(3){animation-delay:.2s}.home-matches>:nth-child(4){animation-delay:.25s}.home-matches>:nth-child(5){animation-delay:.3s}.home-badge{background:var(--accent);color:#fff;min-width:18px;height:18px;margin-left:var(--s-2);vertical-align:middle;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.625rem;font-weight:700;display:inline-flex}@keyframes home-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=400px){.home-hero{padding:var(--s-4);margin-bottom:var(--s-4)}.home-hero__elo{font-size:2rem}.home-section-title{margin-top:var(--s-5);margin-bottom:var(--s-3);font-size:.75rem}.home-cta{padding:var(--s-3) var(--s-5);font-size:.875rem}}.online-indicator{border:2px solid var(--bg-base);border-radius:50%;flex-shrink:0;display:inline-block}.online-indicator--online{background:var(--win);box-shadow:0 0 6px #32d74b80}.online-indicator--in-game{background:var(--accent);box-shadow:0 0 6px #ff550080}.pending-match{background:var(--bg-elevated);border:1px dashed var(--draw);border-radius:var(--r-md);padding:var(--s-4);animation:2s ease-in-out infinite pending-pulse}@keyframes pending-pulse{0%,to{border-color:#f5a62380;box-shadow:0 0 #f5a62300}50%{border-color:#f5a623;box-shadow:0 0 12px #f5a62326}}.pending-match__players{justify-content:space-between;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.pending-match__player{align-items:center;gap:var(--s-2);flex:1;min-width:0;display:flex}.pending-match__player--right{justify-content:flex-end}.pending-match__name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.pending-match__score{align-items:center;gap:var(--s-1);font-size:1.25rem;font-weight:800;font-family:var(--font-display);flex-shrink:0;display:flex}.pending-match__divider{color:var(--text-muted);font-size:.875rem;font-weight:400}.pending-match__actions{gap:var(--s-2);display:flex}.pending-match__actions .btn{padding:var(--s-2) var(--s-4);flex:1;font-size:.75rem}.pending-match__waiting{color:var(--draw);text-align:center;font-size:.75rem;font-weight:500}.play-friends{margin-bottom:var(--s-2)}.play-friends__list{gap:var(--s-2);padding-bottom:var(--s-1);display:flex;overflow-x:auto}.play-friend-chip{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:all var(--trans-fast);flex-shrink:0;display:flex}.play-friend-chip:hover{background:var(--bg-hover);border-color:var(--accent)}.play-friend-chip--online{border-color:#32d74b33}.play-friend-chip__avatar-wrap{flex-shrink:0;position:relative}.play-friend-chip__avatar-wrap .online-indicator{position:absolute;bottom:-1px;right:-1px}.play-friend-chip__name{color:var(--text-primary);font-size:.75rem;font-weight:600}.play-friend-chip__elo{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.625rem}.play-form{gap:var(--s-5);flex-direction:column;display:flex}.play-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-2);font-size:.6875rem;font-weight:500;display:block}.play-search input{width:100%}.play-results{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);margin-top:var(--s-2);flex-direction:column;display:flex;overflow:hidden}.play-result{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);color:var(--text-primary);text-align:left;background:0 0;width:100%;font-size:.875rem;transition:background .15s;display:flex}.play-result:hover{background:var(--bg-hover)}.play-opponent__card{align-items:center;gap:var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);display:flex}.play-opponent__change{color:var(--accent);text-transform:uppercase;background:0 0;margin-left:auto;font-size:.75rem;font-weight:600}.play-scores{align-items:flex-end;gap:var(--s-4);display:flex}.play-score-input{flex:1}.play-score-input input{text-align:center;width:100%;padding:var(--s-3);font-size:1.5rem;font-weight:800}.play-scores__vs{color:var(--text-muted);padding-bottom:var(--s-3);font-size:.875rem;font-weight:700}.play-success{border:1px solid var(--win);color:var(--win);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);margin-bottom:var(--s-4);background:#32d74b1a;font-size:.875rem;font-weight:500}.play-result__elo{color:var(--accent);margin-left:auto;font-size:.75rem;font-weight:700}.play-score-error{color:var(--loss);margin-top:calc(-1 * var(--s-3));font-size:.75rem}.play-preview{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);gap:var(--s-2);flex-direction:column;display:flex}.play-preview__row{justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.play-elo-stakes{margin-top:var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4)}.play-elo-stakes__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-2);font-size:.6875rem;font-weight:500}.play-elo-stakes__scenarios{gap:var(--s-2);flex-direction:column;display:flex}.play-elo-stakes__scenario{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.play-elo-stakes__scenario-label{color:var(--text-secondary);font-weight:400}.play-elo-stakes__scenario-label strong{color:var(--text-primary);font-weight:600}.play-elo-stakes__values{align-items:center;gap:var(--s-2);font-size:.875rem;font-weight:700;display:flex}.play-elo-stakes__separator{color:var(--text-muted);font-weight:400}.mm-quickmatch{margin-bottom:var(--s-4)}.mm-quickmatch__btn{align-items:center;gap:var(--s-4);width:100%;padding:var(--s-4) var(--s-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;position:relative;overflow:hidden}.mm-quickmatch__btn:before{content:"";background:var(--accent-gradient);opacity:0;transition:opacity .3s;position:absolute;inset:0}.mm-quickmatch__btn:hover{border-color:var(--accent);transform:translateY(-1px)}.mm-quickmatch__btn:hover:before{opacity:.08}.mm-quickmatch__icon{background:var(--accent-gradient);border-radius:var(--r-md);color:#fff;z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.mm-quickmatch__text{z-index:1;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:relative}.mm-quickmatch__title{text-transform:uppercase;letter-spacing:.04em;font-size:1rem;font-weight:700}.mm-quickmatch__sub{color:var(--text-secondary);font-size:.75rem;font-weight:400}.mm-divider{align-items:center;gap:var(--s-3);margin:var(--s-5) 0 var(--s-2);display:flex}.mm-divider__line{background:var(--border-subtle);flex:1;height:1px}.mm-divider__text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.6875rem;font-weight:500}.mm-searching{align-items:center;gap:var(--s-6);padding:var(--s-7) 0;flex-direction:column;display:flex}.mm-searching__radar{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.mm-radar-ring{border:2px solid var(--accent);border-radius:50%;animation:2.4s ease-out infinite mm-radar-pulse;position:absolute}.mm-radar-ring--1{width:50px;height:50px;animation-delay:0s}.mm-radar-ring--2{width:90px;height:90px;animation-delay:.6s}.mm-radar-ring--3{width:130px;height:130px;animation-delay:1.2s}@keyframes mm-radar-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}.mm-radar-dot{background:var(--accent);width:16px;height:16px;box-shadow:0 0 16px var(--accent), 0 0 32px #ff55004d;z-index:1;border-radius:50%;animation:1.5s ease-in-out infinite alternate mm-dot-glow;position:relative}@keyframes mm-dot-glow{0%{box-shadow:0 0 8px var(--accent), 0 0 16px #f503}to{box-shadow:0 0 20px var(--accent), 0 0 40px #f506}}.mm-searching__info{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.mm-searching__time,.mm-searching__range,.mm-searching__queue{align-items:center;gap:var(--s-2);font-size:.8125rem;font-weight:500;display:flex}.mm-searching__time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.mm-searching__range{color:var(--accent);font-weight:600}.mm-searching__queue{color:var(--text-secondary)}.mm-searching__elo-bar{width:100%;max-width:280px}.mm-searching__elo-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-1);text-align:center;font-size:.6875rem;font-weight:500}.mm-searching__elo-range-bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden}.mm-searching__elo-range-fill{background:var(--accent-gradient);border-radius:2px;height:100%;transition:width .5s}.mm-searching__cancel{align-items:center;gap:var(--s-2);color:var(--text-secondary);border-color:var(--border-strong);display:flex}.mm-searching__cancel:hover{color:var(--loss);border-color:var(--loss)}.mm-matched-badge{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);border-radius:var(--r-sm);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-3);background:#ff55001f;border:1px solid #ff550040;font-size:.6875rem;font-weight:600;animation:.4s ease-out mm-badge-appear;display:inline-flex}@keyframes mm-badge-appear{0%{opacity:0;transform:translateY(-8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.play-matches{gap:var(--s-2);flex-direction:column;display:flex}.play-badge{background:var(--accent);color:#fff;min-width:18px;height:18px;margin-left:var(--s-2);vertical-align:middle;border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.625rem;font-weight:700;display:inline-flex}@media (width<=400px){.play-friend-chip{padding:var(--s-1) var(--s-2);gap:var(--s-1)}.play-friend-chip__name{font-size:.6875rem}.play-elo-stakes{padding:var(--s-2) var(--s-3)}.play-elo-stakes__scenario{font-size:.75rem}.mm-searching__radar{width:120px;height:120px}.mm-radar-ring--1{width:40px;height:40px}.mm-radar-ring--2{width:70px;height:70px}.mm-radar-ring--3{width:100px;height:100px}}.friends-tab{gap:var(--s-4);flex-direction:column;display:flex}.friends-search{margin-bottom:var(--s-2);position:relative}.friends-search__icon{left:var(--s-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.friends-search__input{width:100%;padding-left:40px!important}.friends-section{margin-bottom:var(--s-2)}.friends-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 var(--s-3);align-items:center;gap:var(--s-2);font-size:.75rem;font-weight:700;display:flex}.friends-list{gap:var(--s-2);flex-direction:column;display:flex}.friends-online-count{color:var(--win);text-transform:none;letter-spacing:normal;background:#32d74b1a;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:.625rem;font-weight:600}.friend-row{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:background var(--trans-fast);display:flex}.friend-row__avatar-wrap{flex-shrink:0;position:relative}.friend-row__avatar-wrap .online-indicator{position:absolute;bottom:0;right:0}.friend-row:hover{background:var(--bg-hover)}.friend-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-row__name{align-items:center;gap:var(--s-1);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.friend-row__meta{color:var(--text-muted);font-size:.625rem}.friend-row__actions{align-items:center;gap:var(--s-1);flex-shrink:0;display:flex}.friends-action-btn{border:1px solid var(--border-subtle);border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.friends-action-btn:disabled{opacity:.4;cursor:not-allowed}.friends-action-btn--add:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:#ff55001a}.friends-action-btn--accept:hover:not(:disabled){color:var(--win);border-color:var(--win);background:#32d74b1a}.friends-action-btn--reject:hover:not(:disabled),.friends-action-btn--remove:hover:not(:disabled){color:var(--loss);border-color:var(--loss);background:#eb4b4b1a}.friends-action-btn--block:hover:not(:disabled){color:var(--draw);border-color:var(--draw);background:#f5a6231a}.friends-action-btn--unblock:hover:not(:disabled){color:var(--win);border-color:var(--win);background:#32d74b1a}.friends-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:2px 8px;font-size:.5625rem;font-weight:700}.friends-badge--friend{color:var(--win);background:#32d74b1a}.friends-badge--pending{color:var(--draw);background:#f5a6231a}.friends-badge--blocked{color:var(--loss);background:#eb4b4b1a}.invite-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-4)}.invite-card__desc{color:var(--text-secondary);margin:0 0 var(--s-3);font-size:.75rem;line-height:1.4}.invite-card__actions{gap:var(--s-2);margin-bottom:var(--s-3);display:flex}.invite-card__email{gap:var(--s-2);display:flex}.invite-card__input{flex:1;min-width:0}.friends-elo{color:var(--accent);font-size:.875rem;font-weight:800;font-family:var(--font-display);font-variant-numeric:tabular-nums}.profile-hero{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);margin-bottom:var(--s-4);position:relative;overflow:hidden}.profile-hero__bg{background:linear-gradient(135deg, color-mix(in srgb, var(--level-color) 20%, transparent), color-mix(in srgb, var(--level-color) 5%, transparent));pointer-events:none;height:80px;position:absolute;top:0;left:0;right:0}.profile-hero__content{padding:var(--s-4);position:relative}.profile-hero__top{align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.profile-hero__avatar-wrap{margin-top:var(--s-1);flex-shrink:0}.profile-hero__info{flex:1;min-width:0}.profile-hero__name{text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:1.25rem;font-weight:800;line-height:1.2}.profile-hero__bio{color:var(--text-secondary);margin:0 0 var(--s-1);font-size:.75rem;line-height:1.4}.profile-hero__meta-row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.profile-hero__meta-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.6875rem;display:flex}.profile-hero__actions{gap:var(--s-1);flex-shrink:0;display:flex}.profile-hero__btn{border:1px solid var(--border-subtle);border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.profile-hero__btn:hover{color:var(--text-primary);background:#ffffff1a}.profile-hero__btn--danger:hover{color:var(--loss);border-color:#eb4b4b4d}.profile-hero__elo-section{align-items:center;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:var(--s-3);background:#ffffff05;display:flex}.profile-hero__level-badge{background:linear-gradient(135deg, var(--level-color), color-mix(in srgb, var(--level-color), #000 30%));border:2px solid color-mix(in srgb, var(--level-color), transparent 40%);width:56px;height:56px;box-shadow:0 0 20px color-mix(in srgb, var(--level-color), transparent 70%), inset 0 1px 0 #fff3, inset 0 -1px 0 #0003;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-hero__level-num{color:#fff;text-shadow:0 2px 4px #0006;font-size:1.5rem;font-weight:900;font-family:var(--font-display)}.profile-hero__elo-info{flex:1}.profile-hero__elo-value{font-size:2rem;font-weight:900;font-family:var(--font-display);letter-spacing:-.02em;line-height:1}.profile-hero__elo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.6875rem;font-weight:600}.profile-hero__elo-stats{gap:var(--s-4);display:flex}.profile-hero__elo-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.profile-hero__elo-stat-value{font-size:1rem;font-weight:800;font-family:var(--font-display)}.profile-hero__elo-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.5625rem}.profile-hero__progress{width:100%}.profile-hero__progress-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.profile-hero__progress-fill{border-radius:2px;height:100%;transition:width .6s;box-shadow:0 0 8px}.profile-hero__progress-labels{margin-top:var(--s-1);color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.5625rem;font-weight:500;display:flex}.profile-tabs{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-5);gap:0;display:flex;overflow-x:auto}.profile-tab{padding:var(--s-3) var(--s-2);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;flex:1;font-size:.75rem;font-weight:600;transition:color .2s;position:relative}.profile-tab:after{content:"";background:var(--accent);height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.profile-tab--active{color:var(--accent)}.profile-tab--active:after{transform:scaleX(1)}.profile-tab-content{min-height:200px}.profile-section{margin-bottom:var(--s-5)}.profile-section__header{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.profile-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);margin:0 0 var(--s-3);align-items:center;font-size:.8rem;font-weight:700;display:flex}.profile-section__header .profile-section__title{margin-bottom:0}.profile-wl-bar{gap:3px;display:flex}.profile-wl-bar__item{border-radius:2px;flex:1;height:6px}.profile-wl-bar__item--w{background:var(--win)}.profile-wl-bar__item--l{background:var(--loss)}.profile-recent-record{align-items:center;gap:var(--s-1);font-size:.8rem;font-weight:700;display:flex}.profile-recent-record__sep{color:var(--text-muted)}.profile-chart-wrap{border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-3);background:#ffffff05;overflow:hidden}.profile-chart-wrap--lg{height:240px}.elo-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);box-shadow:var(--shadow-md)}.elo-tooltip__title{color:var(--text-muted);margin-bottom:2px;font-size:.625rem}.elo-tooltip__elo{color:var(--text-primary);font-size:.875rem;font-weight:800;font-family:var(--font-display)}.elo-tooltip__change{font-size:.6875rem;font-weight:700}.elo-tooltip__change--pos{color:var(--win)}.elo-tooltip__change--neg{color:var(--loss)}.profile-stats-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:var(--s-5);display:flex;overflow:hidden}.profile-stat-cell{padding:var(--s-3) var(--s-1);border-right:1px solid var(--border-subtle);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.profile-stat-cell:last-child{border-right:none}.profile-stat-cell__value{font-size:1.1rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary)}.profile-stat-cell__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.55rem}.profile-matches-list{gap:var(--s-2);flex-direction:column;display:flex}.stats-overview{gap:var(--s-2);margin-bottom:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}.stats-card{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);display:flex}.stats-card__icon{border-radius:var(--r-sm);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stats-card__data{flex-direction:column;gap:1px;display:flex}.stats-card__value{font-size:1.125rem;font-weight:800;font-family:var(--font-display);line-height:1}.stats-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.5625rem}.stats-perf-strip{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:var(--s-5);display:flex;overflow-x:auto}.stats-perf-item{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:48px;display:flex}.stats-perf-value{font-size:1rem;font-weight:800;font-family:var(--font-display)}.stats-perf-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:2px;font-size:.5rem;display:flex}.stats-perf-divider{background:var(--border-subtle);flex-shrink:0;width:1px;height:24px}.profile-themes{gap:var(--s-2);flex-wrap:wrap;display:flex}.profile-theme-btn{min-width:60px;padding:var(--s-3) var(--s-2);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;background:0 0;flex-direction:column;flex:1;align-items:center;gap:10px;transition:all .2s;display:flex}.profile-theme-btn--active{background:var(--bg-elevated);border-color:var(--theme-color);box-shadow:0 0 15px var(--theme-glow)}.profile-theme-btn__dot{background:var(--theme-color);width:24px;height:24px;box-shadow:0 0 10px color-mix(in srgb, var(--theme-color), transparent 40%);border-radius:50%}.profile-theme-btn__name{color:var(--text-secondary);font-size:.6rem;font-weight:600}.profile-theme-btn--active .profile-theme-btn__name{color:var(--text-primary)}.matches-filters{gap:var(--s-2);margin-bottom:var(--s-4);display:flex;overflow-x:auto}.matches-filter{align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-4);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-subtle);white-space:nowrap;cursor:pointer;font-size:.7rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.matches-filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.matches-filter__count{opacity:.7;font-size:.6rem}.stats-opponents{gap:var(--s-2);flex-direction:column;display:flex}.stats-opponent{align-items:center;gap:var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);display:flex}.stats-opponent__info{flex:1;min-width:0}.stats-opponent__name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.stats-opponent__total{color:var(--text-muted);font-size:.625rem}.stats-opponent__result{white-space:nowrap;font-size:.75rem;font-weight:700}.stats-opponent__sep{color:var(--text-muted)}.stats-opponent__bar-wrap{width:48px}.stats-opponent__bar{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.stats-opponent__bar-fill{border-radius:2px;height:100%;transition:width .3s}.stats-opponent__wr{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;width:32px;font-size:.75rem;font-weight:700}.edit-profile{max-width:400px}.edit-profile__header{margin-bottom:var(--s-5);justify-content:space-between;align-items:center;display:flex}.edit-profile__title{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:1.25rem;font-weight:800}.edit-profile__close{border:1px solid var(--border-subtle);border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--trans-fast);background:0 0;justify-content:center;align-items:center;display:flex}.edit-profile__close:hover{color:var(--text-primary);border-color:var(--border-strong)}.edit-profile__form{gap:var(--s-4);flex-direction:column;display:flex}.edit-profile__avatar{cursor:pointer;border-radius:50%;align-self:center;width:96px;height:96px;position:relative;overflow:hidden}.edit-profile__avatar-img{object-fit:cover;width:100%;height:100%}.edit-profile__avatar-placeholder{background:var(--bg-hover);border:2px dashed var(--border-strong);width:100%;height:100%;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.edit-profile__avatar-overlay{color:#fff;opacity:0;transition:opacity var(--trans-fast);background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.625rem;font-weight:600;display:flex;position:absolute;inset:0}.edit-profile__avatar:hover .edit-profile__avatar-overlay{opacity:1}.edit-profile__field{gap:var(--s-1);flex-direction:column;display:flex}.edit-profile__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);align-items:center;gap:var(--s-1);font-size:.6875rem;font-weight:600;display:flex}.edit-profile__textarea{resize:vertical;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--r-sm);width:100%;min-height:60px;color:var(--text-primary);padding:var(--s-2) var(--s-3);font-family:var(--font-main);transition:border-color var(--trans-fast);font-size:.875rem}.edit-profile__textarea:focus{border-color:var(--accent);outline:none}.edit-profile__counter{color:var(--text-muted);text-align:right;font-size:.625rem}.edit-profile__disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--s-1) var(--s-3);gap:var(--s-1);font-size:.7rem}@media (width<=400px){.profile-hero__content{padding:var(--s-3)}.profile-hero__top{gap:var(--s-2)}.profile-hero__name{font-size:1.05rem}.profile-hero__elo-section{padding:var(--s-3);gap:var(--s-3);flex-wrap:wrap}.profile-hero__level-badge{border-radius:10px;width:44px;height:44px}.profile-hero__level-num{font-size:1.2rem}.profile-hero__elo-value{font-size:1.5rem}.profile-hero__elo-stats{gap:var(--s-3)}.profile-hero__elo-stat-value{font-size:.875rem}.profile-tabs{gap:0}.profile-tab{padding:var(--s-2) var(--s-1);font-size:.65rem}.profile-stats-row{gap:0}.profile-stat-cell{padding:var(--s-2) var(--s-1)}.profile-stat-cell__value{font-size:.95rem}.stats-overview{gap:var(--s-1)}.stats-card{padding:var(--s-2) var(--s-3);gap:var(--s-2)}.stats-card__icon{width:30px;height:30px}.stats-card__value{font-size:.95rem}.stats-perf-strip{gap:var(--s-2);padding:var(--s-2) var(--s-3)}.stats-perf-value{font-size:.875rem}.stats-opponent{padding:var(--s-2) var(--s-3);gap:var(--s-2)}.matches-filters{gap:var(--s-1)}.matches-filter{padding:var(--s-1) var(--s-3);font-size:.625rem}}.lobby-page{gap:var(--s-5);padding-top:var(--s-4);flex-direction:column;align-items:center;display:flex}.lobby-loading{height:50vh;color:var(--text-muted);justify-content:center;align-items:center;font-weight:500;display:flex}.lobby-header{text-align:center;gap:var(--s-2);animation:lobby-fade-in var(--trans-slow) backwards;flex-direction:column;align-items:center;display:flex}.lobby-status{letter-spacing:.06em;background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:20px;padding:4px 14px;font-size:.6875rem;font-weight:700;display:inline-flex}.lobby-status--in_progress{color:var(--accent);border-color:var(--accent);background:#ff550014;animation:2s infinite lobby-pulse;box-shadow:0 0 12px #ff55001a}.lobby-status--pending{color:var(--draw);border-color:var(--draw);background:#f5a62314;animation:2s infinite lobby-pulse;box-shadow:0 0 12px #f5a6231a}.lobby-status--confirmed{color:var(--win);border-color:var(--win);background:#32d74b14;box-shadow:0 0 12px #32d74b1a}.lobby-status--disputed{color:var(--loss);border-color:var(--loss);background:#ff3b3014}@keyframes lobby-pulse{0%,to{opacity:.85}50%{opacity:1}}.lobby-arena{justify-content:center;align-items:center;gap:var(--s-3);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);width:100%;max-width:500px;padding:var(--s-6) var(--s-3);border-radius:var(--r-lg);border:1px solid var(--border-subtle);box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow-lg);animation:lobby-fade-in var(--trans-slow) backwards .1s;border-top:1px solid #ffffff0f;display:flex;position:relative;overflow:hidden}.lobby-arena:before{content:"";background:linear-gradient(180deg, transparent, var(--border-subtle) 30%, var(--border-subtle) 70%, transparent);pointer-events:none;width:1px;height:100%;position:absolute;top:0;left:50%}.lobby-player{align-items:center;gap:var(--s-2);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.lobby-player__name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:120px;margin:0;font-size:.9375rem;font-weight:700;overflow:hidden}.lobby-vs{font-family:var(--font-display);color:var(--text-muted);opacity:.35;padding:0 var(--s-1);z-index:1;flex-shrink:0;font-size:1rem;font-weight:900;position:relative}.lobby-score-control{align-items:center;gap:var(--s-2);margin-top:var(--s-3);flex-direction:column;display:flex}.lobby-score{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 24px #ffffff14;font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:900;line-height:1;transition:transform .15s,text-shadow .15s}.lobby-score-control .btn-icon{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.lobby-score-control .btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform:scale(1.08)}.lobby-score-control .btn-icon:active:not(:disabled){transform:scale(.95)}.lobby-score-control .btn-icon:disabled{opacity:.25;cursor:not-allowed}.lobby-actions{gap:var(--s-4);width:100%;max-width:500px;animation:lobby-fade-in var(--trans-slow) backwards .2s;flex-direction:column;display:flex}.lobby-finish-btn{width:100%;padding:var(--s-4)}.lobby-confirmation{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-5);gap:var(--s-4);text-align:center;flex-direction:column;display:flex}.lobby-help-text{color:var(--text-secondary);margin:0;font-size:.875rem}.lobby-confirm-actions{gap:var(--s-3);display:flex}.lobby-confirm-actions button{flex:1}.lobby-waiting-text{color:var(--accent);font-size:.875rem;font-weight:500;animation:2s infinite lobby-pulse}.lobby-finished{gap:var(--s-4);flex-direction:column;align-items:center;display:flex}.lobby-success-msg{color:var(--win);padding:var(--s-3) var(--s-5);border-radius:var(--r-md);text-align:center;background:#32d74b14;border:1px solid #32d74b4d;width:100%;font-size:.875rem;font-weight:600;box-shadow:0 0 16px #32d74b14}.lobby-dispute-msg{color:var(--loss);padding:var(--s-3) var(--s-5);border-radius:var(--r-md);text-align:center;background:#ff3b3014;border:1px solid #ff3b304d;width:100%;font-size:.875rem;font-weight:600}@keyframes lobby-fade-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.invite-portal{top:var(--s-4);z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.invite-popup{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg), 0 0 40px #32d74b1a;border-radius:var(--r-lg);flex-direction:column;width:90%;max-width:400px;display:flex;overflow:hidden}.invite-popup__header{background:var(--accent);color:#fff;padding:var(--s-2) var(--s-4);text-transform:uppercase;letter-spacing:.1em;text-align:center;font-size:.75rem;font-weight:700}.invite-popup__body{padding:var(--s-5);align-items:center;gap:var(--s-4);display:flex}.invite-popup__info{flex-direction:column;gap:2px;display:flex}.invite-popup__actions{border-top:1px solid var(--border-subtle);display:flex}.invite-popup__actions button{padding:var(--s-4);justify-content:center;align-items:center;gap:var(--s-2);cursor:pointer;border:none;border-radius:0;flex:1;font-size:.875rem;font-weight:700;display:flex}.invite-btn-reject{color:var(--text-secondary)!important;background:#2a2a2a!important}.invite-btn-reject:hover{color:var(--loss)!important;background:#3a1a1a!important}.invite-btn-accept{color:var(--win)!important;background:#1a3a1a!important}.invite-btn-accept:hover{background:#1f4a1f!important}@media (width<=400px){.invite-popup__body{padding:var(--s-3);gap:var(--s-3)}.invite-popup__actions button{padding:var(--s-3);font-size:.8125rem}}.active-match-banner{z-index:9998;background:var(--accent-gradient,linear-gradient(135deg, #f50 0%, #ff8a00 100%));color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem;font-weight:600;animation:.3s ease-out active-match-slide-down;display:flex;position:fixed;top:0;left:0;right:0}.active-match-banner:active{opacity:.9}.active-match-banner__action{border-radius:var(--r-sm,4px);background:#fff3;margin-left:4px;padding:2px 10px;font-size:.7rem;font-weight:700}@keyframes active-match-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-banner{z-index:9999;background:var(--loss,#eb4b4b);color:#fff;letter-spacing:.5px;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;animation:.3s ease-out offline-slide-down;display:flex;position:fixed;top:0;left:0;right:0}.offline-banner--online{background:var(--win,#32d74b);animation:.3s ease-out offline-slide-down,.5s ease-out 2.5s forwards offline-fade-out}@keyframes offline-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes offline-fade-out{to{opacity:0;transform:translateY(-100%)}}.update-prompt{z-index:9998;background:var(--bg-elevated,#1f1f1f);border:1px solid var(--border-strong,#ffffff1f);border-radius:var(--r-lg,8px);color:var(--text-primary,#fff);align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;font-weight:500;animation:.3s ease-out update-slide-up;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}.update-prompt__btn{background:var(--accent,#f50);color:#fff;border-radius:var(--r-sm,4px);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;padding:4px 12px;font-size:.75rem;font-weight:700;transition:background .15s}.update-prompt__btn:hover{background:var(--accent-hover,#ff6a1f)}@keyframes update-slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}