:root{--apex-red: #e8001d;--apex-gold: #c8a84b;--apex-gold-bright: #f0c060;--apex-dark: #0a0a0c;--apex-surface: #111116;--apex-surface-2: #18181f;--apex-border: #2a2a35;--apex-border-bright: #3a3a48;--text-primary: #e8e8f0;--text-secondary: #8888a0;--text-dim: #555568;--green: #3ddc84;--green-dim: #1a5c38;--font-display: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}[data-theme=light]{--apex-dark: #f5f5f7;--apex-surface: #ffffff;--apex-surface-2: #fafafa;--apex-border: #d0d0d8;--apex-border-bright: #b0b0c0;--text-primary: #1a1a1f;--text-secondary: #5a5a6a;--text-dim: #8a8a98;--green-dim: #d0f0e0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--apex-dark);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;background-color:var(--apex-dark);background-image:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(232,0,29,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 30% at 80% 100%,rgba(200,168,75,.06) 0%,transparent 50%)}#root{width:100%}a{color:var(--apex-gold);text-decoration:none}a:hover{color:var(--apex-gold-bright)}.page{max-width:1200px;margin:0 auto;padding:0 1rem 4rem;position:relative}@media (min-width: 640px){.page{padding:0 1.5rem 4rem}}.lang-switcher{position:absolute;top:1rem;right:1rem;display:flex;gap:.25rem;z-index:10}.lang-btn{font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.3rem .6rem;border-radius:2px;border:1px solid var(--apex-border-bright);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.lang-btn:hover{border-color:var(--apex-gold);color:var(--apex-gold)}.lang-btn.active{background:var(--apex-gold);border-color:var(--apex-gold);color:var(--apex-dark)}.theme-switcher{font-size:1.2rem;padding:.3rem .6rem;border-radius:2px;border:1px solid var(--apex-border-bright);background:transparent;cursor:pointer;transition:all .15s;line-height:1}.theme-switcher:hover{border-color:var(--apex-gold);transform:scale(1.1)}.hero{text-align:center;padding:2.5rem 1rem 2rem;position:relative}.hero:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--apex-red),var(--apex-gold),var(--apex-red),transparent);margin-top:1.5rem;opacity:.6}.hero-status-indicator{position:absolute;top:1rem;left:1rem;z-index:5}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green),0 0 12px #3ddc8466;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-title{font-size:clamp(1.8rem,6vw,3.2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;position:relative;display:inline-block}.hero-title span{color:var(--apex-red);text-shadow:0 0 10px rgba(232,0,29,.5),0 0 20px rgba(232,0,29,.3),0 0 30px rgba(232,0,29,.2);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(232,0,29,.5),0 0 20px rgba(232,0,29,.3),0 0 30px rgba(232,0,29,.2)}to{text-shadow:0 0 20px rgba(232,0,29,.8),0 0 30px rgba(232,0,29,.5),0 0 40px rgba(232,0,29,.3),0 0 50px rgba(232,0,29,.2)}}.hero-subtitle{margin-top:.4rem;font-size:.8rem;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.hero-status{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .7rem;border-radius:2px;border:1px solid}.hero-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.hero-status.online{color:var(--green);border-color:var(--green-dim);background:#3ddc840f}.hero-status.offline{color:#ff6b6b;border-color:#5c1a1a;background:#e8001d0f}.search-section{max-width:680px;margin:1.5rem auto 0}.search-mode-row{display:flex;gap:.4rem;margin-bottom:.5rem}.mode-btn{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .75rem;border-radius:2px;border:1px solid var(--apex-border-bright);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.mode-btn:hover{border-color:var(--apex-red);color:var(--text-primary)}.mode-btn.active{background:var(--apex-red);border-color:var(--apex-red);color:#fff}.search-row{display:flex;gap:.5rem}.search-input{flex:1;min-width:0;padding:.7rem .9rem;font-size:1rem;font-family:var(--font-body);background:var(--apex-surface);border:1px solid var(--apex-border-bright);border-radius:2px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--apex-red);box-shadow:0 0 0 2px #e8001d26}.search-select{padding:.7rem .6rem;font-size:.88rem;font-family:var(--font-body);background:var(--apex-surface);border:1px solid var(--apex-border-bright);border-radius:2px;color:var(--text-primary);outline:none;cursor:pointer;min-width:80px}.search-select:focus{border-color:var(--apex-red)}.search-btn{padding:.7rem 1.2rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--apex-red);color:#fff;border:none;border-radius:2px;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap;flex-shrink:0}.search-btn:hover:not(:disabled){background:#ff1a35}.search-btn:active:not(:disabled){transform:scale(.98)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.hot-searches{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.hot-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-right:.15rem}.hot-chip-wrap{display:inline-flex;align-items:center;gap:.15rem}.hot-chip{font-size:.75rem;padding:.2rem .6rem;border-radius:2px;border:1px solid var(--apex-border-bright);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.3rem}.hot-chip:hover:not(:disabled){border-color:var(--apex-gold);color:var(--apex-gold)}.hot-chip:disabled{opacity:.4;cursor:not-allowed}.hot-chip-plat{font-size:.65rem;opacity:.6}.hot-chip-remove{width:16px;height:16px;padding:0;border:none;background:var(--apex-surface-2);color:var(--text-dim);border-radius:50%;cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}.hot-chip-remove:hover:not(:disabled){background:var(--apex-red);color:#fff}.hot-chip-remove:disabled{opacity:.3;cursor:not-allowed}.hot-clear{font-size:.7rem;padding:.2rem .5rem;border-radius:2px;border:1px solid var(--apex-border);background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.06em}.hot-clear:hover:not(:disabled){border-color:var(--apex-red);color:var(--apex-red)}.hot-clear:disabled{opacity:.3;cursor:not-allowed}.hot-refresh{font-size:1.1rem;padding:.2rem .5rem;border-radius:2px;border:1px solid var(--apex-border);background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s;line-height:1;display:inline-flex;align-items:center;justify-content:center}.hot-refresh:hover:not(:disabled){border-color:var(--apex-gold);color:var(--apex-gold);transform:rotate(180deg)}.hot-refresh:disabled{opacity:.3;cursor:not-allowed}.section-title{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:2rem 0 .75rem;display:flex;align-items:center;gap:.75rem}.section-title:after{content:"";flex:1;height:1px;background:var(--apex-border)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.player-result-grid{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--apex-surface);border:1px solid var(--apex-border);border-radius:3px;padding:1rem 1.25rem;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--apex-red),var(--apex-gold));opacity:.7}.card-title{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.85rem}.card-error{border-color:#e8001d66}.card-error:before{background:var(--apex-red)}.player-card{background:var(--apex-surface);border:1px solid var(--apex-border);border-radius:3px;overflow:hidden;grid-column:1 / -1}.player-topbar{background:linear-gradient(135deg,var(--apex-surface-2) 0%,rgba(232,0,29,.06) 100%);border-bottom:1px solid var(--apex-border);padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.player-topbar-left{display:flex;align-items:center;gap:.9rem;min-width:0}.player-avatar-lg{width:64px;height:64px;border-radius:2px;border:2px solid var(--apex-gold);object-fit:cover;flex-shrink:0;background:var(--apex-surface-2)}.avatar-fallback{width:64px;height:64px;border-radius:2px;border:2px solid var(--apex-gold);background:var(--apex-surface-2);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--apex-gold);flex-shrink:0}.player-identity-info{min-width:0}.player-name-row{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.player-name-lg{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:700;letter-spacing:.03em;color:var(--text-primary);line-height:1.1}.player-tag{font-size:.82rem;color:var(--apex-gold);letter-spacing:.04em}.prestige-badge{font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:2px;background:linear-gradient(135deg,var(--apex-gold),var(--apex-gold-bright));color:#000;letter-spacing:.06em}.player-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.meta-chip{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:2px;border:1px solid var(--apex-border-bright);color:var(--text-secondary)}.status-chip{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:2px;border:1px solid}.status-chip.online{color:var(--green);border-color:var(--green-dim)}.status-chip.ingame{color:var(--apex-gold);border-color:#5a4a20}.status-chip.offline{color:var(--text-dim);border-color:var(--apex-border)}.ban-chip{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:2px;border:1px solid var(--apex-red);color:var(--apex-red);background:#e8001d14}.level-bar-row{display:flex;align-items:center;gap:.4rem;margin-top:.4rem}.level-bar-wrap{width:80px;height:3px;background:var(--apex-border);border-radius:2px;overflow:hidden}.level-bar-fill{height:100%;background:linear-gradient(90deg,var(--apex-red),var(--apex-gold));border-radius:2px}.level-pct{font-size:.68rem;color:var(--text-dim)}.player-uid-text{font-size:.68rem;color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;align-self:flex-end}.player-body{padding:1rem 1.25rem 1.25rem}.ranks-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.block-label{font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.rank-block{background:var(--apex-surface-2);border:1px solid var(--apex-border);border-radius:2px;padding:.75rem .9rem}.rank-inner,.legend-inner{display:flex;align-items:center;gap:.75rem}.rank-img{width:48px;height:48px;object-fit:contain;flex-shrink:0}.rank-name{font-size:1.05rem;font-weight:700;letter-spacing:.03em;line-height:1.1}.rank-div{font-size:.85rem;opacity:.8}.rank-score{font-size:.78rem;color:var(--text-secondary);margin-top:.15rem}.rank-top{font-size:.72rem;color:var(--apex-gold);margin-top:.1rem}.legend-icon{width:48px;height:48px;object-fit:cover;border-radius:2px;border:1px solid var(--apex-border-bright);flex-shrink:0}.legend-icon-fallback{width:48px;height:48px;border-radius:2px;border:1px solid var(--apex-border-bright);background:var(--apex-surface-2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--apex-gold);flex-shrink:0}.legend-name{font-size:1.05rem;font-weight:700;letter-spacing:.03em;color:var(--text-primary)}.legend-frame{font-size:.75rem;color:var(--apex-gold);margin-top:.15rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.rarity-tag{font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .35rem;border-radius:2px}.rarity-legendary{background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3)}.rarity-epic{background:#a335ee26;color:#a335ee;border:1px solid rgba(163,53,238,.3)}.rarity-rare{background:#0070dd26;color:#0070dd;border:1px solid rgba(0,112,221,.3)}.rarity-common{background:#88888826;color:#888;border:1px solid rgba(136,136,136,.3)}.legend-intro{font-size:.72rem;color:var(--text-dim);font-style:italic;margin-top:.15rem}.trackers-block{border-top:1px solid var(--apex-border);padding-top:.85rem}.trackers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.tracker-item{background:var(--apex-surface-2);border:1px solid var(--apex-border);border-left:3px solid var(--apex-red);border-radius:2px;padding:.55rem .65rem}.tracker-name{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-value{font-size:1.2rem;font-weight:700;color:var(--apex-gold-bright);line-height:1}.tracker-rank{font-size:.65rem;color:var(--text-dim);margin-top:.15rem}.health-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-secondary);margin-bottom:.35rem}.health-row span:last-child{color:var(--text-primary)}.tile-timer{font-size:.78rem;color:var(--apex-gold);margin-top:.2rem}.tile-next-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:.3rem}.map-mode-block{padding-bottom:.65rem;margin-bottom:.65rem;border-bottom:1px solid var(--apex-border)}.map-mode-block:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.map-mode-label{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--apex-gold);margin-bottom:.2rem}.map-mode-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.pred-platform{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--apex-gold);margin-bottom:.35rem}.pred-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.15rem}.pred-row span:last-child{color:var(--text-primary);font-weight:500}.pred-block{padding-bottom:.65rem;margin-bottom:.65rem;border-bottom:1px solid var(--apex-border)}.pred-block:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.server-summary{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--apex-border)}.server-summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-summary-dot.up{background:var(--green);box-shadow:0 0 5px var(--green)}.server-summary-dot.down{background:var(--apex-red);box-shadow:0 0 5px var(--apex-red)}.server-summary-text{font-size:.82rem;color:var(--text-primary)}.server-group-details{margin-bottom:.4rem}.server-group-details:last-child{margin-bottom:0}.server-group-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.25rem 0;list-style:none;-webkit-user-select:none;user-select:none}.server-group-summary::-webkit-details-marker{display:none}.server-group-name{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--apex-gold)}.server-group-count{font-size:.68rem;color:var(--text-dim)}.server-group-body{padding:.35rem 0 .15rem .5rem}.server-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary);margin-bottom:.15rem}.server-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.server-dot.up{background:var(--green)}.server-dot.slow{background:gold}.server-dot.down{background:var(--apex-red)}.server-ping{margin-left:auto;font-size:.68rem;color:var(--text-dim)}.craft-block{padding-bottom:.65rem;margin-bottom:.65rem;border-bottom:1px solid var(--apex-border)}.craft-block:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.craft-type{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--apex-gold);margin-bottom:.35rem}.craft-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary);margin-bottom:.15rem}.craft-item-name{color:var(--text-primary)}.craft-item-cost{font-size:.72rem;color:var(--apex-gold)}.error-title{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ff6b6b;margin-bottom:.6rem}.error-message{font-size:.88rem;color:#faa;margin-bottom:.4rem}.error-suggestion{font-size:.78rem;color:var(--text-secondary)}.error-close{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:1px solid rgba(232,0,29,.4);color:#ff6b6b;padding:.3rem .7rem;border-radius:2px;cursor:pointer;transition:background .2s}.error-close:hover{background:#e8001d1a}.loading{display:flex;justify-content:center;align-items:center;padding:1.5rem}.spinner{width:24px;height:24px;border:2px solid var(--apex-border-bright);border-top-color:var(--apex-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-data{font-size:.82rem;color:var(--text-dim);text-align:center;padding:.75rem 0}.footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--apex-border);text-align:center;font-size:.75rem;color:var(--text-dim);line-height:1.8}.stats-viz{background:var(--apex-surface-2);border:1px solid var(--apex-border);border-radius:2px;padding:.9rem 1rem;margin-top:1rem}.stats-viz-title{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.75rem}.stats-viz-bars{display:flex;flex-direction:column;gap:.65rem}.stat-bar-item{display:flex;flex-direction:column;gap:.25rem}.stat-bar-header{display:flex;justify-content:space-between;align-items:center}.stat-bar-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.stat-bar-percent{font-size:.72rem;color:var(--apex-gold);font-weight:600}.stat-bar-track{height:6px;background:var(--apex-border);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--apex-surface)}::-webkit-scrollbar-thumb{background:var(--apex-border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7a6030}@media (max-width: 480px){.hero{padding:1.75rem .5rem 1.5rem}.hero-subtitle{display:none}.search-row{flex-wrap:wrap}.search-input{min-width:100%}.search-select,.search-btn{flex:1}.grid{grid-template-columns:1fr}.player-topbar{flex-direction:column;gap:.5rem}.player-uid-text{align-self:flex-start}.ranks-row{grid-template-columns:1fr}.trackers-grid{grid-template-columns:repeat(2,1fr)}.card{padding:.85rem 1rem}.player-body{padding:.85rem 1rem 1rem}}@media (max-width: 360px){.player-name-lg{font-size:1.1rem}.trackers-grid{grid-template-columns:1fr}}