@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--color-brand-red: #d74b3f;--color-brand-blue: #4a66bf;--color-brand-yellow: #f5dd63;--color-brand-orange: #f29b45;--color-brand-purple: #815bc7;--color-brand-green: #42bb85;--color-brand-vermillion: #ef6f46;--color-bg: #0c1017;--color-bg-elevated: #121a25;--color-surface: #172131;--color-surface-variant: #1c293b;--color-primary: #eb5c4f;--color-secondary: #6f8ae3;--color-text: #edf2fb;--color-text-secondary: #9da8bc;--color-border: rgba(158, 176, 209, .2);--color-warning: #ffbf69;--color-error: #ff6464;--color-success: #41c38d;--font-main: "Manrope", "Plus Jakarta Sans", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 6px 16px rgba(0, 0, 0, .2);--shadow-md: 0 14px 30px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 44px rgba(0, 0, 0, .3);--glass-bg: rgba(16, 23, 34, .74);--glass-border: rgba(168, 188, 226, .18);--card-bg: #121d2b;--card-border: 1px solid var(--color-border);--card-shadow: var(--shadow-sm);--focus-ring: 0 0 0 3px rgba(235, 92, 79, .24);--accent-gradient: linear-gradient(130deg, #df564a 0%, #f28a4f 100%);--hero-gradient: linear-gradient(130deg, #ffcb55 0%, #ff9f45 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%}html{-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-surface-variant) 86%,#000);border-radius:6px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary) 70%,#000)}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.55;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 100% -20%,rgba(86,108,191,.14) 0%,transparent 42%),linear-gradient(180deg,#0d141fe6,#0a0f17fa);background-size:100% 100%,100% 100%;padding-bottom:env(safe-area-inset-bottom,0);overscroll-behavior-y:none}button{cursor:pointer;font-family:inherit;transition:all .18s ease;border-radius:var(--radius-sm);padding:.58rem 1.05rem;font-weight:700;border:none}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}a{transition:color .18s ease;color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em}#root{min-height:100vh;overflow-x:clip}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.connectivity-banner{width:min(1180px,calc(100% - 1.2rem));margin:.42rem auto 0;border-radius:10px;background:color-mix(in srgb,var(--color-warning) 14%,var(--color-bg-elevated));color:#ffd9a3;padding:.52rem .74rem;font-size:.82rem;font-weight:600;letter-spacing:.01em;min-width:0}@media(max-width:1020px){.connectivity-banner{width:100%;margin-top:0;border-radius:0;border-left:none;border-right:none;padding-inline:.74rem}}@media(max-width:460px){.connectivity-banner{font-size:.74rem;padding:.46rem .5rem;line-height:1.35}}.navbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem 1rem;margin:.7rem auto 0;width:min(1180px,calc(100% - 1.2rem));background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:none;position:sticky;top:.45rem;z-index:100}.navbar-top-row{display:contents}.navbar-brand{min-width:0;order:1}.navbar-brand a{font-size:1.25rem;font-weight:800;line-height:1;background:var(--hero-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar-menu-toggle{display:none}.navbar-search-wrapper{flex:1;max-width:520px;position:relative;min-width:0;order:2}.navbar-search{width:100%}.search-container{display:flex;position:relative;background:color-mix(in srgb,var(--color-surface-variant) 48%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:10px;overflow:hidden;transition:border-color .18s ease,background-color .18s ease}.search-container:focus-within{border-color:#eb5c4fbf;background:color-mix(in srgb,var(--color-surface-variant) 60%,transparent)}.navbar-search input{flex:1;padding:.62rem .85rem;background:transparent;border:none;color:var(--color-text);font-size:.9rem;min-width:0}.navbar-search input:focus{outline:none}.navbar-search input::placeholder{color:color-mix(in srgb,var(--color-text-secondary) 88%,transparent)}.navbar-search button{background:transparent;color:var(--color-text-secondary);padding:0 .72rem;min-width:38px;display:inline-flex;align-items:center;justify-content:center}.navbar-search button:hover{color:var(--color-text)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--color-bg-elevated);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);border-radius:10px;box-shadow:var(--shadow-md);padding:.36rem;z-index:1000;max-height:min(360px,50dvh);overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.62rem .68rem;border-radius:8px;cursor:pointer;transition:background-color .15s ease;color:var(--color-text);min-height:38px;border:none;background:transparent;text-align:left}.search-result-item:hover{background-color:color-mix(in srgb,var(--color-surface-variant) 72%,transparent)}.result-name{flex:1;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-level{font-size:.74rem;color:var(--color-text-secondary);background-color:#ffffff0f;padding:2px 7px;border-radius:999px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar-menu{display:flex;min-width:0;order:3}.navbar-links{display:flex;gap:.38rem;align-items:center;min-width:0}.nav-link{color:var(--color-text-secondary);font-weight:700;font-size:.84rem;letter-spacing:.01em;padding:.42rem .66rem;border-radius:8px;border:1px solid transparent;transition:color .18s ease,border-color .18s ease,background-color .18s ease;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center}.nav-link:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 92%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 68%,transparent)}.staff-link,.staff-link:hover{color:var(--color-brand-orange)}.nav-user{display:flex;align-items:center;gap:.42rem;padding-left:.64rem;margin-left:.2rem;border-left:1px solid color-mix(in srgb,var(--color-border) 65%,transparent)}.nav-auth-placeholder{min-width:122px;height:36px;border-radius:8px}.nav-user-info{display:flex;flex-direction:column;min-width:0}.nav-nickname{font-weight:700;font-size:.84rem;color:var(--color-text);max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-login-btn,.nav-logout-btn{display:inline-flex;align-items:center;gap:.38rem;border-radius:8px;font-weight:700;transition:border-color .18s ease,background-color .18s ease;cursor:pointer;border:1px solid transparent;min-height:36px}.nav-login-btn{background:var(--accent-gradient);color:#fff;padding:.42rem .72rem}.nav-login-btn:hover{filter:brightness(1.04)}.nav-logout-btn{background:color-mix(in srgb,var(--color-surface-variant) 68%,transparent);color:var(--color-text-secondary);padding:.42rem;border-color:color-mix(in srgb,var(--color-border) 85%,transparent)}.nav-logout-btn:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 96%,transparent)}@media(max-width:1020px){.navbar{top:0;margin-top:0;width:100%;border-radius:0;border-left:none;border-right:none;padding:calc(.68rem + env(safe-area-inset-top,0)) .75rem .68rem;gap:.7rem;flex-wrap:nowrap}.navbar-search-wrapper{max-width:420px;width:auto}.navbar-links{gap:.2rem}.nav-link{padding:.4rem .5rem;font-size:.8rem}.nav-login-btn{padding:.4rem .62rem}}@media(max-width:760px){.navbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search toggle" "menu menu menu";gap:.45rem;align-items:center;padding:calc(.56rem + env(safe-area-inset-top,0)) .5rem .5rem}.navbar-top-row{display:contents}.navbar-brand{grid-area:brand}.navbar-brand a{font-size:1.02rem}.navbar-search-wrapper{grid-area:search;width:100%;min-width:0}.navbar-search input{padding:.58rem .68rem;font-size:.84rem}.navbar-menu-toggle{grid-area:toggle;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 70%,transparent);color:var(--color-text);padding:0}.navbar-menu-toggle:hover{border-color:color-mix(in srgb,var(--color-border) 100%,transparent)}.search-results{left:-1px;right:-1px;max-height:min(280px,44dvh)}.navbar-menu{grid-area:menu;width:100%;max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .18s ease}.navbar.menu-open .navbar-menu,.navbar-menu.open{max-height:340px;opacity:1}.navbar-links{width:100%;display:flex;flex-direction:column;align-items:stretch;background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:10px;padding:.32rem;gap:.3rem}.nav-link{width:100%;justify-content:flex-start;font-size:.82rem;min-height:34px;padding:.44rem .54rem}.nav-user{margin-left:0;border-left:none;border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);padding:.34rem .54rem 0}.nav-auth-placeholder{width:100%;min-width:0;height:0}.nav-user-info{min-width:0;flex:1}.nav-nickname{max-width:100%}.nav-login-btn{width:100%;justify-content:flex-start;padding:.44rem .54rem}}@media(max-width:420px){.navbar{padding-inline:.42rem}.navbar-brand a{font-size:.96rem}.nav-link{font-size:.78rem}.result-level{font-size:.68rem}}.skin-view{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.skin-view img{max-width:100%;height:auto;image-rendering:auto}.skin-loading,.skin-error{padding:2rem;text-align:center;color:var(--color-text-secondary)}.page-container{width:min(1120px,100%);margin:0 auto;padding:1.2rem .9rem 1.8rem;min-width:0}.page-header{margin-bottom:.95rem}.page-header h1{margin:0;color:var(--color-text);font-size:clamp(1.65rem,3.1vw,2.3rem);line-height:1.08}.page-header p{margin-top:.36rem;color:var(--color-text-secondary);font-size:.92rem;line-height:1.45}.mode-selector{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.45rem}.mode-button{min-height:34px;padding:.38rem .76rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface-variant) 56%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);font-weight:700;font-size:.8rem;letter-spacing:.01em;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.mode-button:hover{background:color-mix(in srgb,var(--color-surface-variant) 76%,transparent);color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 100%,transparent)}.mode-button.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.mode-button:disabled{opacity:.5;cursor:not-allowed}.loading,.error{text-align:center;padding:1.3rem 1rem;font-size:.96rem;color:var(--color-text-secondary)}.error{color:var(--color-error)}.profile-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.05rem;margin-bottom:.7rem;padding:.8rem .9rem;border-radius:var(--radius-md);background:linear-gradient(120deg,color-mix(in srgb,var(--color-surface) 92%,transparent),color-mix(in srgb,var(--color-surface-variant) 58%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent)}.profile-skin{width:96px;height:96px;border-radius:999px;overflow:hidden;flex-shrink:0;background:color-mix(in srgb,var(--color-surface-variant) 72%,transparent)}.profile-info h1{margin:0;font-size:clamp(1.5rem,4vw,2.35rem);color:var(--color-text)}.profile-info{display:flex;flex-direction:column;min-width:0}.profile-details{margin-top:.35rem;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:.08rem;font-size:.98rem}.profile-actions{margin-top:.62rem;margin-bottom:0;display:flex;flex-wrap:wrap;gap:.42rem;align-items:center}.profile-action-btn{min-height:34px;padding:.34rem .72rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 52%,transparent);color:var(--color-text);font-weight:700;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;transition:border-color .18s ease,background-color .18s ease}.profile-action-btn:hover{border-color:color-mix(in srgb,var(--color-border) 100%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 74%,transparent)}.profile-duels-btn{border-color:#eb5c4f94;background:color-mix(in srgb,var(--color-primary) 25%,var(--color-surface));color:#fff}.profile-duels-btn:hover{border-color:#eb5c4fe6;background:color-mix(in srgb,var(--color-primary) 34%,var(--color-surface))}.profile-content{display:flex;flex-direction:column;gap:.85rem;min-width:0;margin-top:.72rem}.profile-content>section,.page-container>section{background:color-mix(in srgb,var(--color-surface) 84%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);border-radius:var(--radius-md);padding:.82rem}.profile-content h2,.page-container>section h2{margin:0 0 .64rem;color:var(--color-text);font-size:1.06rem}.ratings-list{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--color-surface-variant) 56%,transparent)}.rating-row-header,.rating-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:.4rem;align-items:center;padding:.72rem .78rem}.rating-row-header{color:var(--color-text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--color-surface-variant) 92%,transparent)}.rating-row{border-top:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);background:color-mix(in srgb,var(--color-surface) 88%,transparent)}.rating-row:hover{background:color-mix(in srgb,var(--color-surface-variant) 76%,transparent)}.points-row-header,.points-row{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-mode{font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:.5rem;min-width:0;font-size:.92rem}.mode-indicator{width:7px;height:7px;border-radius:50%;flex-shrink:0;background-color:var(--color-text-secondary)}.mode-indicator.classic{background-color:var(--color-brand-blue)}.mode-indicator.arrows{background-color:var(--color-brand-red)}.mode-indicator.death-arrows{background-color:var(--color-brand-yellow)}.mode-indicator.grapple{background-color:var(--color-brand-orange)}.mode-indicator.vtol{background-color:var(--color-brand-purple)}.mode-indicator.football{background-color:var(--color-brand-green)}.mode-indicator.volleyball{background-color:var(--color-brand-blue)}.mode-indicator.weird-deathball{background-color:var(--color-brand-vermillion)}.rating-current{font-weight:800;color:var(--color-primary);font-size:1.04rem}.rating-peak,.rating-rank,.rating-wl{color:var(--color-text-secondary);font-size:.9rem}.rating-rank{color:var(--color-secondary);font-weight:700}.rating-wl{color:var(--color-text);font-weight:600}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.58rem}.map-card{background:color-mix(in srgb,var(--color-surface-variant) 54%,transparent);border-radius:10px;padding:.64rem .75rem}.map-card h4{margin:0;color:var(--color-text);font-size:.9rem}.versus-card{background:color-mix(in srgb,var(--color-surface-variant) 52%,transparent);border-radius:10px;padding:.72rem .78rem;display:flex;flex-direction:column;gap:.38rem}.versus-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem}.versus-record{font-size:1.14rem;font-weight:800;color:var(--color-text)}.versus-winrate{font-size:.9rem;font-weight:700}.versus-winrate.positive{color:var(--color-success)}.versus-winrate.negative{color:var(--color-error)}.versus-winrate.neutral{color:var(--color-text-secondary)}.versus-meta{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--color-text-secondary);font-size:.86rem;margin-top:.1rem}.duels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.58rem}.duel-card{background:color-mix(in srgb,var(--color-surface-variant) 56%,transparent);border-radius:10px;padding:.72rem;display:flex;flex-direction:column;gap:.5rem}.duel-card.incoming{box-shadow:inset 2px 0 #42c38d99}.duel-card.outgoing{box-shadow:inset 2px 0 #eb5c4f99}.duel-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.duel-mode{font-weight:800;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem}.duel-tag{border-radius:999px;padding:.16rem .52rem;font-size:.66rem;color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface) 86%,transparent);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.duel-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:.38rem;align-items:center}.duel-name{min-height:32px;padding:.24rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 78%,transparent);font-size:.9rem;font-weight:700;color:var(--color-text);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.duel-name-self{color:color-mix(in srgb,var(--color-success) 78%,#fff)}.duel-opponent-link:hover{color:var(--color-primary)}.duel-vs{font-weight:900;font-size:.78rem;color:var(--color-text-secondary)}.duel-meta{border-radius:8px;padding:.34rem .52rem;background:color-mix(in srgb,var(--color-surface) 74%,transparent);font-size:.76rem;color:var(--color-text-secondary)}.duel-players{display:flex;flex-wrap:wrap;gap:.4rem}.duel-player-link{display:inline-flex;align-items:center;min-height:30px;padding:.2rem .56rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface) 78%,transparent);color:var(--color-text);font-size:.76rem;font-weight:600}.duel-player-link:hover{color:var(--color-primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:.42rem;margin-top:.95rem;padding:.15rem 0}.pagination-btn{min-height:34px;padding:.34rem .74rem;border-radius:8px;background:color-mix(in srgb,var(--color-surface-variant) 60%,transparent);color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);font-weight:700;font-size:.82rem}.pagination-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-surface-variant) 78%,transparent)}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:center}.pagination-page{min-width:32px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface-variant) 54%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);border-radius:8px;font-weight:700;font-size:.82rem}.pagination-page:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 100%,transparent)}.pagination-page.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.pagination-dots{color:var(--color-text-secondary);padding:0 .16rem}.pagination-controls{margin-top:.78rem;display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:nowrap}.pagination-label{color:var(--color-text-secondary);min-width:90px;text-align:center}.timeline-mode-selector{margin-top:0;margin-bottom:.85rem}.timeline-card{background:color-mix(in srgb,var(--color-surface-variant) 52%,transparent);border-radius:10px;padding:.65rem}.timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.48rem;color:var(--color-text-secondary);font-size:.84rem;gap:.55rem}.timeline-chart-wrap{height:150px;border-radius:8px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),color-mix(in srgb,var(--color-surface) 72%,transparent);background-size:28px 28px,28px 28px,auto;overflow:hidden}.timeline-chart{width:100%;height:100%;display:block}.timeline-foot{margin-top:.44rem;display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:.8rem}.timeline-positive{color:var(--color-success);font-weight:700}.timeline-negative{color:var(--color-error);font-weight:700}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;margin-bottom:0}.compare-page>section{margin-top:.72rem}.compare-player-card{background:color-mix(in srgb,var(--color-surface-variant) 52%,transparent);border-radius:10px;padding:.72rem;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar name" "avatar level" "avatar link";column-gap:.72rem;row-gap:.14rem;align-items:center}.compare-avatar{grid-area:avatar;width:80px;height:80px;border-radius:999px;overflow:hidden}.compare-player-card h3{grid-area:name;margin:0;font-size:1.2rem;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-player-card span{grid-area:level;color:var(--color-text-secondary);font-size:.88rem}.compare-player-card a{grid-area:link;color:var(--color-primary);font-weight:700;font-size:.86rem}.compare-table{border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--color-surface-variant) 52%,transparent)}.compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr .7fr;gap:.45rem;padding:.64rem .72rem;border-top:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);align-items:center;font-size:.88rem}.compare-row-head{border-top:none;color:var(--color-text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.compare-positive{color:var(--color-success);font-weight:700}.compare-negative{color:var(--color-error);font-weight:700}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:64vh}.not-found-content{text-align:center;padding:1.4rem 1rem}.not-found-code{font-size:clamp(3.8rem,10vw,7rem);font-weight:800;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found-text{margin:.42rem 0 1rem;color:var(--color-text-secondary)}.not-found-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.36rem .82rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 92%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 60%,transparent);font-weight:700;font-size:.84rem}@media(max-width:860px){.page-container{padding:1rem .64rem 1.45rem}.page-header h1{font-size:1.45rem}.profile-skin{width:84px;height:84px}.profile-details{font-size:.9rem}.profile-content>section,.page-container>section{padding:.72rem}.rating-row-header,.rating-row{grid-template-columns:1.55fr 1fr 1fr;padding:.62rem}.points-row-header,.points-row{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-row-header div:nth-child(4),.rating-row-header div:nth-child(5),.rating-row div:nth-child(4),.rating-row div:nth-child(5){display:none}.maps-grid,.compare-grid{grid-template-columns:1fr}.compare-avatar{width:72px;height:72px}.timeline-chart-wrap{height:124px}}@media(max-width:640px){.mode-selector{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.mode-selector::-webkit-scrollbar{display:none}.mode-button{white-space:nowrap;flex:0 0 auto;min-height:32px;font-size:.76rem;padding:.34rem .62rem}.profile-header{gap:.75rem;padding:.68rem .72rem}.profile-skin{width:76px;height:76px}.profile-info h1{font-size:1.34rem}.profile-details{font-size:.84rem}.profile-action-btn{font-size:.68rem;min-height:32px;padding:.3rem .62rem}.pagination{gap:.32rem}.pagination-btn{min-height:32px;padding:.3rem .6rem;font-size:.76rem}.pagination-controls{gap:.32rem}.pagination-controls .pagination-pages{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.pagination-controls .pagination-pages::-webkit-scrollbar{display:none}.pagination-page{min-width:30px;height:32px;font-size:.76rem}.duels-grid{grid-template-columns:1fr}.duel-card{padding:.66rem}.duel-name{font-size:.82rem}.compare-row{grid-template-columns:1fr .78fr .78fr .58fr;font-size:.82rem;padding:.54rem;gap:.28rem}.timeline-head,.timeline-foot{font-size:.76rem}}@media(max-width:460px){.page-container{padding-inline:.5rem}.page-header h1,.profile-info h1{font-size:1.2rem}.profile-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.52rem .56rem}.profile-skin{width:70px;height:70px}.profile-details{font-size:.8rem}.profile-actions{justify-content:flex-start;gap:.3rem}.profile-content>section,.page-container>section{padding:.6rem}.rating-row-header,.rating-row{padding:.54rem .5rem;gap:.3rem}.points-row-header,.points-row{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-mode,.rating-current,.rating-peak,.rating-rank,.rating-wl{font-size:.8rem}.pagination{margin-top:.74rem;gap:.22rem}.pagination-page{min-width:28px;height:30px}.timeline-chart-wrap{height:108px}.compare-player-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar name" "avatar level" "avatar link";column-gap:.58rem;row-gap:.08rem;justify-items:stretch;text-align:left}.compare-avatar{width:62px;height:62px}.compare-row-head{font-size:.66rem}}@media(max-width:360px){.page-container{padding-inline:.42rem}.mode-button{font-size:.72rem}.rating-row-header,.rating-row{padding-inline:.42rem}}.home-page{min-height:100vh;padding-bottom:2rem}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:38vh;overflow:hidden;padding:3.2rem 1rem 2.2rem}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-glow{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(223,86,74,.24) 0%,transparent 68%);opacity:.9}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 76%);mask-image:radial-gradient(ellipse at center,black 35%,transparent 76%);opacity:.45}.hero-content{position:relative;z-index:1;text-align:center;max-width:680px}.hero-title{display:flex;flex-direction:column;gap:.36rem;margin-bottom:.95rem}.hero-tbc{font-size:clamp(2.8rem,9vw,5.1rem);font-weight:800;letter-spacing:-.04em;background:var(--hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.hero-subtitle{font-size:clamp(.75rem,1.8vw,1rem);font-weight:700;color:var(--color-text-secondary);letter-spacing:.16em;text-transform:uppercase}.hero-desc{color:var(--color-text-secondary);font-size:.96rem;line-height:1.55;margin-bottom:1.1rem}.hero-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.hero-btn{min-height:40px;padding:.66rem 1.15rem;border-radius:999px;font-weight:700;font-size:.88rem;text-decoration:none;transition:filter .18s ease;display:inline-flex;align-items:center;justify-content:center}.hero-btn.primary{background:var(--accent-gradient);color:#fff}.hero-btn.primary:hover{filter:brightness(1.05)}.home-section{max-width:1100px;margin:0 auto;padding:1rem .9rem 1.2rem}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.8rem;gap:.6rem}.home-section-header h2{color:var(--color-text);font-size:1.15rem}.see-all{color:var(--color-text-secondary);font-weight:700;font-size:.82rem}.see-all:hover{color:var(--color-text)}.modes-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.62rem}.mode-card{display:flex;align-items:center;justify-content:center;gap:.62rem;padding:.75rem .85rem;background:color-mix(in srgb,var(--color-surface) 82%,transparent);border-radius:10px;text-decoration:none;transition:background-color .18s ease}.mode-card:hover{background:color-mix(in srgb,var(--color-surface-variant) 85%,transparent)}.mode-card-indicator{width:9px;height:9px;border-radius:999px;background:var(--color-text-secondary);flex-shrink:0}.mode-card-indicator.classic{background:var(--color-brand-blue)}.mode-card-indicator.arrows{background:var(--color-brand-red)}.mode-card-indicator.death_arrows{background:var(--color-brand-yellow)}.mode-card-indicator.grapple{background:var(--color-brand-orange)}.mode-card-indicator.vtol{background:var(--color-brand-purple)}.mode-card-name{color:var(--color-text);font-weight:700;text-transform:capitalize;font-size:.9rem;text-align:center}.top-players-list,.activity-list{display:flex;flex-direction:column;gap:.5rem}.top-players-loading{text-align:center;padding:1.4rem;color:var(--color-text-secondary)}.top-player-card{display:flex;align-items:center;gap:.75rem;padding:.72rem .8rem;background:color-mix(in srgb,var(--color-surface) 82%,transparent);border-radius:10px;text-decoration:none;transition:background-color .18s ease;opacity:1}.top-player-card:hover{background:color-mix(in srgb,var(--color-surface-variant) 86%,transparent)}.top-player-rank{font-weight:800;font-size:.92rem;color:var(--color-text-secondary);min-width:30px}.top-player-card:nth-child(1) .top-player-rank{color:#ffd06d}.top-player-card:nth-child(2) .top-player-rank{color:#c7d2e6}.top-player-card:nth-child(3) .top-player-rank{color:#d09b66}.top-player-avatar{width:36px;height:36px;border-radius:10px;overflow:hidden;flex-shrink:0}.top-player-info{display:flex;flex-direction:column;gap:.06rem;flex:1;min-width:0}.top-player-name{color:var(--color-text);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-player-elo{color:var(--color-text-secondary);font-weight:700;font-size:.82rem}.activity-card{background:color-mix(in srgb,var(--color-surface) 82%,transparent);border-radius:10px;padding:.72rem .8rem}.activity-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.38rem;gap:.5rem}.activity-mode{color:var(--color-primary);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.activity-time{color:var(--color-text-secondary);font-size:.74rem}.activity-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem}.activity-body a{color:var(--color-text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-body a:last-child{text-align:right}.activity-score{color:var(--color-text-secondary);font-weight:800;font-size:.86rem;white-space:nowrap}@media(max-width:760px){.hero{min-height:32vh;padding:1.45rem .75rem 1.2rem}.hero-glow{width:360px;height:360px;opacity:.72}.hero-desc{font-size:.88rem;margin-bottom:.95rem}.hero-btn{font-size:.82rem;min-width:min(230px,100%)}.home-section{padding:.85rem .55rem 1rem}.modes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mode-card{padding:.68rem .65rem}.top-player-card,.activity-card{padding:.64rem .66rem}.activity-time{font-size:.7rem}}@media(max-width:460px){.hero{min-height:30vh;padding:1.2rem .62rem .95rem}.hero-glow{width:260px;height:260px;opacity:.55}.hero-grid{background-size:34px 34px;opacity:.34}.hero-subtitle{letter-spacing:.13em;font-size:.68rem}.hero-desc{font-size:.83rem}.home-section{padding-inline:.42rem}.home-section-header h2{font-size:1rem}.see-all{font-size:.76rem}.modes-grid{grid-template-columns:1fr}.activity-body{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem}}@media(max-width:360px){.hero{padding-inline:.46rem}.hero-btn{min-width:100%}.top-player-card{padding:.56rem .54rem}}.leaderboard-container{padding:0;min-width:0;border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--color-surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 86%,transparent)}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed}th{text-align:left;padding:.72rem .82rem;color:var(--color-text-secondary);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-surface-variant) 78%,transparent)}th:last-child{text-align:right}td{padding:.74rem .82rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);font-size:.95rem;background:transparent}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover,.leaderboard-table tbody tr:focus-within,.leaderboard-table tbody tr:active{background-color:#ffffff1f}.rank-cell{width:72px;white-space:nowrap;font-weight:800;color:#c0c9d8}.player-cell{min-width:0}.player-cell a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:700;text-decoration:none;-webkit-tap-highlight-color:transparent}.player-cell a:hover,.player-cell a:focus-visible,.player-cell a:active{color:var(--color-text);outline:none}.elo-cell{width:94px;text-align:right;white-space:nowrap;color:var(--color-primary);font-weight:800}@media(max-width:860px){th,td{padding:.62rem .56rem;font-size:.84rem}.rank-cell{width:56px}.elo-cell{width:74px;font-size:.9rem}.player-cell a{font-size:.84rem}}@media(max-width:460px){th,td{padding:.54rem .44rem;font-size:.78rem}.rank-cell{width:48px}.elo-cell{width:64px;font-size:.82rem}.player-cell a{font-size:.78rem}}.podium-section{margin:.75rem 0 .95rem}.podium-grid{display:grid;grid-template-columns:repeat(3,calc((100% - 1.12rem) / 3));gap:.56rem;align-items:stretch}.podium-column.empty{width:100%;min-height:124px;border-radius:10px;background:color-mix(in srgb,var(--color-surface-variant) 48%,transparent)}.podium-card{width:100%;position:relative;min-height:108px;padding:.64rem .68rem;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar title" "avatar info";column-gap:.6rem;row-gap:.12rem;align-items:center;border-radius:10px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);cursor:pointer;transition:background-color .16s ease}.podium-card:hover{background:color-mix(in srgb,var(--color-surface-variant) 74%,transparent)}.podium-card:focus-visible{outline:2px solid rgba(235,92,79,.6);outline-offset:2px}.podium-card-top{grid-area:title;margin:0;min-width:0}.podium-rank-title{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);font-weight:800}.podium-rank-badge{position:absolute;left:.42rem;top:.42rem;min-height:20px;padding:.1rem .42rem;border-radius:999px;font-size:.64rem;font-weight:800;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--color-surface-variant) 80%,transparent);color:var(--color-text-secondary)}.podium-avatar{grid-area:avatar;width:54px;height:54px;border-radius:999px;overflow:hidden;background:transparent}.podium-player-info{grid-area:info;width:100%;min-width:0;margin-top:0;text-align:left}.podium-nickname{display:block;font-size:1rem;font-weight:800;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-elo{display:block;margin-top:.08rem;font-size:.82rem;color:var(--color-text-secondary);font-weight:700}.podium-gold{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))}.podium-gold .podium-rank-badge{background:var(--accent-gradient);color:#fff}.podium-silver .podium-rank-badge{background:#c6d1e0;color:#111a27}.podium-bronze .podium-rank-badge{background:#ca905f;color:#2a1707}@media(max-width:1040px){.podium-card{min-height:98px;padding:.5rem .52rem;column-gap:.48rem}.podium-avatar{width:46px;height:46px}.podium-nickname{font-size:.86rem}.podium-elo{font-size:.72rem}}.skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface) 85%,transparent) 25%,color-mix(in srgb,var(--color-surface-variant) 85%,transparent),color-mix(in srgb,var(--color-surface) 85%,transparent) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{display:flex;align-items:center;gap:.8rem;padding:.72rem .8rem;background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 68%,transparent)}.skeleton-row:first-child{border-radius:10px 10px 0 0}.skeleton-row:last-child{border-radius:0 0 10px 10px;border-bottom:none}.skeleton-row-text{flex:1;display:flex;flex-direction:column;gap:.32rem}.skeleton-podium{display:flex;justify-content:center;align-items:flex-end;gap:.56rem;margin-bottom:.9rem}.skeleton-table{border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}.skeleton-leaderboard,.skeleton-profile{animation:fadeIn .22s ease}.skeleton-profile-header{display:flex;gap:.8rem;align-items:center;margin-bottom:.9rem;padding:.78rem;background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-radius:10px}.skeleton-profile-info{display:flex;flex-direction:column;gap:.44rem;flex:1}.skeleton-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.72rem}@media(max-width:700px){.skeleton-row{padding:.62rem .56rem}.skeleton-profile-header{padding:.66rem;gap:.65rem}.skeleton-cards{grid-template-columns:1fr;gap:.62rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-list{display:flex;flex-direction:column;gap:.56rem;min-width:0}.match-card{background:color-mix(in srgb,var(--color-surface-variant) 54%,transparent);border-radius:10px;padding:.72rem;position:relative;overflow:hidden;min-width:0}.match-card.winner{box-shadow:inset 2px 0 #42c38d99}.match-card.loser{box-shadow:inset 2px 0 #eb5c4f99}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.48rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 66%,transparent);font-size:.78rem;color:var(--color-text-secondary);min-width:0}.match-info-group{display:flex;gap:.52rem;align-items:center;min-width:0}.match-mode{font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.match-map{color:var(--color-text-secondary);font-weight:600;min-width:0;max-width:min(44vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-date{white-space:nowrap}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.54rem}.match-vs-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem}.match-vs{font-weight:900;color:var(--color-text-secondary);font-size:.88rem}.match-type-badge{border-radius:999px;padding:.14rem .5rem;font-size:.6rem;font-weight:800;letter-spacing:.06em;color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface) 78%,transparent);text-transform:uppercase}.match-type-badge.public{color:#a8bbec}.match-type-badge.duel{color:#ffafa5}.match-team{display:flex;flex-direction:column;gap:.5rem}.team-0{align-items:flex-end;text-align:right}.team-1{align-items:flex-start;text-align:left}.team-score{font-size:1.62rem;font-weight:900;color:var(--color-text);line-height:1}.team-players{display:flex;flex-direction:column;gap:.34rem;width:100%}.player-name{font-weight:700;color:var(--color-text);padding:.3rem .56rem;background-color:color-mix(in srgb,var(--color-surface) 76%,transparent);border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:.45rem;min-width:0}.player-name>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:inherit;text-decoration:none}.player-link:hover{color:var(--color-primary)}.team-0 .player-name{flex-direction:row-reverse}.player-name.current-player{background:color-mix(in srgb,var(--color-primary) 18%,var(--color-surface))}.elo-change{font-size:.76rem;font-weight:800;padding:.08rem .36rem;border-radius:5px;flex-shrink:0}.elo-change.positive{color:var(--color-success);background-color:#41c38d1f}.elo-change.negative{color:var(--color-error);background-color:#ff64641f}.no-matches{text-align:center;padding:1.5rem 1rem;color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-variant) 54%,transparent);border-radius:10px}@media(max-width:700px){.match-card{padding:.64rem}.match-header{font-size:.72rem;margin-bottom:.48rem;padding-bottom:.4rem}.match-map{max-width:42vw}.team-score{font-size:1.48rem}.player-name{padding:.26rem .48rem;font-size:.88rem}.elo-change{font-size:.72rem}}@media(max-width:520px){.match-map{display:none}.match-date{font-size:.7rem;white-space:normal;text-align:right}.match-teams{gap:.42rem}.team-score{font-size:1.36rem}.match-vs{font-size:.76rem}.match-type-badge{font-size:.54rem;padding:.1rem .42rem}.player-name{font-size:.8rem;gap:.32rem}}.rooms-subtitle{color:var(--color-text-secondary);max-width:680px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.6rem}.room-card{background:color-mix(in srgb,var(--color-surface) 84%,transparent);border-radius:10px;padding:.72rem;display:flex;flex-direction:column;gap:.56rem}.room-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.room-card h3{margin:0;font-size:.98rem}.room-state{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-radius:999px;padding:.14rem .46rem;background:color-mix(in srgb,var(--color-surface-variant) 82%,transparent);white-space:nowrap}.state-main-game{color:var(--color-success)}.state-ready-wait{color:var(--color-brand-yellow)}.state-finished{opacity:.82}.room-stats{display:flex;justify-content:space-between;color:var(--color-text-secondary);font-size:.84rem;gap:.6rem;flex-wrap:wrap}.room-players{display:flex;flex-direction:column;gap:.42rem}.room-players-title{color:var(--color-text-secondary);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.room-players-empty{margin:0;color:var(--color-text-secondary);font-size:.8rem}.room-players-list{display:flex;flex-wrap:wrap;gap:.35rem}.room-player-chip{display:inline-flex;align-items:center;min-height:30px;padding:.22rem .54rem;border-radius:999px;background:color-mix(in srgb,var(--color-surface-variant) 72%,transparent);color:var(--color-text);font-size:.78rem;font-weight:600}.player-link-chip{transition:color .18s ease,background-color .18s ease}.player-link-chip:hover{color:#fff;background:color-mix(in srgb,var(--color-primary) 34%,var(--color-surface))}.room-join-btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--color-surface-variant) 70%,transparent);color:var(--color-text);font-weight:700;padding:.42rem .74rem;min-height:34px;font-size:.82rem}.room-join-btn:hover{background:color-mix(in srgb,var(--color-surface-variant) 90%,transparent)}@media(max-width:700px){.rooms-grid{grid-template-columns:1fr}.room-card{padding:.68rem}}@media(max-width:460px){.rooms-subtitle{font-size:.82rem}.room-card h3{font-size:.9rem}.room-stats{font-size:.78rem}.room-player-chip{font-size:.74rem}.room-join-btn{width:100%;min-height:32px;padding:.38rem .6rem;font-size:.78rem}}.app{min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;padding-top:.28rem}@media(max-width:760px){.main-content{padding-top:.14rem}}