:root{--bg-base:#0a0e0a;--bg-panel:#131a13;--bg-elevated:#1c261c;--border:#2a352a;--accent:#a3e635;--accent-dim:#4d7c0f;--accent-hover:#bef264;--text:#e4e7e4;--text-dim:#6b7569;--danger:#dc2626;--warning:#f59e0b;--success:#a3e635;--font-display:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.2s ease;--transition-smooth:.2s ease-out}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#a3e63506 1px,#0000 1px),linear-gradient(90deg,#a3e63506 1px,#0000 1px);background-size:48px 48px;min-height:100vh;margin:0;font-size:16px;line-height:1.5}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}#root{z-index:1;width:100%;max-width:100%;min-height:100vh;margin:0 auto;position:relative}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2.5px;color:var(--text);margin:0;font-weight:700}p{margin:0}button{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), filter var(--transition-fast);border-radius:2px;font-weight:600}button:hover:not(:disabled):not(.sidebar-overlay){filter:brightness(1.08);transform:translateY(-1px)}button:active:not(:disabled):not(.sidebar-overlay){filter:brightness();transform:translateY(0)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tactical-panel{background:linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), transform var(--transition-smooth);border-radius:2px;position:relative}.tactical-panel:hover{border-color:#a3e63547;transform:translateY(-2px);box-shadow:0 4px 20px #00000038}.tactical-panel-accent{background:linear-gradient(var(--accent), var(--accent)) top left / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), transform var(--transition-smooth);border-radius:2px}.tactical-panel-accent:hover{border-color:#a3e63559}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.radar-spinner{border:2px solid var(--border);background:radial-gradient(circle,#a3e63514 0%,#0000 70%);border-radius:50%;width:80px;height:80px;margin:0 auto 24px;position:relative;overflow:hidden}.radar-spinner:before{content:"";border:1px dashed #a3e63540;border-radius:50%;margin:12px;position:absolute;inset:0}.radar-spinner:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;width:50%;height:2px;animation:2s linear infinite radar-sweep;position:absolute;top:50%;left:50%}.radar-spinner .radar-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;animation:1.5s ease-in-out infinite radar-pulse;position:absolute;top:50%;left:50%}.radar-spinner--lg{width:140px;height:140px;margin:0 auto 28px}.radar-spinner--lg:before{margin:20px}.radar-spinner--lg:after{height:3px}.radar-spinner--lg .radar-dot{width:10px;height:10px;margin:-5px 0 0 -5px}@keyframes matchmaking-ring-pulse{0%{opacity:.55;transform:scale(.92)}50%{opacity:.2;transform:scale(1.06)}to{opacity:.55;transform:scale(.92)}}.matchmaking{flex-direction:column;gap:20px;width:100%;max-width:920px;margin:0 auto;display:flex}.matchmaking-user{background-color:var(--bg-panel);align-items:center;gap:16px;padding:18px 24px;display:flex}.matchmaking-user__avatar{border:2px solid var(--border);border-radius:2px;flex-shrink:0;width:52px;height:52px}.matchmaking-user__info{flex-direction:column;gap:4px;min-width:0;display:flex}.matchmaking-user__name{font-family:var(--font-display);letter-spacing:1.5px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.matchmaking-user__elo{font-family:var(--font-mono);color:var(--accent);font-size:13px}.matchmaking-user__badge{flex-shrink:0;margin-left:auto}.matchmaking-arena{text-align:center;background-color:var(--bg-panel);padding:36px 32px 40px}.matchmaking-arena__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:4px;margin-bottom:24px;font-size:11px;display:inline-block}.matchmaking-arena__party{margin-bottom:32px}.matchmaking-idle__desc{color:var(--text-dim);max-width:420px;margin:0 auto 28px;font-size:14px;line-height:1.6}.matchmaking-find-wrap{justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex;position:relative}.matchmaking-find-wrap__ring{pointer-events:none;border:1px solid #a3e63540;border-radius:50%;animation:2.4s ease-in-out infinite matchmaking-ring-pulse;position:absolute;inset:-16px}.matchmaking-find-wrap__ring--delay{border-color:#a3e6351f;animation-delay:.8s;inset:-28px}.matchmaking-find-btn{z-index:1;background-color:var(--accent);color:var(--bg-base);border:1px solid var(--accent-hover);font-family:var(--font-display);letter-spacing:3px;cursor:pointer;min-width:280px;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:2px;padding:20px 56px;font-size:18px;font-weight:700;position:relative}.matchmaking-find-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px #a3e63540}.matchmaking-find-btn:disabled{opacity:.65;cursor:not-allowed}.matchmaking-leader-hint{border:1px solid #f59e0b59;border-left:3px solid var(--warning);text-align:left;background-color:#f59e0b0f;border-radius:2px;justify-content:center;align-items:center;gap:12px;max-width:440px;margin:0 auto;padding:20px 24px;display:flex}.matchmaking-leader-hint__icon{flex-shrink:0;font-size:24px;line-height:1}.matchmaking-leader-hint__text{font-family:var(--font-display);letter-spacing:1px;color:var(--warning);font-size:14px;font-weight:600;line-height:1.4}.matchmaking-leader-hint__sub{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:400;display:block}.matchmaking-searching__label{font-family:var(--font-display);letter-spacing:3px;color:var(--accent);margin-bottom:28px;font-size:16px;font-weight:700}.matchmaking-search-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:28px;display:flex}.matchmaking-search-stat{background-color:var(--bg-elevated);border:1px solid var(--border);min-width:140px;max-width:200px;transition:border-color var(--transition-smooth), transform var(--transition-smooth);border-radius:2px;flex:1;padding:20px 16px}.matchmaking-search-stat:hover{border-color:#a3e6354d;transform:translateY(-1px)}.matchmaking-search-stat__value{font-family:var(--font-mono);color:var(--accent);margin-bottom:8px;font-size:36px;font-weight:700;line-height:1;display:block}.matchmaking-search-stat__label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:10px}.matchmaking-cancel-btn{color:var(--danger);border:1px solid var(--danger);font-family:var(--font-display);letter-spacing:2px;cursor:pointer;min-width:220px;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background-color:#0000;border-radius:2px;padding:14px 48px;font-size:13px;font-weight:600}.matchmaking-cancel-btn:hover:not(:disabled){background-color:#dc26261a;transform:translateY(-1px)}.matchmaking-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.matchmaking-maps{background-color:var(--bg-panel);padding:24px}.matchmaking-maps__title{letter-spacing:2px;margin-bottom:16px;font-size:13px}.matchmaking-maps__grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.matchmaking-map-card{background-color:var(--bg-elevated);border:1px solid var(--border);cursor:default;transition:border-color var(--transition-smooth), transform var(--transition-smooth), background-color var(--transition-smooth);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;display:flex}.matchmaking-map-card:hover{background-color:#243024;border-color:#a3e63559;transform:translateY(-2px)}.matchmaking-map-card__icon{opacity:.85;font-size:22px;line-height:1}.matchmaking-map-card__name{font-family:var(--font-display);letter-spacing:1px;color:var(--text-dim);text-align:center;font-size:10px;font-weight:600;line-height:1.2}@media (width<=900px){.matchmaking-maps__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.matchmaking-arena{padding:28px 20px 32px}.matchmaking-user{padding:16px}.matchmaking-find-btn{width:100%;min-width:0;padding:18px 24px;font-size:15px}.matchmaking-maps__grid{grid-template-columns:repeat(2,1fr)}.matchmaking-search-stat__value{font-size:28px}}.leaderboard-row{transition:background-color var(--transition-smooth), border-color var(--transition-smooth)}.leaderboard-row:hover{background-color:#a3e6350d!important}.leaderboard-row-top1{border-left:3px solid var(--accent)!important;background:linear-gradient(90deg,#a3e6351f 0%,#0000 60%)!important}.leaderboard-row-top2{border-left:3px solid var(--accent-dim)!important;background:linear-gradient(90deg,#a3e6350f 0%,#0000 60%)!important}.leaderboard-row-top3{background:linear-gradient(90deg,#4d7c0f1a 0%,#0000 60%)!important;border-left:3px solid #6b8f2a!important}.leaderboard-row-top1:hover{background:linear-gradient(90deg,#a3e6352e 0%,#0000 60%)!important}.leaderboard-row-top2:hover{background:linear-gradient(90deg,#a3e6351a 0%,#0000 60%)!important}.leaderboard-row-top3:hover{background:linear-gradient(90deg,#4d7c0f26 0%,#0000 60%)!important}.leaderboard-page{width:100%;max-width:1080px;margin:0 auto}.leaderboard-page__header{text-align:center;margin-bottom:28px}.leaderboard-page__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:3px;margin-bottom:8px;font-size:11px;display:block}.leaderboard-page__title{margin-bottom:4px;font-size:32px}.leaderboard-page__subtitle{color:var(--text-dim);letter-spacing:1px;font-size:14px}.leaderboard-search{margin-bottom:24px}.leaderboard-search__input{background-color:var(--bg-panel);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:2px;padding:14px 16px;font-size:13px}.leaderboard-search__input::placeholder{color:var(--text-dim)}.leaderboard-search__input:focus{border-color:#a3e63573;outline:none;box-shadow:0 0 0 1px #a3e63526}.leaderboard-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:16px;margin-bottom:28px;display:grid}.leaderboard-podium__card{text-align:center;background-color:var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);border-radius:2px;flex-direction:column;align-items:center;padding:24px 16px 20px;display:flex;position:relative}.leaderboard-podium__card:hover{transform:translateY(-3px)}.leaderboard-podium__card--1{background:linear-gradient(var(--accent), var(--accent)) top left / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 2px 14px no-repeat, linear-gradient(#eab30880, #eab30880) top right / 14px 2px no-repeat, linear-gradient(#eab30880, #eab30880) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, linear-gradient(180deg, #eab3081a 0%, var(--bg-panel) 55%);border-color:#eab30873;padding-top:32px;padding-bottom:28px;box-shadow:0 8px 32px #eab30814}.leaderboard-podium__card--1:hover{border-color:#eab308a6;box-shadow:0 12px 40px #eab3081f}.leaderboard-podium__card--2{background:linear-gradient(180deg, #c0c0c00f 0%, var(--bg-panel) 50%);border-color:#c0c0c059}.leaderboard-podium__card--2:hover{border-color:#c0c0c08c}.leaderboard-podium__card--3{background:linear-gradient(180deg, #cd7f3214 0%, var(--bg-panel) 50%);border-color:#cd7f3259}.leaderboard-podium__card--3:hover{border-color:#cd7f328c}.leaderboard-podium__medal{margin-bottom:12px;font-size:28px;line-height:1}.leaderboard-podium__card--1 .leaderboard-podium__medal{font-size:36px}.leaderboard-podium__avatar{border:2px solid var(--border);object-fit:cover;border-radius:2px;width:64px;height:64px;margin-bottom:12px}.leaderboard-podium__card--1 .leaderboard-podium__avatar{border-color:#eab30880;width:88px;height:88px}.leaderboard-podium__name{font-family:var(--font-display);letter-spacing:1px;color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;margin-bottom:8px;padding:0;font-size:15px;font-weight:700}.leaderboard-podium__card--1 .leaderboard-podium__name{font-size:18px}.leaderboard-podium__name:hover{color:var(--accent)}.leaderboard-podium__meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.leaderboard-podium__elo{font-family:var(--font-mono);color:var(--accent);font-size:22px;font-weight:700}.leaderboard-podium__card--1 .leaderboard-podium__elo{font-size:28px}.leaderboard-podium__wl{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.leaderboard-table-wrap{background-color:var(--bg-panel);overflow-x:auto}.leaderboard-table{width:100%;min-width:720px}.leaderboard-table__head,.leaderboard-table__row{grid-template-columns:56px minmax(180px,1.6fr) 80px 88px minmax(120px,1fr) 100px;align-items:center;gap:12px;padding:14px 16px;display:grid}.leaderboard-table__head{border-bottom:1px solid var(--border);background-color:var(--bg-elevated);font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:10px}.leaderboard-table__row{border-bottom:1px solid var(--border);transition:background-color var(--transition-smooth), border-color var(--transition-smooth)}.leaderboard-table__row:hover{background-color:#a3e6350a}.leaderboard-table__row--me{border-left:3px solid var(--accent);background-color:#a3e63514;padding-left:13px}.leaderboard-table__rank{font-family:var(--font-mono);color:var(--text-dim);font-size:15px;font-weight:700}.leaderboard-table__player{align-items:center;gap:10px;min-width:0;display:flex}.leaderboard-table__avatar{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:36px;height:36px}.leaderboard-table__player-info{flex-direction:column;gap:4px;min-width:0;display:flex}.leaderboard-table__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.leaderboard-table__username{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.leaderboard-table__username:hover{color:var(--accent)}.leaderboard-ban-badge{letter-spacing:1px;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.2}.leaderboard-ban-badge--vac{background-color:var(--danger);color:#fff}.leaderboard-ban-badge--game{background-color:var(--warning);color:#000}.leaderboard-table__elo{font-family:var(--font-mono);color:var(--accent);font-size:15px;font-weight:700}.leaderboard-table__wl{font-family:var(--font-mono);color:var(--text);font-size:13px}.leaderboard-table__wl-w{color:var(--success)}.leaderboard-table__wl-l{color:var(--danger)}.leaderboard-wr{align-items:center;gap:10px;display:flex}.leaderboard-wr__track{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;flex:1;min-width:48px;height:6px;overflow:hidden}.leaderboard-wr__fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:1px;height:100%;transition:width .3s ease-out}.leaderboard-wr__value{font-family:var(--font-mono);color:var(--text-dim);text-align:right;min-width:36px;font-size:12px}.leaderboard-add-btn{color:var(--accent);border:1px solid var(--accent);cursor:pointer;font-size:11px;font-family:var(--font-display);letter-spacing:1px;white-space:nowrap;transition:background-color var(--transition-fast), transform var(--transition-fast);background-color:#0000;border-radius:2px;padding:6px 12px}.leaderboard-add-btn:hover{background-color:#a3e6351a}.leaderboard-empty{color:var(--text-dim);text-align:center;padding:40px 16px;font-size:14px}.friends-page{width:100%;max-width:820px;margin:0 auto;padding:0 0 24px}.friends-page__title{letter-spacing:3px;margin-bottom:20px;font-size:28px}.friends-page__stats{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.friends-stat{background-color:var(--bg-panel);flex-direction:column;flex:1;gap:4px;min-width:120px;padding:14px 16px;display:flex}.friends-stat__label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:10px}.friends-stat__value{font-family:var(--font-mono);color:var(--text);font-size:22px;font-weight:700;line-height:1}.friends-stat__value--accent{color:var(--accent)}.friends-stat__value--online{color:var(--success)}.friends-top-panel{background-color:var(--bg-panel);margin-bottom:16px;padding:20px}.friends-top-panel__grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.friends-id-block__label{font-family:var(--font-display);letter-spacing:2px;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.friends-id-block__row{gap:10px;margin-bottom:8px;display:flex}.friends-id-block__code{background-color:var(--bg-base);border:1px solid var(--border);min-width:0;font-family:var(--font-mono);color:var(--text);border-radius:2px;flex:1;padding:10px 12px;font-size:12px;overflow-x:auto}.friends-id-block__hint{color:var(--text-dim);font-size:11px;line-height:1.4}.friends-invite__label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.friends-invite__row{gap:10px;display:flex}.friends-invite__input{background-color:var(--bg-elevated);border:1px solid var(--border);min-width:0;color:var(--text);font-family:var(--font-mono);transition:border-color var(--transition-fast);border-radius:2px;flex:1;padding:10px 12px;font-size:13px}.friends-invite__input:focus{border-color:#a3e63573;outline:none}.friends-btn{font-family:var(--font-display);letter-spacing:1.5px;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);border-radius:2px;padding:10px 18px;font-size:12px;font-weight:700}.friends-btn--primary{background-color:var(--accent);color:var(--bg-base);border:1px solid var(--accent-hover)}.friends-btn--primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.friends-btn--accept{background-color:var(--accent);color:var(--bg-base);border:1px solid var(--accent-hover);padding:8px 14px;font-size:11px}.friends-btn--danger{color:var(--danger);border:1px solid var(--danger);background-color:#0000;padding:8px 14px;font-size:11px}.friends-btn--danger:hover{background-color:#dc26261a}.friends-btn--outline{color:var(--accent);border:1px solid var(--accent);background-color:#0000;padding:8px 14px;font-size:11px}.friends-btn--outline:hover{background-color:#a3e63514}.friends-message{border:1px solid #a3e63540;border-left:3px solid var(--accent);color:var(--accent);font-family:var(--font-mono);background-color:#a3e63514;border-radius:2px;margin-bottom:16px;padding:10px 14px;font-size:13px}.friends-section{margin-top:28px}.friends-section__title{letter-spacing:2px;color:var(--text-dim);margin-bottom:14px;font-size:13px}.friends-online-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.friends-online-card{text-align:center;background-color:var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition-smooth), transform var(--transition-smooth);border-radius:2px;flex-direction:column;align-items:center;padding:16px 12px;display:flex;position:relative}.friends-online-card:hover{border-color:#a3e63566;transform:translateY(-2px)}.friends-online-card__avatar-wrap{margin-bottom:10px;position:relative}.friends-online-card__avatar-wrap .friends-status-dot{border:2px solid var(--bg-panel);position:absolute;bottom:-2px;right:-2px}.friends-online-card__avatar{border:2px solid var(--accent);border-radius:2px;width:48px;height:48px}.friends-online-card__name{font-family:var(--font-display);color:var(--text);word-break:break-word;margin-bottom:8px;font-size:13px;font-weight:700}.friends-online-card__meta{align-items:center;gap:6px;display:flex}.friends-card-list{flex-direction:column;gap:10px;display:flex}.friends-card{background-color:var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition-smooth), transform var(--transition-smooth), background-color var(--transition-smooth);border-radius:2px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;position:relative}.friends-card:hover{background-color:#1a221a;border-color:#a3e63547;transform:translateY(-1px)}.friends-card__corner{pointer-events:none;width:8px;height:8px;position:absolute}.friends-card__corner--tl{border-top:2px solid var(--accent-dim);border-left:2px solid var(--accent-dim);top:-1px;left:-1px}.friends-card__corner--br{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.friends-card__left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.friends-card__avatar{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:44px;height:44px}.friends-card__info{flex-direction:column;gap:6px;min-width:0;display:flex}.friends-card__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friends-card__username{color:var(--text);font-size:14px;font-weight:700}.friends-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.friends-status-dot--online{background-color:var(--accent);box-shadow:0 0 8px #a3e63580}.friends-status-dot--offline{background-color:var(--text-dim)}.friends-card__status{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.friends-card__status--online{color:var(--accent)}.friends-card__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.friends-pending{font-family:var(--font-mono);color:var(--warning);letter-spacing:.5px;background-color:#f59e0b14;border:1px solid #f59e0b40;border-radius:2px;padding:6px 10px;font-size:11px}@media (width<=700px){.friends-top-panel__grid{grid-template-columns:1fr}.friends-invite__row{flex-direction:column}.friends-card{flex-direction:column;align-items:stretch}.friends-card__actions{justify-content:stretch}.friends-card__actions .friends-btn{flex:1}}.match-history-page{width:100%;max-width:920px;margin:0 auto}.match-history-page__header{margin-bottom:24px}.match-history-page__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:3px;margin-bottom:4px;font-size:10px;display:block}.match-history-page__title{letter-spacing:2px;margin:0;font-size:24px}.match-history-stats{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}.match-history-stat{background-color:var(--bg-panel);flex-direction:column;gap:6px;padding:16px;display:flex}.match-history-stat__label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:10px}.match-history-stat__value{font-family:var(--font-mono);color:var(--text);font-size:24px;font-weight:700;line-height:1}.match-history-stat__value--accent{color:var(--accent)}.match-history-stat__value--success{color:var(--success)}.match-history-stat__value--danger{color:var(--danger)}.match-history-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.match-history-filter{background-color:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);letter-spacing:1.5px;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:2px;padding:10px 20px;font-size:12px;font-weight:600}.match-history-filter:hover{color:var(--text);border-color:#a3e63559}.match-history-filter--active{border-color:var(--accent);color:var(--accent);background-color:#a3e6351a}.match-history-list{flex-direction:column;gap:12px;display:flex}.match-history-card{background-color:var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);border-left-width:4px;border-radius:2px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:20px;display:grid;position:relative}.match-history-card:hover{border-color:#a3e63533;transform:translateY(-2px);box-shadow:0 6px 24px #00000040}.match-history-card__corner{pointer-events:none;width:10px;height:10px;position:absolute}.match-history-card__corner--tl{border-top:2px solid var(--accent-dim);border-left:2px solid var(--accent-dim);top:-1px;left:-1px}.match-history-card__corner--br{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.match-history-card__main{flex-direction:column;gap:12px;min-width:0;display:flex}.match-history-card__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.match-history-card__result{font-family:var(--font-display);letter-spacing:2px;font-size:13px;font-weight:700}.match-history-card__date{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;font-size:11px}.match-history-card__map{color:var(--text);font-size:15px;font-weight:600}.match-history-card__stats{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.match-history-card__kda{font-family:var(--font-mono);align-items:baseline;gap:4px;display:flex}.match-history-card__kda-value{color:var(--text);font-size:28px;font-weight:700;line-height:1}.match-history-card__kda-sep{color:var(--text-dim);margin:0 2px;font-size:20px}.match-history-card__kda-label{color:var(--text-dim);letter-spacing:1px;align-self:center;margin-left:8px;font-size:10px}.match-history-card__ratio{font-family:var(--font-mono);color:var(--text-dim);background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;padding:6px 10px;font-size:14px}.match-history-card__ratio strong{color:var(--accent);font-weight:700}.match-history-card__elo{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.match-history-card__elo-value{font-family:var(--font-mono);font-size:32px;font-weight:700;line-height:1}.match-history-card__elo-label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:9px}@media (width<=900px){.match-history-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.match-history-stats{grid-template-columns:repeat(2,1fr)}.match-history-card{grid-template-columns:1fr}.match-history-card__elo{flex-direction:row;align-items:center;gap:12px}.match-history-card__kda-value{font-size:22px}.match-history-card__elo-value{font-size:24px}}@media (width<=768px){.leaderboard-podium{grid-template-columns:1fr;align-items:stretch}.leaderboard-podium__card--1{order:-1}.leaderboard-podium__card--1 .leaderboard-podium__avatar{width:72px;height:72px}}.layout{min-height:100vh;display:flex}.layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.layout__content{flex:1;padding:24px;overflow-y:auto}.layout__content>*{animation:.25s ease-out both page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.layout-loading{min-height:100vh;color:var(--text-dim);font-family:var(--font-display);letter-spacing:2px;justify-content:center;align-items:center;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border);z-index:200;flex-direction:column;flex-shrink:0;align-self:flex-start;width:260px;height:100vh;max-height:100vh;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 24px #00000026}.sidebar__brand{border-bottom:1px solid var(--border);flex-shrink:0;padding:20px 16px}.sidebar__brand-inner{background:linear-gradient(135deg, #a3e6350f 0%, transparent 55%), var(--bg-elevated);border:1px solid var(--border);border-radius:2px;padding:18px 16px 14px;position:relative}.sidebar__brand-corner{pointer-events:none;width:12px;height:12px;position:absolute}.sidebar__brand-corner--tl{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-1px;left:-1px}.sidebar__brand-corner--br{border-bottom:2px solid var(--accent-dim);border-right:2px solid var(--accent-dim);bottom:-1px;right:-1px}.sidebar__brand-mark{color:var(--accent);opacity:.85;margin-bottom:6px;font-size:10px;line-height:1;display:block}.sidebar__brand-tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:4px;margin-bottom:2px;font-size:9px;display:block}.sidebar__brand-name{font-family:var(--font-display);color:var(--text);letter-spacing:3px;font-size:26px;font-weight:700;line-height:1.1;display:block}.sidebar__brand-accent{color:var(--accent)}.sidebar__nav{flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px 12px;display:flex;overflow:hidden auto}.sidebar__link{color:var(--text-dim);font-family:var(--font-display);letter-spacing:1px;border-left:3px solid #0000;border-radius:2px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:flex}.sidebar__link:hover{background-color:var(--bg-elevated);color:var(--text);border-left-color:#a3e63573}.sidebar__link--active{color:var(--accent);border-left-color:var(--accent);background-color:#a3e6351a;font-weight:700}.sidebar__link-icon{border:1px solid var(--border);background-color:#0003;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:border-color .2s,background-color .2s;display:flex}.sidebar__link:hover .sidebar__link-icon{background-color:#a3e6350f;border-color:#a3e63559}.sidebar__link--active .sidebar__link-icon{background-color:#a3e6351f;border-color:#a3e63580}.sidebar__link-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar__footer{border-top:1px solid var(--border);background:linear-gradient(#0000 0%,#0000001f 100%);flex-shrink:0;padding:14px}.sidebar__user-panel{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.sidebar__avatar-wrap{background:linear-gradient(135deg, var(--accent), var(--accent-dim));border-radius:3px;flex-shrink:0;padding:2px;position:relative}.sidebar__avatar{border:2px solid var(--bg-elevated);object-fit:cover;border-radius:2px;width:40px;height:40px;display:block}.sidebar__online-dot{background-color:var(--accent);border:2px solid var(--bg-elevated);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #a3e6358c}.sidebar__user-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sidebar__username{font-family:var(--font-display);letter-spacing:.5px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.sidebar__elo-row{align-items:center;gap:6px;display:flex}.sidebar__elo{font-family:var(--font-mono);color:var(--accent);font-size:11px;font-weight:600}.sidebar__logout{width:100%;color:var(--text-dim);border:1px solid var(--border);font-family:var(--font-display);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:2px;padding:11px 12px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.sidebar__logout:hover{color:var(--danger);border-color:var(--danger);background-color:#dc262614}.sidebar-overlay{cursor:pointer;z-index:150;background:#0a0e0ab3;border:none;display:none;position:fixed;inset:0}.topbar{background-color:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.topbar__left{align-items:center;gap:12px;min-width:0;display:flex}.topbar__menu-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:2px;padding:0;display:none}.topbar__menu-btn:hover{color:var(--accent);background-color:var(--bg-elevated);border-color:#a3e63566}.topbar__menu-icon{font-size:18px;line-height:1}.topbar__breadcrumb{align-items:center;gap:8px;min-width:0;display:flex}.topbar__breadcrumb-root{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:2px;white-space:nowrap;font-size:10px}.topbar__breadcrumb-sep{color:var(--border);font-size:12px}.topbar__breadcrumb-current{font-family:var(--font-display);color:var(--text);letter-spacing:1.5px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.topbar__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar__elo{font-family:var(--font-mono);color:var(--accent);font-size:22px;font-weight:700;line-height:1}.topbar__elo-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:2px;margin-right:4px;font-size:10px}.topbar__avatar{border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.topbar__username{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.dashboard{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.dashboard-hero{cursor:pointer;transition:box-shadow var(--transition-smooth), transform var(--transition-smooth), border-color var(--transition-smooth);padding:40px 36px;background-image:linear-gradient(135deg, #a3e6351f 0%, transparent 50%), linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top left / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) top right / 2px 14px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 14px 2px no-repeat, linear-gradient(var(--accent-dim), var(--accent-dim)) bottom left / 2px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 14px 2px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 2px 14px no-repeat, var(--bg-panel)!important}.dashboard-hero:hover,.dashboard-hero:focus-visible{box-shadow:0 0 0 1px var(--accent-dim), 0 8px 32px #a3e63514;transform:translateY(-2px)}.dashboard-hero__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:3px;margin-bottom:8px;font-size:11px;display:block}.dashboard-hero__title{color:var(--text);margin-bottom:8px;font-size:36px}.dashboard-hero__subtitle{color:var(--text-dim);margin-bottom:20px;font-size:15px}.dashboard-hero__cta{font-family:var(--font-display);color:var(--accent);letter-spacing:2px;font-size:14px;font-weight:700;display:inline-block}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:16px;display:grid}.dashboard-stat-card{flex-direction:column;gap:8px;padding:20px;display:flex}.dashboard-stat-card.tactical-panel:hover{border-color:#a3e6354d;transform:translateY(-2px)}.dashboard-stat-card__label{font-family:var(--font-display);color:var(--text-dim);letter-spacing:2px;font-size:11px}.dashboard-stat-card__value{font-family:var(--font-mono);color:var(--text);font-size:28px;font-weight:700;line-height:1}.dashboard-stat-card__value--sm{font-size:22px}.dashboard-analytics{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.dashboard-panel{background-color:var(--bg-panel);padding:24px}.dashboard-panel__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-panel__header .dashboard-section-title{margin-bottom:0}.dashboard-panel__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:2px;font-size:10px}.dashboard-chart{min-height:240px}.dashboard-chart__empty{justify-content:center;align-items:center;min-height:200px;display:flex}.dashboard-side{flex-direction:column;gap:16px;display:flex}.dashboard-form{flex-wrap:wrap;gap:8px;display:flex}.dashboard-form__cell{width:40px;height:40px;font-family:var(--font-display);color:var(--bg-base);letter-spacing:1px;transition:transform var(--transition-fast);border-radius:2px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.dashboard-form__cell:hover{transform:scale(1.05)}.dashboard-panel--progress{position:relative}.dashboard-panel--progress .dashboard-panel__header{margin-bottom:16px}.level-info{flex-shrink:0;position:relative}.level-info__btn{border:1px solid var(--border);cursor:pointer;opacity:.75;width:28px;height:28px;transition:opacity var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.level-info__btn:hover{opacity:1;background-color:var(--bg-elevated);border-color:#a3e63573}.level-info__popup{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;width:min(280px,100vw - 48px);padding:16px;animation:.2s ease-out both page-fade-in;box-shadow:0 8px 32px #00000073}.level-info__popup--fixed{z-index:10050;position:fixed}.level-info--open .level-info__btn{opacity:1;background-color:var(--bg-elevated);border-color:#a3e63573}.level-info__corner{pointer-events:none;width:12px;height:12px;position:absolute}.level-info__corner--tl{border-top:2px solid var(--accent-dim);border-left:2px solid var(--accent-dim);top:-1px;left:-1px}.level-info__corner--tr{border-top:2px solid var(--accent-dim);border-right:2px solid var(--accent-dim);top:-1px;right:-1px}.level-info__corner--bl{border-bottom:2px solid var(--accent-dim);border-left:2px solid var(--accent-dim);bottom:-1px;left:-1px}.level-info__corner--br{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.level-info__title{font-family:var(--font-display);letter-spacing:2px;color:var(--accent-dim);margin-bottom:12px;font-size:11px;font-weight:700;display:block}.level-info__list{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.level-info__row{transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:2px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.level-info__row--active{background-color:#a3e63514;border-color:#a3e63540}.level-info__label{font-family:var(--font-display);letter-spacing:1px;color:var(--text);font-size:12px;font-weight:600}.level-info__range{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:11px}.dashboard-progress__meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.dashboard-progress__level{font-family:var(--font-display);color:var(--accent);letter-spacing:2px;font-size:16px;font-weight:700}.dashboard-progress__hint{font-family:var(--font-mono);color:var(--text-dim);text-align:right;font-size:11px}.dashboard-progress__track{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;height:8px;overflow:hidden}.dashboard-progress__fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:1px;height:100%;transition:width .4s ease-out}.dashboard-progress__range{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.dashboard-hero__top{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-hero__user{align-items:center;gap:14px;display:flex}.dashboard-hero__avatar{border:2px solid var(--border);border-radius:2px;width:56px;height:56px}.dashboard-hero__name{font-family:var(--font-display);color:var(--text);letter-spacing:1.5px;font-size:18px;font-weight:700;display:block}.dashboard-hero__elo{font-family:var(--font-mono);color:var(--accent);font-size:13px}.dashboard-stat-card__value--accent{color:var(--accent)}.dashboard-stat-card__value--success{color:var(--success)}.dashboard-stat-card__value--danger{color:var(--danger)}.dashboard-section-title{letter-spacing:2px;margin-bottom:16px;font-size:14px}.dashboard-actions{padding:24px}.dashboard-actions__grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-btn{cursor:pointer;width:100%;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);border-radius:2px;padding:14px 20px;font-size:13px}.dashboard-btn--primary{background-color:var(--accent);color:var(--bg-base);border:1px solid var(--accent-hover);font-weight:700}.dashboard-btn--primary:hover{background-color:var(--accent-hover);filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 14px #a3e63538}.dashboard-btn--secondary{background-color:var(--accent-dim);color:var(--text);border:1px solid var(--accent)}.dashboard-btn--secondary:hover{border-color:var(--accent-hover);background-color:#5a8f12;transform:translateY(-1px);box-shadow:0 4px 14px #a3e6351f}.dashboard-btn--outline{background-color:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.dashboard-btn--outline:hover{color:var(--accent);background-color:#243024;border-color:#a3e63566;transform:translateY(-1px)}.dashboard-recent{padding:24px}.dashboard-recent__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dashboard-recent__header .dashboard-section-title{margin-bottom:0}.dashboard-recent__link{color:var(--accent);font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;transition:color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:12px}.dashboard-recent__link:hover{color:var(--accent-hover);opacity:.9}.dashboard-recent__list{flex-direction:column;gap:8px;display:flex}.dashboard-match-row{background-color:var(--bg-elevated);border:1px solid var(--border);transition:background-color var(--transition-smooth), border-color var(--transition-smooth), transform var(--transition-smooth);border-left-width:3px;border-radius:2px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dashboard-match-row:hover{background-color:#243024;border-color:#a3e63547;transform:translateY(-1px)}.dashboard-match-row__left{flex-direction:column;gap:4px;display:flex}.dashboard-match-row__result{font-family:var(--font-display);letter-spacing:2px;font-size:12px;font-weight:700}.dashboard-match-row__map{color:var(--text-dim);font-size:14px}.dashboard-match-row__right{align-items:center;gap:20px;display:flex}.dashboard-match-row__kda{font-family:var(--font-mono);color:var(--text);font-size:15px}.dashboard-match-row__elo{font-family:var(--font-mono);text-align:right;min-width:45px;font-size:15px;font-weight:700}.dashboard-empty{color:var(--text-dim);text-align:center;padding:24px 0;font-size:14px}.profile-page{flex-direction:column;gap:20px;width:100%;max-width:880px;margin:0 auto;display:flex}.profile-hero{background-color:var(--bg-panel);padding:32px 28px;position:relative}.profile-hero__corner{pointer-events:none;width:14px;height:14px;position:absolute}.profile-hero__corner--tl{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:-1px;left:-1px}.profile-hero__corner--tr{border-top:2px solid var(--accent-dim);border-right:2px solid var(--accent-dim);top:-1px;right:-1px}.profile-hero__corner--bl{border-bottom:2px solid var(--accent-dim);border-left:2px solid var(--accent-dim);bottom:-1px;left:-1px}.profile-hero__corner--br{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:-1px;right:-1px}.profile-hero__main{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.profile-hero__avatar-ring{background:linear-gradient(135deg, var(--accent), var(--accent-dim));border-radius:4px;flex-shrink:0;padding:4px;box-shadow:0 0 24px #a3e63533}.profile-hero__avatar{border:2px solid var(--bg-panel);object-fit:cover;border-radius:2px;width:112px;height:112px;display:block}.profile-hero__identity{flex:1;min-width:200px}.profile-hero__name-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.profile-hero__username{letter-spacing:2px;margin:0;font-size:28px}.profile-hero__highlights{flex-wrap:wrap;gap:32px;display:flex}.profile-hero__elo-block,.profile-hero__rank-block{flex-direction:column;gap:4px;display:flex}.profile-hero__elo-value{font-family:var(--font-mono);color:var(--accent);font-size:42px;font-weight:700;line-height:1}.profile-hero__rank-value{font-family:var(--font-mono);color:var(--text);font-size:42px;font-weight:700;line-height:1}.profile-hero__elo-label,.profile-hero__rank-label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:10px}.profile-hero__actions{border-top:1px solid var(--border);text-align:center;margin-top:24px;padding-top:20px}.profile-add-friend-btn{background-color:var(--accent);color:var(--bg-base);border:1px solid var(--accent-hover);font-family:var(--font-display);letter-spacing:2px;cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border-radius:2px;padding:12px 28px;font-size:14px;font-weight:700}.profile-add-friend-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.profile-friend-msg{color:var(--accent);font-family:var(--font-mono);margin:12px 0 0;font-size:13px}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.profile-stat-card{text-align:center;background-color:var(--bg-panel);flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.profile-stat-card__value{font-family:var(--font-mono);color:var(--text);font-size:28px;font-weight:700;line-height:1}.profile-stat-card__value--accent{color:var(--accent)}.profile-stat-card__value--success{color:var(--success)}.profile-stat-card__value--danger{color:var(--danger)}.profile-stat-card__label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:10px}.profile-analytics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-panel{background-color:var(--bg-panel);padding:24px}.profile-panel--rank{position:relative}.profile-panel__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.profile-panel__title{margin-bottom:0}.profile-panel__title:not(.profile-panel__header .profile-panel__title){margin-bottom:20px}.profile-wr-ring-wrap{flex-direction:column;align-items:center;gap:24px;display:flex}.profile-wr-ring{--wr-progress:0;background:conic-gradient(var(--accent) calc(var(--wr-progress) * 1%), var(--bg-elevated) 0);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 0 20px #a3e6351a}.profile-wr-ring__inner{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:112px;height:112px;display:flex}.profile-wr-ring__value{font-family:var(--font-mono);color:var(--accent);font-size:28px;font-weight:700;line-height:1}.profile-wr-ring__label{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:9px}.profile-wr-bar{width:100%}.profile-wr-bar__track{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;height:8px;margin-bottom:8px;overflow:hidden}.profile-wr-bar__fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:1px;height:100%;transition:width .4s ease-out}.profile-wr-bar__legend{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}.profile-not-found{text-align:center;color:var(--text-dim);font-family:var(--font-display);letter-spacing:1px;padding:48px 24px}.profile-page__stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.profile-page__stat{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;flex-direction:column;gap:4px;padding:16px;display:flex}.profile-page__stat-value{font-family:var(--font-mono);color:var(--text);font-size:28px;font-weight:700;line-height:1}.profile-page__stat-value--accent{color:var(--accent)}.profile-page__stat-value--success{color:var(--success)}.profile-page__stat-value--danger{color:var(--danger)}.profile-page__stat-label{font-family:var(--font-display);color:var(--text-dim);letter-spacing:2px;font-size:10px}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-analytics,.dashboard-actions__grid{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-analytics{grid-template-columns:1fr}.profile-hero__main{text-align:center;flex-direction:column}.profile-hero__name-row,.profile-hero__highlights{justify-content:center}.profile-page__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{align-self:auto;height:100vh;max-height:100vh;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block}.topbar__menu-btn{justify-content:center;align-items:center;display:flex}.topbar__username{display:none}.layout__content{padding:16px}.dashboard-hero{padding:28px 20px}.dashboard-hero__top{flex-direction:column;align-items:flex-start}.dashboard-hero__title{font-size:26px}}@media (width<=480px){.dashboard-stats{grid-template-columns:1fr 1fr}.topbar__breadcrumb-root,.topbar__breadcrumb-sep{display:none}}.lobby-page{width:100%;max-width:1100px;color:var(--text);margin:0 auto}.lobby-center{min-height:320px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:2px;justify-content:center;align-items:center;display:flex}.lobby-header{text-align:center;margin-bottom:28px}.lobby-header__tag{font-family:var(--font-mono);color:var(--accent-dim);letter-spacing:3px;margin-bottom:8px;font-size:10px;display:block}.lobby-header__title{letter-spacing:3px;margin-bottom:12px;font-size:28px}.lobby-header__meta{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:24px;font-size:14px;display:flex}.lobby-header__code{font-family:var(--font-mono);color:var(--accent);letter-spacing:4px;font-size:18px;font-weight:700}.lobby-header__status--live{color:var(--success)}.lobby-header__status--warn{color:var(--warning)}.lobby-phases{justify-content:center;gap:0;margin-bottom:28px;padding:0 12px;display:flex}.lobby-phase{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:140px;display:flex;position:relative}.lobby-phase:not(:last-child):after{content:"";background-color:var(--border);z-index:0;width:calc(100% - 36px);height:2px;position:absolute;top:14px;left:calc(50% + 18px)}.lobby-phase--done:not(:last-child):after,.lobby-phase--active:not(:last-child):after{background-color:var(--accent-dim)}.lobby-phase__dot{border:2px solid var(--border);background-color:var(--bg-elevated);width:28px;height:28px;font-family:var(--font-mono);color:var(--text-dim);z-index:1;border-radius:2px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s;display:flex}.lobby-phase--done .lobby-phase__dot{border-color:var(--accent-dim);color:var(--accent);background-color:#a3e63514}.lobby-phase--active .lobby-phase__dot{border-color:var(--accent);color:var(--bg-base);background-color:var(--accent);box-shadow:0 0 16px #a3e63559}.lobby-phase__label{font-family:var(--font-display);letter-spacing:1.5px;color:var(--text-dim);text-align:center;font-size:9px}.lobby-phase--active .lobby-phase__label{color:var(--accent);font-weight:700}.lobby-center--loading:after{content:"";background-color:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:8px;animation:1s ease-in-out infinite radar-pulse}.lobby-veto-wrap{margin-bottom:28px;padding:4px}.lobby-veto-wrap>.tactical-panel{margin:0}.lobby-autostart{text-align:center;background-color:var(--bg-panel);max-width:520px;margin:0 auto 28px;padding:32px 36px}.lobby-autostart__label{font-family:var(--font-display);color:var(--accent);letter-spacing:3px;margin-bottom:12px;font-size:13px;font-weight:700}.lobby-autostart__players{font-family:var(--font-mono);margin-bottom:20px;font-size:14px;font-weight:600}.lobby-autostart__timer{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 24px #a3e63559;margin-bottom:16px;font-size:56px;font-weight:700;line-height:1}.lobby-autostart__countdown{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 40px #a3e63566;margin:16px 0;font-size:96px;font-weight:700;line-height:1;animation:1s ease-in-out infinite radar-pulse}.lobby-autostart__hint{color:var(--text-dim);font-size:12px}.lobby-connect{text-align:center;background-color:var(--bg-panel);max-width:560px;margin:0 auto 28px;padding:28px}.lobby-connect__title{color:var(--success);letter-spacing:2px;margin-bottom:12px;font-size:18px}.lobby-connect__info{color:var(--text-dim);margin-bottom:16px;font-size:14px}.lobby-connect__command{background-color:var(--bg-base);color:var(--accent);font-family:var(--font-mono);word-break:break-all;border:1px solid var(--border);border-radius:2px;margin-bottom:16px;padding:16px;font-size:15px}.lobby-connect__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lobby-teams{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;margin-bottom:28px;display:flex}.lobby-team{background-color:var(--bg-panel);flex:280px;min-width:280px;max-width:380px;padding:20px}.lobby-team--a{border-top:3px solid var(--accent)}.lobby-team--b{border-top:3px solid #dc2626}.lobby-team__title{text-align:center;letter-spacing:3px;margin-bottom:16px;font-size:15px}.lobby-team--a .lobby-team__title{color:var(--accent)}.lobby-team--b .lobby-team__title{color:#f87171}.lobby-vs{width:80px;height:80px;font-size:34px;font-family:var(--font-display);color:var(--accent);letter-spacing:3px;border:2px solid var(--accent-dim);background-color:var(--bg-elevated);border-radius:2px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;font-weight:700;display:flex;box-shadow:0 0 24px #a3e63526,inset 0 0 20px #a3e6350d}.lobby-player{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;transition:border-color .2s;display:flex}.lobby-player:hover{border-color:#a3e63540}.lobby-player__avatar-wrap{background:linear-gradient(135deg, var(--accent-dim), var(--accent));border-radius:3px;flex-shrink:0;padding:3px;position:relative}.lobby-team--b .lobby-player__avatar-wrap{background:linear-gradient(135deg,#991b1b,#dc2626)}.lobby-player__avatar-badge{z-index:2;filter:drop-shadow(0 2px 4px #00000080);line-height:0;position:absolute;bottom:-6px;right:-6px}.lobby-player__avatar{border:2px solid var(--bg-elevated);object-fit:cover;border-radius:2px;width:44px;height:44px;display:block}.lobby-player__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lobby-player__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lobby-player__name{letter-spacing:.5px;font-size:13px;font-weight:700}.lobby-player__ready{font-family:var(--font-mono);flex-shrink:0;font-size:11px;font-weight:600}.lobby-player__ready--yes{color:var(--success)}.lobby-player__ready--no{color:var(--danger)}.lobby-slot-empty{background-color:var(--bg-base);color:var(--text-dim);text-align:center;border:1px dashed var(--border);font-size:12px;font-family:var(--font-mono);letter-spacing:1px;border-radius:2px;margin-bottom:8px;padding:14px}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lobby-btn{font-family:var(--font-display);letter-spacing:1.5px;cursor:pointer;border:1px solid #0000;border-radius:2px;padding:12px 28px;font-size:13px;font-weight:700;transition:transform .2s,filter .2s}.lobby-btn:hover:not(:disabled){transform:translateY(-1px)}.lobby-btn--accent{background-color:var(--accent);color:var(--bg-base);border-color:var(--accent-hover)}.lobby-btn--accent-dim{background-color:var(--accent-dim);color:var(--bg-base);border-color:var(--accent)}.lobby-btn--danger{color:var(--text);border-color:var(--danger);background-color:#dc26261a}.lobby-btn--leave{color:var(--danger);border-color:var(--danger);background-color:#0000}.lobby-btn--disabled{background-color:var(--bg-elevated);color:var(--text-dim);border-color:var(--border);cursor:not-allowed}.lobby-btn--link{background-color:var(--bg-elevated);color:var(--accent);border:1px solid var(--border);letter-spacing:1px;padding:12px 24px;text-decoration:none;display:inline-block}.lobby-result-overlay{z-index:1000;background-color:#0a0e0aeb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lobby-result-card{background-color:var(--bg-panel);width:100%;max-width:720px;padding:32px}.lobby-result-card--win{border-top:4px solid var(--accent)}.lobby-result-card--loss{border-top:4px solid var(--danger)}.lobby-result__title{text-align:center;letter-spacing:2px;margin-bottom:24px;font-size:26px}.lobby-result__title--win{color:var(--accent)}.lobby-result-teams{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.lobby-result-team{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:2px;flex:1;min-width:240px;padding:16px}.lobby-result-team--winner{background:linear-gradient(180deg, #a3e63514 0%, var(--bg-elevated) 40%);border-color:#a3e63573}.lobby-result-team__title{text-align:center;letter-spacing:2px;margin-bottom:12px;font-size:13px}.lobby-result-table__head,.lobby-result-table__row{grid-template-columns:1fr 80px 56px;gap:8px;padding:8px 4px;font-size:12px;display:grid}.lobby-result-table__head{font-family:var(--font-display);letter-spacing:1px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:4px}.lobby-result-table__row{border-bottom:1px solid var(--border);align-items:center}.lobby-result-table__name{color:var(--text);font-weight:600}.lobby-result-table__kda{font-family:var(--font-mono);color:var(--text-dim);text-align:center}.lobby-result-table__elo{font-family:var(--font-mono);text-align:right;font-weight:700}@media (width<=768px){.lobby-teams{flex-direction:column;align-items:center}.lobby-vs{width:56px;height:56px;font-size:24px}.lobby-phases{flex-wrap:wrap;gap:12px}.lobby-phase:not(:last-child):after{display:none}}.topbar__notif{position:relative}.topbar__notif-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;width:40px;height:40px;font-size:18px;transition:all .2s;position:relative}.topbar__notif-btn:hover{border-color:var(--accent);background:#a3e63514}.topbar__notif-badge{background:var(--danger);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-6px;right:-6px}.topbar__notif-dropdown{background:var(--bg-elevated);border:1px solid var(--accent);z-index:1000;width:320px;position:absolute;top:48px;right:0;box-shadow:0 8px 24px #00000080}.topbar__notif-header{border-bottom:1px solid var(--border);color:var(--accent);font-family:var(--font-display);letter-spacing:2px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.topbar__notif-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:12px}.topbar__notif-clear:hover{color:var(--danger)}.topbar__notif-empty{text-align:center;color:var(--text-dim);padding:24px 16px;font-size:13px}.topbar__notif-list{max-height:360px;overflow-y:auto}.topbar__notif-item{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 16px;transition:background .15s;display:flex}.topbar__notif-item:hover{background:var(--bg-panel)}.topbar__notif-msg{color:var(--text);font-size:13px}.topbar__notif-time{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}