.bg-effects{display:none}.top-left-controls{z-index:100;align-items:center;gap:24px;height:44px;padding:0 24px;display:flex;position:fixed;top:68px;left:0}.top-controls{z-index:100;align-items:center;gap:16px;height:44px;padding:0 24px;display:flex;position:fixed;top:68px;right:0}.ctrl-btn{color:#f5f5f7;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:0;font-size:12px;font-weight:400;transition:opacity .2s;display:flex}.ctrl-btn:hover{opacity:1;background:0 0}.ctrl-btn svg{opacity:.8;width:14px;height:14px}.ctrl-btn span{font-size:12px!important;font-weight:400!important}.dashboard-container{flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:44px 24px 0;display:flex}.brand-logo-container{margin-bottom:24px}.brand-logo{border-radius:14px;width:64px;height:64px}.header__badge{display:none}.header__meta{color:var(--ap-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0;font-size:14px;display:flex}#currentPatch{color:var(--ap-text);font-weight:600}.header__meta a{color:var(--ap-action);transition:var(--transition);align-items:center;font-weight:400;text-decoration:none;display:flex}.header__meta a:after{content:" →";margin-left:4px;font-family:monospace;font-size:16px}.header__meta a:hover{text-decoration:underline}.stat-card__value{justify-content:center;align-items:baseline;overflow:hidden;display:flex!important}.digit-slot{vertical-align:top;height:1em;display:inline-block;overflow:hidden}.digit-col{will-change:transform;flex-direction:column;display:flex;transform:translateY(0)}.digit-col.running{transition:transform .9s cubic-bezier(.34,1.56,.64,1)}.digit-char{text-align:center;height:1em;line-height:1;display:block}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{background:var(--ap-surface);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-panel);flex-direction:column-reverse;justify-content:center;align-items:center;padding:24px;display:flex}.stat-card__value{color:var(--ap-text);letter-spacing:-.01em;margin:0;font-size:40px;font-weight:600;line-height:1.1}.stat-card__label{color:var(--ap-text-muted);margin-bottom:8px;font-size:14px;font-weight:500}.faq-section-wrap{max-width:780px;margin:60px auto 0;padding-bottom:48px}.faq-section-wrap h2{letter-spacing:-.02em;text-align:center;margin-bottom:8px;font-size:26px;font-weight:700}.faq-subtitle{text-align:center;color:var(--ap-text-muted);margin-bottom:36px;font-size:14px}.faq-accordion{border-top:1px solid var(--ap-border)}.faq-item{border-bottom:1px solid var(--ap-border)}.faq-trigger{cursor:pointer;width:100%;color:var(--ap-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:15px;font-weight:500;line-height:1.4;display:flex}.faq-trigger:hover{color:var(--ap-action)}.faq-icon{border:1.5px solid var(--ap-border);width:22px;height:22px;color:var(--ap-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .25s,border-color .25s,color .25s;display:flex}.faq-item.open .faq-icon{background:var(--ap-action);border-color:var(--ap-action);color:#000;transform:rotate(45deg)}.faq-panel{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.faq-item.open .faq-panel{grid-template-rows:1fr}.faq-panel-inner{overflow:hidden}.faq-answer{color:var(--ap-text-muted);padding-bottom:22px;font-size:14px;line-height:1.75}.agent-hover-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;z-index:10;background:#18181bfa;border-top:1px solid #00e5c34d;flex-direction:column;gap:8px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 16px #00000080}.agent-card:hover .agent-hover-overlay{opacity:1;transform:translateY(0)}.agent-hover-overlay-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ap-action);margin-bottom:4px;font-size:11px;font-weight:700}.agent-hover-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.agent-hover-row .pname{color:#fff;font-weight:600}.agent-hover-row .pacs{color:var(--ap-text-muted);font-family:monospace}.filter-section{background:var(--ap-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.filter-group{align-items:center;gap:16px;display:flex}.filter-label{color:var(--ap-text);font-size:14px;font-weight:600}.filter-bar{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{background:var(--ap-canvas);color:var(--ap-text);border-radius:var(--radius-btn);cursor:pointer;transition:var(--transition);border:none;padding:6px 16px;font-size:14px;font-weight:500}.filter-btn:hover{background:var(--ap-border)}.filter-btn.active{background:var(--ap-action);color:#fff}.section-title{color:var(--ap-text);letter-spacing:-.01em;margin:16px 0 0;font-size:28px;font-weight:600}.role-legend{align-items:center;gap:16px;margin-bottom:8px;display:flex}.role-legend__item{color:var(--ap-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.role-legend__dot{border-radius:50%;width:8px;height:8px}.role-legend__item:first-child .role-legend__dot{background:var(--role-duelist)}.role-legend__item:nth-child(2) .role-legend__dot{background:var(--role-controller)}.role-legend__item:nth-child(3) .role-legend__dot{background:var(--role-initiator)}.role-legend__item:nth-child(4) .role-legend__dot{background:var(--role-sentinel)}.agent-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ap-border) transparent;grid-template-rows:1fr 1fr;grid-auto-columns:280px;grid-auto-flow:column;gap:16px;padding-bottom:24px;display:grid;overflow-x:auto}.agent-grid::-webkit-scrollbar{height:6px}.agent-grid::-webkit-scrollbar-track{background:0 0;border-radius:4px}.agent-grid::-webkit-scrollbar-thumb{background:var(--ap-border);border-radius:4px}.agent-card{background:var(--ap-surface);transition:var(--transition);box-shadow:var(--shadow-panel);cursor:pointer;scroll-snap-align:start;border-radius:20px;flex-direction:column;gap:0;padding:16px;display:flex;position:relative;overflow:hidden}.agent-card:hover{z-index:2;transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.agent-grid.role-hover-active .agent-card{opacity:.3;transform:scale(.95)}.agent-grid.role-hover-active .agent-card.role-match{opacity:1;z-index:5;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #0006}.agent-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.agent-card__rank{color:var(--ap-text-muted);opacity:.7;min-width:24px;font-size:15px;font-weight:700}.agent-card__icon{background:var(--ap-canvas);border-radius:12px;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.agent-card__icon img{object-fit:cover;width:100%;height:100%}.agent-card__info{flex:1;min-width:0}.agent-card__name{color:var(--ap-text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.agent-card__role{color:var(--ap-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.agent-card__stats{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.agent-card__pct{color:var(--ap-text);letter-spacing:-.02em;font-size:22px;font-weight:700}.agent-card__count{color:var(--ap-text-muted);font-size:12px;font-weight:500}.agent-card__bar{background:var(--ap-canvas);border-radius:4px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.agent-card__bar-fill{border-radius:4px;width:0;height:100%;transition:width 1s cubic-bezier(.25,1,.5,1)}.agent-card[data-role=duelist] .agent-card__bar-fill{background:var(--role-duelist)}.agent-card[data-role=controller] .agent-card__bar-fill{background:var(--role-controller)}.agent-card[data-role=initiator] .agent-card__bar-fill{background:var(--role-initiator)}.agent-card[data-role=sentinel] .agent-card__bar-fill{background:var(--role-sentinel)}.comp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.comp-card{background:var(--ap-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);transition:var(--transition);flex-direction:column;gap:16px;padding:20px;display:flex}.comp-card:hover{border-color:#ffffff14;transform:translateY(-4px);box-shadow:0 16px 40px #00000080}.comp-card-header{justify-content:space-between;align-items:flex-end;display:flex}.comp-card__title{color:var(--ap-text-muted);font-size:15px;font-weight:600;transition:color .2s,transform .2s}.comp-card__pct{color:var(--ap-text);letter-spacing:-.02em;font-size:20px;font-weight:700;transition:color .2s,transform .2s,text-shadow .2s}.comp-card:hover .comp-card__title{color:var(--ap-action);transform:translateY(-2px)}.comp-card:hover .comp-card__pct{color:#fff;text-shadow:0 0 20px #2997ff99;transform:translateY(-2px)}.comp-agents{gap:8px;display:flex}.comp-agent{background:var(--ap-canvas);border-radius:12px;width:44px;height:44px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .25s;overflow:hidden}.comp-agent img{object-fit:cover;width:100%;height:100%}.comp-card:hover .comp-agent:first-child{filter:brightness(1.2);transition-delay:0s;transform:translateY(6px)scale(1.18);box-shadow:0 12px 24px #00000080}.comp-card:hover .comp-agent:nth-child(2){filter:brightness(1.2);transition-delay:40ms;transform:translateY(6px)scale(1.18);box-shadow:0 12px 24px #00000080}.comp-card:hover .comp-agent:nth-child(3){filter:brightness(1.2);transition-delay:80ms;transform:translateY(6px)scale(1.18);box-shadow:0 12px 24px #00000080}.comp-card:hover .comp-agent:nth-child(4){filter:brightness(1.2);transition-delay:.12s;transform:translateY(6px)scale(1.18);box-shadow:0 12px 24px #00000080}.comp-card:hover .comp-agent:nth-child(5){filter:brightness(1.2);transition-delay:.16s;transform:translateY(6px)scale(1.18);box-shadow:0 12px 24px #00000080}.weapon-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.weapon-card{background:var(--ap-surface);border-radius:var(--radius-card);transition:var(--transition);box-shadow:var(--shadow-panel);align-items:center;gap:16px;padding:16px 20px;display:flex}.weapon-card:hover{transform:scale(1.02)}.weapon-card__rank{color:var(--ap-text-muted);text-align:center;width:24px;font-size:15px;font-weight:600}.weapon-card__icon{justify-content:center;align-items:center;width:70px;height:30px;display:flex}.weapon-card__icon img{object-fit:contain;max-width:100%;max-height:100%}:root .weapon-card__icon img{filter:invert();opacity:.9}.weapon-card__info{flex:1}.weapon-card__name{color:var(--ap-text);font-size:16px;font-weight:600}.weapon-card__type{color:var(--ap-text-muted);font-size:12px}.weapon-card__pct{color:var(--ap-text);font-size:18px;font-weight:600}.matches-section{background:var(--ap-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);padding:32px;overflow:hidden}.matches-section .section-title{margin-top:0;margin-bottom:24px}.matches-table-wrap{width:100%;overflow-x:auto}.matches-table{border-collapse:collapse;width:100%;font-size:14px}.matches-table th{text-align:left;color:var(--ap-text-muted);border-bottom:1px solid var(--ap-border);white-space:nowrap;padding:14px 16px;font-weight:500}.matches-table td{border-bottom:1px solid var(--ap-border);color:var(--ap-text);padding:16px}.matches-table tbody tr:hover{background:var(--ap-canvas)}.match-teams{font-size:15px;font-weight:600}.match-score{color:var(--ap-text);font-size:15px;font-weight:600}.match-map{color:var(--ap-text-muted);font-weight:500}.match-event{color:var(--ap-text-muted);font-weight:400}.match-agents{flex-wrap:wrap;gap:6px;display:flex}.match-agent-tag{background:var(--ap-canvas);color:var(--ap-text);border-radius:var(--radius-btn);padding:4px 10px;font-size:12px;font-weight:500}.map-btn{background-color:var(--ap-surface);color:#fff;cursor:pointer;transition:var(--transition);text-shadow:0 2px 4px #000c;text-align:center;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-width:110px;height:54px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.map-btn:before{content:"";transition:var(--transition);z-index:1;background-color:#00000059;position:absolute;inset:0}.map-btn:hover:before{background-color:#0003}.map-btn.active{border-color:var(--ap-action);color:var(--ap-action);box-shadow:0 0 16px #00e5c333}.map-btn.active:before{background-color:#000000b3}.map-btn span{z-index:2;letter-spacing:.05em;text-transform:uppercase;position:relative}.map-popup{z-index:99999;pointer-events:none;opacity:0;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:16px;width:360px;transition:opacity .18s,transform .18s;position:fixed;overflow:hidden;transform:translateY(8px)scale(.96);box-shadow:0 24px 60px #000000b3}.map-popup.visible{opacity:1;transform:translateY(0)scale(1)}.map-popup img{object-fit:contain;transform-origin:50%;width:100%;height:auto;transition:none;display:block}.map-popup-label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#000000d9;padding:10px 14px;font-size:13px;font-weight:700}.tourney-btn{background-color:var(--ap-surface);color:#fff;cursor:pointer;transition:var(--transition);text-align:center;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-width:160px;height:48px;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.tourney-btn:hover{background-color:var(--ap-surface-hover)}.tourney-btn.active{border-color:var(--ap-action);color:var(--ap-action);background-color:#00e5c31a}.tourney-btn span{z-index:2;letter-spacing:.05em;text-transform:uppercase;position:relative}.watch-btn,.vlr-btn{background:var(--ap-canvas);color:var(--ap-text);border-radius:var(--radius-btn);transition:var(--transition);justify-content:center;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.watch-btn:hover,.vlr-btn:hover{background:var(--ap-border)}.footer{background:var(--ap-canvas);border-top:1px solid var(--ap-border);text-align:center;width:100vw;color:var(--ap-text-muted);margin-top:48px;margin-left:-50vw;margin-right:-50vw;padding:40px 24px;font-size:12px;position:relative;left:50%;right:50%}.footer a{color:var(--ap-text);transition:var(--transition);font-weight:400;text-decoration:none}.footer a:hover{color:var(--ap-action);text-decoration:underline}.loading-overlay{text-align:center;padding:80px 0}.spinner{border:3px solid var(--ap-border);border-top-color:var(--ap-action);border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--ap-text-muted);font-size:14px;font-weight:500}.skeleton{background:var(--ap-canvas);border-radius:var(--radius-card);height:100px}@media (max-width:1024px){.top-left-controls{gap:12px}.top-controls{gap:8px}.top-left-controls span{display:none!important}}@media (max-width:768px){body{padding-top:68px!important}.top-left-controls,.top-controls{display:none}.stats-bar{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.agent-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container{padding:0 12px}.matches-table th,.matches-table td{padding:8px 6px;font-size:11px}}@media (max-width:480px){.stats-bar{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.agent-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px}.matches-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}
