@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg1: #0f0f16;--bg2: #15151e;--bg3: #1c1c28;--bg4: #232332;--gold: #d4a33e;--gold2: #e8b84a;--gold3: #7a5c1e;--gold-glow: rgba(212, 163, 62, .15);--text: #f0ece4;--text2: #a8a4a0;--text3: #6a6672;--text4: #3a3844;--border: rgba(240, 236, 228, .06);--border2: rgba(240, 236, 228, .12);--border3: rgba(240, 236, 228, .18);--green: #2ecc71;--green-dim: #1a7a42;--red: #e74c3c;--red-dim: #7a2d2d;--blue: #3498db;--blue-dim: #2a588a;--card-radius: 12px;--card-border: 1px solid var(--border);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}html{font-size:15px;scroll-behavior:smooth}body{background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono{font-family:JetBrains Mono,monospace}::selection{background:var(--gold);color:var(--bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text4)}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s ease infinite}.card{background:linear-gradient(135deg,var(--bg2) 0%,var(--bg3) 100%);border:var(--card-border);border-radius:var(--card-radius);padding:20px;transition:var(--transition)}.card:hover{border-color:var(--border2)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--gold3);box-shadow:0 0 20px var(--gold-glow);transform:translateY(-1px)}.label{font-size:.7rem;font-weight:700;letter-spacing:3px;color:var(--text3);text-transform:uppercase;display:block;margin-bottom:14px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead th{font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--text3);padding:10px 14px;text-align:left;border-bottom:1px solid var(--border2);white-space:nowrap;text-transform:uppercase}.data-table tbody tr{transition:var(--transition);cursor:pointer}.data-table tbody tr:hover{background:#d4a33e0a}.data-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border)}.tab-btn{padding:8px 16px;font-size:.75rem;font-weight:700;letter-spacing:2px;cursor:pointer;border-radius:6px;font-family:Inter,sans-serif;white-space:nowrap;transition:var(--transition);border:1px solid transparent;background:none;color:var(--text3)}.tab-btn:hover{color:var(--text2);background:#ffffff08}.tab-btn.active{color:var(--gold);border-color:#d4a33e4d;background:#d4a33e14}.select{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:.8rem;font-weight:600;padding:8px 30px 8px 12px;cursor:pointer;font-family:Inter,sans-serif;outline:none;transition:var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236a6672' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select:focus{border-color:var(--gold3);box-shadow:0 0 0 2px var(--gold-glow)}.select option{background:var(--bg2);color:var(--text)}.tier-s-plus{color:#d4a33e;border-color:#d4a33e}.tier-s{color:#b0964a;border-color:#b0964a}.tier-a{color:#2ecc71;border-color:#2ecc71}.tier-b{color:#3498db;border-color:#3498db}.tier-c{color:#6a6672;border-color:#6a6672}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;animation:fadeIn .2s ease}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,90vw);background:var(--bg1);border-left:1px solid var(--border2);z-index:901;overflow-y:auto;padding:32px;animation:slideIn .3s ease}.stat-card{background:var(--bg3);border-radius:8px;padding:12px 16px;border:1px solid var(--border)}.stat-card-label{font-size:.65rem;letter-spacing:2.5px;color:var(--text3);margin-bottom:4px;text-transform:uppercase}.stat-card-value{font-size:1.2rem;font-weight:700;font-family:JetBrains Mono,monospace}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--text3);font-size:.8rem;letter-spacing:3px;font-weight:600}@media (max-width: 768px){html{font-size:14px}.drawer{width:100vw}.card{padding:14px}.compare-arena-content{padding:20px 16px}.compare-players{grid-template-columns:1fr;gap:12px}.compare-player.right{flex-direction:row;text-align:left}.vs-badge{display:none}.compare-bottom{grid-template-columns:1fr}.stat-label{padding:0 8px;font-size:.6rem}.stat-value{min-width:42px;font-size:.85rem}}.post-card{width:1200px;height:675px;background:linear-gradient(145deg,#0a0a14,#0f0f1e 40%,#141428);position:relative;overflow:hidden;font-family:Inter,sans-serif;color:#f0ece4}.post-card-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(212,163,62,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,163,62,.03) 1px,transparent 1px);background-size:40px 40px}.compare-arena{position:relative;border-radius:16px;overflow:hidden;min-height:520px;background:linear-gradient(135deg,#0a0a14,#0f0f1e)}.compare-arena-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.compare-arena-bg:before,.compare-arena-bg:after{content:"";position:absolute;top:0;bottom:0;width:50%;filter:blur(80px) saturate(1.8);opacity:.15;transition:opacity .6s ease}.compare-arena-bg:before{left:0}.compare-arena-bg:after{right:0}.compare-arena-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1499,#0a0a14eb);z-index:1}.compare-arena-content{position:relative;z-index:2;padding:32px}.compare-header-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.compare-header-bar span{font-size:.7rem;font-weight:700;letter-spacing:4px;color:var(--text3);text-transform:uppercase}.compare-header-bar .dot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}.compare-players{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start;margin-bottom:28px}.compare-player{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:#ffffff08;border:1px solid var(--border);transition:var(--transition)}.compare-player:hover{border-color:var(--border2)}.compare-player.right{flex-direction:row-reverse;text-align:right}.player-photo-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.player-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(255,255,255,.12);position:relative;z-index:1;transition:all .3s ease}.player-photo-wrap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;z-index:0;opacity:.6;transition:opacity .3s ease}.compare-player:hover .player-photo-wrap:after{opacity:1}.player-photo-placeholder{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;letter-spacing:1px;border:2px solid rgba(255,255,255,.12);position:relative;z-index:1}.player-info .player-name{font-size:1.5rem;font-weight:900;letter-spacing:.5px;line-height:1.2}.player-info .player-meta{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;opacity:.9;margin-top:2px}.player-info .player-tier{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.7rem;letter-spacing:1px;font-weight:700;padding:3px 10px;border-radius:6px;font-family:JetBrains Mono,monospace}.vs-badge{display:flex;align-items:center;justify-content:center;width:68px;align-self:center}.vs-badge-inner{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;letter-spacing:3px;color:var(--text4);background:#ffffff08;border:1px solid var(--border2);position:relative}.vs-badge-inner:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid var(--border);animation:pulse 3s ease infinite}.compare-stats{display:flex;flex-direction:column;gap:6px}.stat-row{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-label{grid-column:2;font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--text3);text-align:center;text-transform:uppercase;padding:0 16px;white-space:nowrap}.stat-bar-left{display:flex;align-items:center;gap:12px;justify-content:flex-end}.stat-bar-right{display:flex;align-items:center;gap:12px}.stat-value{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;min-width:54px;transition:all .4s ease}.stat-value.left{text-align:right}.stat-value.right{text-align:left}.stat-value.winner{font-size:1.05rem;font-weight:800;text-shadow:0 0 12px currentColor}.stat-value.loser{opacity:.5}.bar-track{flex:1;height:8px;background:#ffffff0a;border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:4px;position:absolute;top:0;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.bar-fill.left{right:0;border-radius:4px 0 0 4px}.bar-fill.right{left:0;border-radius:0 4px 4px 0}.bar-fill.winner{box-shadow:0 0 12px currentColor;opacity:1}.bar-fill.loser{opacity:.3}.stat-row:nth-child(1) .bar-fill{transition-delay:0s}.stat-row:nth-child(2) .bar-fill{transition-delay:.06s}.stat-row:nth-child(3) .bar-fill{transition-delay:.12s}.stat-row:nth-child(4) .bar-fill{transition-delay:.18s}.stat-row:nth-child(5) .bar-fill{transition-delay:.24s}.stat-row:nth-child(6) .bar-fill{transition-delay:.3s}.stat-row:nth-child(7) .bar-fill{transition-delay:.36s}@keyframes barGrow{0%{width:0!important}}.bar-fill.animate{animation:barGrow .8s cubic-bezier(.34,1.56,.64,1) forwards}.compare-insights{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.insight-chip{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#ffffff08;border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text2);animation:fadeIn .4s ease both;transition:var(--transition)}.insight-chip:hover{background:#ffffff0f;border-color:var(--border2)}.insight-chip .insight-icon{font-size:1rem}.insight-chip .insight-name{font-weight:700}.insight-chip .insight-diff{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:4px}.insight-chip .insight-diff.positive{background:#2ecc711f;color:var(--green)}.insight-chip .insight-diff.negative{background:#e74c3c1f;color:var(--red)}.insight-chip:nth-child(1){animation-delay:.1s}.insight-chip:nth-child(2){animation-delay:.2s}.insight-chip:nth-child(3){animation-delay:.3s}.insight-chip:nth-child(4){animation-delay:.4s}.insight-chip:nth-child(5){animation-delay:.5s}.insight-chip:nth-child(6){animation-delay:.6s}.compare-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.post-card-v2{width:1200px;height:675px;position:relative;overflow:hidden;font-family:Inter,sans-serif;color:#f0ece4;background:#0a0a14}.post-card-v2 .post-bg-left,.post-card-v2 .post-bg-right{position:absolute;top:0;bottom:0;width:50%;filter:blur(60px) saturate(2);opacity:.12}.post-card-v2 .post-bg-left{left:0}.post-card-v2 .post-bg-right{right:0}.post-card-v2 .post-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1466,#0a0a14f2)}.post-card-v2 .post-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.post-card-v2 .post-top-bar{position:absolute;top:0;left:0;right:0;height:4px}.post-card-v2 .post-content{position:relative;z-index:5;padding:30px 44px;height:100%;display:flex;flex-direction:column}.profile-page{min-height:80vh}.profile-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:var(--bg2);border:1px solid var(--border2);color:var(--text3);font-size:.8rem;font-weight:700;letter-spacing:2px;cursor:pointer;font-family:Inter,sans-serif;transition:var(--transition);margin-bottom:20px}.profile-back-btn:hover{color:var(--text);border-color:var(--border3);background:var(--bg3)}.profile-hero{position:relative;border-radius:16px;overflow:hidden;min-height:260px;background:linear-gradient(135deg,#0a0a14,#0f0f1e);margin-bottom:24px}.profile-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.profile-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a144d,#0a0a14d9);z-index:1}.profile-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px;z-index:1}.profile-hero-accent{position:absolute;top:0;left:0;right:0;height:3px;z-index:4}.profile-hero-content{position:relative;z-index:2;padding:36px 40px;display:flex;align-items:center;gap:36px}.profile-hero-photo-area{flex-shrink:0}.profile-photo-frame{position:relative;width:140px;height:140px}.profile-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid rgba(255,255,255,.15);position:relative;z-index:1;transition:all .3s ease}.profile-photo-frame:hover .profile-photo{border-color:#ffffff40;transform:scale(1.02)}.profile-photo-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;z-index:0;opacity:.7;transition:opacity .3s ease}.profile-photo-frame:hover .profile-photo-glow{opacity:1}.profile-photo-placeholder-lg{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:900;letter-spacing:2px;border:3px solid;flex-shrink:0}.team-hero{min-height:300px}.team-hero-photo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.team-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 30%}.team-hero-photo-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a1466,#0a0a14eb 70%,#0a0a14)}.team-hero-content{align-items:flex-end;padding-top:80px!important}.team-hero-logo-area{flex-shrink:0}.team-hero-logo{width:100px;height:100px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;letter-spacing:2px;border:2px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-hero-info{flex:1;min-width:0}.profile-hero-top-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.profile-tier-badge-lg{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.1rem;font-weight:900;letter-spacing:1px;border:2px solid;font-family:JetBrains Mono,monospace}.profile-rating-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:var(--bg3);border:1px solid}.profile-name{font-size:2.4rem;font-weight:900;letter-spacing:1px;color:var(--text);margin:4px 0 8px;line-height:1.1}.profile-meta{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;letter-spacing:1px;flex-wrap:wrap}.profile-team-link{cursor:pointer;font-weight:700;transition:var(--transition)}.profile-team-link:hover{opacity:.8;text-decoration:underline}.profile-divider{color:var(--text4);font-weight:400}.profile-hero-quick-stats{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.profile-quick-stat{display:flex;flex-direction:column;gap:2px;padding:8px 16px;background:#ffffff0a;border-radius:8px;border:1px solid var(--border)}.profile-quick-label{font-size:.6rem;font-weight:700;letter-spacing:2px;color:var(--text4);text-transform:uppercase}.profile-quick-value{font-size:1.2rem;font-weight:800;color:var(--text)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-col{display:flex;flex-direction:column;gap:20px}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat-rows{display:flex;flex-direction:column;gap:0}.profile-stat-row-item{padding:10px 0;border-bottom:1px solid var(--border)}.profile-stat-row-item:last-child{border-bottom:none;padding-bottom:0}.profile-stat-row-item:first-child{padding-top:0}.profile-stat-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.profile-stat-row-label{font-size:.65rem;font-weight:700;letter-spacing:2px;color:var(--text3);text-transform:uppercase}.profile-stat-row-rank{font-size:.65rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:1px}.profile-stat-row-main{display:flex;align-items:center;gap:12px}.profile-stat-row-value{font-size:1.05rem;font-weight:800;min-width:72px}.profile-stat-row-bar{flex:1;height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.profile-stat-row-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.profile-champ-tag{background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:6px 14px;font-size:.85rem;color:var(--text2);font-weight:500;transition:var(--transition)}.profile-champ-tag:hover{border-color:var(--border3);background:var(--bg4)}.profile-roster-list{display:flex;flex-direction:column}.profile-roster-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.profile-roster-row:last-child{border-bottom:none}.profile-roster-row:hover{background:#d4a33e0a;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:8px}.profile-rank-num{width:28px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:800;text-align:center;flex-shrink:0}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}.profile-hero-content{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.profile-name{font-size:1.8rem}.profile-photo-frame,.profile-photo,.profile-photo-placeholder-lg{width:100px;height:100px}.profile-photo-placeholder-lg{font-size:1.8rem}.team-hero-logo{width:72px;height:72px;font-size:1.3rem}.team-hero-content{padding-top:40px!important}.profile-hero-quick-stats{gap:10px}.profile-quick-stat{padding:6px 12px}.compare-bottom{grid-template-columns:1fr}}@media (max-width: 600px){.profile-hero-quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-stats-grid{grid-template-columns:1fr}.tier-player-stats{display:none}}@media (max-width: 480px){.compare-arena-content{padding:14px 12px}.player-name{font-size:1.1rem!important}.stat-bar-left,.stat-bar-right{gap:6px}.profile-name{font-size:1.5rem!important}.profile-hero-content{padding:16px!important;gap:14px!important}.compare-vs-text{display:none}.times-team-name{font-size:1.3rem}.team-stats-grid{grid-template-columns:repeat(2,1fr)}}.liga-main-grid{grid-template-columns:clamp(260px,30%,340px) 1fr}@media (max-width: 900px){.liga-main-grid{grid-template-columns:1fr}}.times-team-name{font-size:1.8rem}.team-stats-grid{grid-template-columns:repeat(6,1fr)}@media (max-width: 768px){.team-stats-grid{grid-template-columns:repeat(3,1fr)}}.h2h-grid{grid-template-columns:repeat(4,1fr)}.compare-vs-text{display:flex}@media (max-width: 768px){.h2h-grid{grid-template-columns:repeat(2,1fr)}}