:root{--bg:#0a0e14;--bg2:#0d1117;--card:#161b22;--border:#1a2332;--gold:#c89b3c;--gold-dark:#a67c2e;--text:#c9d1d9;--text-bright:#e6edf3;--muted:#555;--green:#3fb950;--red:#f85149;--yellow:#d29922}[data-theme=light]{--bg:#f5f5f5;--bg2:#fff;--card:#fff;--border:#e0e0e0;--text:#333;--text-bright:#111;--muted:#888}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif;transition:background .3s,color .3s}.sidebar{background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:220px;height:100vh;padding:20px 0;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar .logo{text-align:center;border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:2px;margin-bottom:12px;padding:10px 20px 20px;display:flex}.sidebar .logo h1{color:var(--gold);letter-spacing:2px;font-size:20px}.sidebar .logo span{color:var(--muted);font-size:11px;display:block}.sidebar .logo .logo-icon{color:var(--gold);margin-bottom:4px}.sidebar nav{flex:1;overflow-y:auto}.sidebar nav a{color:#666;align-items:center;gap:10px;padding:11px 24px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:var(--gold);border-right:2px solid var(--gold);background:#c89b3c14}.sidebar nav a .nav-icon{flex-shrink:0}.sidebar-user{border-top:1px solid var(--border);padding:12px 16px}.sidebar-user-info{color:var(--text-bright);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.sidebar-email{color:var(--muted);margin-bottom:8px;padding-left:20px;font-size:10px}.sidebar-logout{color:#f85149;cursor:pointer;background:#f851491a;border:1px solid #f851494d;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px;font-size:12px;display:flex}.sidebar-toggle{z-index:101;background:var(--card);border:1px solid var(--border);color:var(--gold);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:left .3s;display:flex;position:fixed;top:12px}.sidebar-overlay,.mobile-menu-btn{display:none}.main{min-height:100vh;margin-left:220px;padding:24px 32px}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-bar input,.search-bar select{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border .2s}.search-bar input:focus{border-color:var(--gold)}.search-bar button{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#0a0e14;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600}.search-bar button:disabled{opacity:.5;cursor:not-allowed}.player-header{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:28px;padding:20px;display:flex}.player-avatar{background:linear-gradient(135deg, var(--gold), #785a28);color:#0a0e14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.player-info h2{color:var(--text-bright);font-size:22px}.player-info h2 span{color:var(--muted);font-size:14px;font-weight:400}.player-meta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.tag{background:var(--border);border-radius:20px;padding:4px 12px;font-size:12px}.tag.rank{color:var(--gold);border:1px solid #c89b3c4d}.tag.wr{color:var(--green)}.tag.games{color:#8b949e}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:28px;display:grid}.kpi{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px;position:relative;overflow:hidden}.kpi .value{color:var(--text-bright);font-size:26px;font-weight:700}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px}.kpi .trend{margin-top:6px;font-size:11px}.kpi .trend.up{color:var(--green)}.kpi .trend.down{color:var(--red)}.kpi .sparkline{opacity:.3;height:30px;position:absolute;bottom:0;left:0;right:0}.grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.card h3{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px}.match{border-radius:8px;align-items:center;gap:14px;margin-bottom:6px;padding:10px;display:flex}.match.win{border-left:3px solid var(--green);background:#3fb9500f}.match.loss{border-left:3px solid var(--red);background:#f851490f}.match .result{width:36px;font-size:11px;font-weight:700}.match .w{color:var(--green)}.match .l{color:var(--red)}.match .champ-cell{align-items:center;gap:8px;width:120px;display:flex}.match .champ-img{border-radius:6px;width:28px;height:28px}.match .champ{color:var(--text-bright);font-size:13px}.match .kda{width:90px;font-size:13px}.match .cs{color:var(--muted);width:70px;font-size:12px}.match .time{color:var(--muted);font-size:12px}.ai-box{background:linear-gradient(135deg,#c89b3c0d,#c89b3c05);border:1px solid #c89b3c33;border-radius:12px;margin-bottom:28px;padding:24px}.ai-box h3{color:var(--gold);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;display:flex}.ai-box .content{color:#8b949e;font-size:13px;line-height:1.8}.ai-box .content strong{color:var(--text-bright)}.ai-box .content ul,.ai-box .content ol{margin:8px 0;padding-left:20px}.ai-box .content li{margin:4px 0}.ai-box .content h1,.ai-box .content h2,.ai-box .content h3,.ai-box .content h4{color:var(--gold);margin:12px 0 6px;font-size:14px}.ai-actions{gap:10px;margin-top:16px;display:flex}.ai-actions button{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12px}.ai-actions button:hover{border-color:var(--gold);color:var(--gold)}.chart-container{height:220px;position:relative}.page-title{color:var(--text-bright);margin-bottom:24px;font-size:24px}.page-title span{color:var(--gold)}.stat-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;padding:10px 0;font-size:13px;transition:background .2s;display:flex}.stat-row:hover{background:#c89b3c0a}.chat-container{flex-direction:column;height:calc(100vh - 120px);display:flex}.chat-messages{flex:1;padding:10px 0;overflow-y:auto}.chat-msg{gap:12px;margin-bottom:16px;display:flex}.chat-msg.user{flex-direction:row-reverse}.chat-bubble{border-radius:12px;max-width:70%;padding:12px 16px;font-size:13px;line-height:1.6}.chat-bubble strong{color:var(--text-bright)}.chat-bubble ul,.chat-bubble ol{margin:6px 0;padding-left:18px}.chat-msg.bot .chat-bubble{background:var(--card);border:1px solid var(--border)}.chat-msg.user .chat-bubble{background:#c89b3c26;border:1px solid #c89b3c4d}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.chat-msg.bot .chat-avatar{background:var(--border)}.chat-msg.user .chat-avatar{background:#c89b3c33}.chat-input{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:flex}.chat-input input{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:14px 16px;font-size:14px}.chat-input input:focus{border-color:var(--gold)}.chat-input button{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#0a0e14;cursor:pointer;border:none;border-radius:10px;padding:14px 24px;font-weight:600}.suggested-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .2s}.chip:hover{border-color:var(--gold);color:var(--gold)}.loading{text-align:center;color:var(--gold);padding:40px;font-size:16px}.error{text-align:center;color:var(--red);background:#f8514914;border-radius:8px;margin-bottom:20px;padding:20px}.empty{text-align:center;color:var(--muted);padding:60px}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #c89b3c14 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-kpi{height:90px}.skeleton-chart{height:220px}.skeleton-match{height:44px;margin-bottom:6px}.skeleton-text{width:80%;height:16px;margin-bottom:8px}.goal-item{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:16px}.goal-bar{background:var(--border);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.goal-fill{background:linear-gradient(90deg, var(--gold), var(--gold-dark));border-radius:4px;height:100%;transition:width .5s}.wr-bar{background:var(--border);border-radius:3px;width:80px;height:6px;display:inline-block;position:relative;overflow:hidden}.wr-fill{border-radius:3px;height:100%;position:absolute;top:0;left:0}.heatmap{flex-wrap:wrap;gap:3px;display:flex}.heatmap-cell{border-radius:2px;width:14px;height:14px}.date-filter{gap:8px;margin-bottom:20px;display:flex}.date-filter button{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:12px}.date-filter button.active,.date-filter button:hover{border-color:var(--gold);color:var(--gold)}@media (width<=1024px){.grid-3{grid-template-columns:1fr 1fr}.kpi-row{grid-template-columns:repeat(3,1fr)}.main{padding:20px 24px}}@media (width<=768px){.sidebar{z-index:200;transform:translate(-220px)!important}.sidebar.open{transform:translate(0)!important}.sidebar-toggle{display:none}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:block;position:fixed;inset:0}.mobile-menu-btn{z-index:150;background:var(--card);border:1px solid var(--border);color:var(--gold);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:fixed;top:12px;left:12px}.main{padding:60px 16px 24px;margin-left:0!important}.grid-2,.grid-3{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}.player-header{text-align:center;flex-direction:column}.search-bar{flex-direction:column}.search-bar input,.search-bar select,.search-bar button{width:100%}.match{flex-wrap:wrap;gap:8px}.chat-bubble{max-width:90%}.compare-inputs{flex-direction:column}.compare-headers{flex-direction:column;gap:12px}.compare-vs{font-size:18px}.compare-stat-row{font-size:13px}.compare-label{width:100px;font-size:10px}.role-grid{grid-template-columns:1fr}.role-stats{grid-template-columns:repeat(2,1fr)}.role-best-banner{text-align:center;flex-direction:column}.tierlist-row{flex-direction:column;align-items:flex-start;gap:12px}.tierlist-tier{width:auto}.tierlist-champs{gap:8px}.share-card{width:100%;max-width:100%}.share-card-stats{grid-template-columns:repeat(2,1fr)}.share-actions{flex-direction:column}.page-title{font-size:20px}}@media (width<=480px){.kpi-row{grid-template-columns:1fr 1fr;gap:8px}.kpi .value{font-size:20px}.kpi{padding:12px}.card{padding:14px}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.compare-stat-row{text-align:center;flex-direction:column;gap:4px}.compare-val{text-align:center!important}}.mobile-toggle{display:none}.error-boundary{text-align:center;padding:40px}.error-boundary h2{color:var(--red);margin-bottom:12px}.error-boundary button{background:var(--gold);color:#0a0e14;cursor:pointer;border:none;border-radius:8px;margin-top:12px;padding:10px 20px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border);left:auto;right:0}[dir=rtl] .sidebar nav a:hover,[dir=rtl] .sidebar nav a.active{border-right:none;border-left:2px solid var(--gold)}[dir=rtl] .main{margin-left:0;margin-right:220px}[dir=rtl] .match.win{border-left:none;border-right:3px solid var(--green)}[dir=rtl] .match.loss{border-left:none;border-right:3px solid var(--red)}[dir=rtl] .search-bar,[dir=rtl] .player-header{direction:rtl}[dir=rtl] .ai-box,[dir=rtl] .card,[dir=rtl] .kpi,[dir=rtl] .goal-item{text-align:right;direction:rtl}[dir=rtl] .chat-msg.user{flex-direction:row}[dir=rtl] .chat-msg.bot{flex-direction:row-reverse}[dir=rtl] .chat-input,[dir=rtl] .stat-row{direction:rtl}[dir=rtl] .goal-fill{left:auto;right:0}@media (width<=768px){[dir=rtl] .sidebar{transform:translate(220px)!important}[dir=rtl] .sidebar.open{transform:translate(0)!important}[dir=rtl] .main{margin-right:0!important}[dir=rtl] .mobile-menu-btn{left:auto;right:12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.btn-gold,.btn-primary,.btn-secondary,.ai-actions button{align-items:center;gap:6px;display:inline-flex}.page-title{align-items:center;gap:10px;display:flex}.landing{background:#0a0e14;min-height:100vh;overflow-x:hidden}.landing .gold{color:var(--gold)}.landing-lang{z-index:100;gap:6px;display:flex;position:fixed;top:16px;right:24px}.landing-lang button{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:6px 10px;font-size:14px;transition:all .2s}.landing-lang button.active{background:#c89b3c33;border-color:#c89b3c}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 40px;display:flex;position:relative}.landing-hero-bg{pointer-events:none;background:radial-gradient(at 50% 30%,#c89b3c12 0%,#0000 60%),radial-gradient(at 50% 80%,#3fb9500a 0%,#0000 50%);position:absolute;inset:0}.landing-hero-center{flex-direction:column;align-items:center;max-width:680px;display:flex;position:relative}.landing-badge{color:var(--gold);letter-spacing:.5px;background:#c89b3c1a;border:1px solid #c89b3c4d;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;display:inline-block}.landing-hero-center h1{color:#e6edf3;letter-spacing:-1px;margin-bottom:16px;font-size:56px;line-height:1.1}.landing-subtitle{color:#8b949e;margin-bottom:8px;font-size:18px}.landing-desc{color:#555;max-width:500px;margin-bottom:32px;font-size:15px;line-height:1.7}.landing-cta{gap:14px;margin-bottom:48px;display:flex}.btn-primary{color:#0a0e14;cursor:pointer;background:linear-gradient(135deg,#c89b3c,#a67c2e);border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c89b3c59}.btn-secondary{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;padding:14px 28px;font-size:15px;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-gold{color:#0a0e14;cursor:pointer;background:linear-gradient(135deg,#c89b3c,#a67c2e);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600}.hero-card{background:#161b22;border:1px solid #1a2332;border-radius:16px;width:100%;max-width:400px;padding:24px 28px;box-shadow:0 20px 60px #00000080,0 0 40px #c89b3c0a}.hero-card-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.hero-avatar{background:linear-gradient(135deg,#c89b3c,#785a28);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.hero-name{color:#e6edf3;font-size:15px;font-weight:700}.hero-rank{color:#b9f2ff;font-size:12px}.hero-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.hero-stat{text-align:center;background:#00000040;border-radius:8px;padding:10px 4px}.hero-stat-value{color:#e6edf3;font-size:18px;font-weight:700;display:block}.hero-stat-label{color:#555;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.hero-ai-msg{color:#8b949e;text-align:left;background:#c89b3c14;border:1px solid #c89b3c33;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.landing-scroll-indicator{flex-direction:column;align-items:center;gap:6px;animation:1s 1.5s both fadeInUp;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.landing-scroll-indicator span{color:#555;letter-spacing:1px;text-transform:uppercase;font-size:12px}.scroll-arrow{color:var(--gold);font-size:20px;animation:2s infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.landing-stats-bar{background:#0d1117;border-top:1px solid #1a2332;border-bottom:1px solid #1a2332;justify-content:center;gap:60px;padding:48px 24px;display:flex}.landing-stat{text-align:center}.landing-stat-value{color:var(--gold);font-size:36px;font-weight:700}.landing-stat-label{color:#555;margin-top:4px;font-size:13px}.landing-features{text-align:center;max-width:1100px;margin:0 auto;padding:80px 24px}.landing-features h2{color:#e6edf3;margin-bottom:8px;font-size:32px}.landing-section-sub{color:#555;margin-bottom:48px;font-size:14px}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing-feature-card{text-align:left;background:#161b22;border:1px solid #1a2332;border-radius:14px;padding:28px 24px;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-feature-card:hover{border-color:#c89b3c59;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.landing-feature-icon{color:var(--gold);margin-bottom:14px;font-size:28px}.landing-feature-card h3{color:#e6edf3;margin-bottom:8px;font-size:16px}.landing-feature-card p{color:#555;font-size:13px;line-height:1.6}.landing-how{text-align:center;background:#0d1117;padding:80px 24px}.landing-how h2{color:#e6edf3;margin-bottom:8px;font-size:32px}.landing-steps{justify-content:center;align-items:center;gap:0;margin-top:48px;display:flex}.landing-step{text-align:center;max-width:220px;padding:0 16px}.step-number{color:#0a0e14;background:linear-gradient(135deg,#c89b3c,#a67c2e);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 16px #c89b3c4d}.landing-step h3{color:#e6edf3;margin-bottom:8px;font-size:15px}.landing-step p{color:#555;font-size:13px;line-height:1.5}.landing-step-connector{background:linear-gradient(90deg, var(--gold), #c89b3c33);border-radius:1px;flex-shrink:0;width:48px;height:2px;margin-bottom:20px}.landing-final-cta{text-align:center;padding:80px 24px}.landing-final-cta h2{color:#e6edf3;margin-bottom:12px;font-size:30px}.landing-final-cta p{color:#555;margin-bottom:28px;font-size:15px}.landing-footer{text-align:center;color:#555;border-top:1px solid #1a2332;padding:28px 24px;font-size:12px}@media (width<=900px){.landing-hero{min-height:100vh;padding:60px 20px 40px}.landing-hero-center h1{font-size:38px}.landing-cta{flex-direction:column;align-items:center;width:100%}.landing-cta button{width:100%;max-width:280px}.hero-card{max-width:320px}.landing-stats-bar{flex-wrap:wrap;gap:24px;padding:32px 24px}.landing-features{padding:48px 20px}.landing-features-grid{grid-template-columns:1fr}.landing-how{padding:48px 20px}.landing-steps{flex-direction:column;gap:20px}.landing-step-connector{background:linear-gradient(180deg, var(--gold), #c89b3c33);width:2px;height:24px}}.compare-form{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:28px;padding:24px}.compare-inputs{align-items:center;gap:20px;margin-bottom:16px;display:flex}.compare-player-input{flex:1}.compare-player-input label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;display:block}.compare-player-input input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.compare-player-input input:focus{border-color:var(--gold)}.compare-vs{color:var(--gold);flex-shrink:0;font-size:24px;font-weight:700}.compare-result{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compare-headers{justify-content:space-around;align-items:center;gap:20px;margin-bottom:28px;display:flex}.compare-player-card{text-align:center}.compare-player-card h3{color:var(--text-bright);margin-top:10px;font-size:18px}.compare-player-card h3 span{color:var(--muted);font-size:12px;font-weight:400}.compare-rank{margin-top:4px;font-size:13px}.compare-avatar{width:72px;height:72px;color:var(--gold);background:var(--border);border:3px solid;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:24px;font-weight:700;display:flex;overflow:hidden}.compare-avatar img{object-fit:cover;width:100%;height:100%}.compare-vs-badge{color:var(--gold);font-size:28px;font-weight:800}.compare-stats-card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:28px;padding:20px}.compare-stat-row{border-bottom:1px solid var(--border);align-items:center;padding:10px 0;display:flex}.compare-stat-row:last-child{border-bottom:none}.compare-val{color:var(--text);flex:1;font-size:16px;font-weight:600}.compare-val:last-child{text-align:right}.compare-val.winner{color:var(--green)}.compare-label{text-align:center;width:140px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.compare-verdict{text-align:center;background:linear-gradient(135deg,#c89b3c0d,#c89b3c05);border:1px solid #c89b3c33;border-radius:12px;padding:24px}.verdict-score{color:var(--gold);margin-bottom:8px;font-size:36px;font-weight:800;display:block}.verdict-content p{color:var(--text);font-size:15px}@media (width<=768px){.compare-inputs,.compare-headers{flex-direction:column}}.live-player-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.live-player-row:last-child{border-bottom:none}.live-champ-img{border-radius:8px;width:36px;height:36px}.live-player-info{flex-direction:column;display:flex}.live-player-name{color:var(--text-bright);font-size:13px;font-weight:600}.live-player-champ{color:var(--muted);font-size:11px}.role-best-banner{background:linear-gradient(135deg,#c89b3c14,#c89b3c05);border:1px solid #c89b3c40;border-radius:12px;align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;display:flex}.role-best-banner h3{color:var(--text-bright);font-size:16px}.role-best-icon{font-size:36px}.role-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.role-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.role-card.role-best{border-color:#c89b3c66;box-shadow:0 0 20px #c89b3c0d}.role-card-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.role-icon{font-size:24px}.role-card-header h3{color:var(--text-bright);font-size:15px}.role-games{color:var(--muted);font-size:11px}.role-badge{color:var(--gold);background:#c89b3c26;border-radius:12px;margin-left:auto;padding:3px 10px;font-size:10px;font-weight:700}.role-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.role-stat{text-align:center}.role-stat-value{color:var(--text-bright);font-size:16px;font-weight:700;display:block}.role-stat-label{color:var(--muted);text-transform:uppercase;font-size:10px;display:block}.tierlist-container{flex-direction:column;gap:12px;display:flex}.tierlist-row{border:1px solid;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.tierlist-tier{text-align:center;flex-shrink:0;width:48px;font-size:32px;font-weight:800}.tierlist-champs{flex-wrap:wrap;flex:1;gap:12px;display:flex}.tierlist-champ{background:#0003;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.tierlist-champ-info{flex-direction:column;display:flex}.tierlist-champ-name{color:var(--text-bright);font-size:13px;font-weight:600}.tierlist-champ-stats{color:var(--muted);font-size:11px}.tierlist-legend{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:20px}.tierlist-legend h4{color:var(--gold);margin-bottom:8px;font-size:13px}.tierlist-legend p{color:var(--muted);font-size:12px}.share-card-wrapper{justify-content:center;margin-bottom:24px;display:flex}.share-card{border:1px solid var(--border);background:linear-gradient(135deg,#0d1117,#161b22);border-radius:16px;width:560px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.share-card-bg{background:radial-gradient(circle at 80% 20%,#c89b3c14 0%,#0000 40%);position:absolute;inset:0}.share-card-content{padding:28px;position:relative}.share-card-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.share-card-avatar{border:2px solid var(--rank-color,var(--gold));border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.share-card-avatar img{object-fit:cover;width:100%;height:100%}.share-card-avatar span{background:var(--border);width:100%;height:100%;color:var(--gold);justify-content:center;align-items:center;font-weight:700;display:flex}.share-card-header h2{color:var(--text-bright);font-size:20px}.share-card-logo{color:var(--gold);margin-left:auto;font-size:14px;font-weight:700}.share-card-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.share-stat{text-align:center;background:#0000004d;border-radius:10px;padding:14px 8px}.share-stat-value{color:var(--text-bright);font-size:20px;font-weight:700;display:block}.share-stat-label{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.share-card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.share-best-champ{flex-direction:column;gap:2px;display:flex}.share-streak{color:var(--gold);font-size:13px;font-weight:600}.share-actions{justify-content:center;gap:12px;display:flex}.goal-item.goal-achieved{background:#3fb95008;border-color:#3fb9504d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#333}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-col{flex-direction:column;gap:20px;display:flex}.settings-lang-list{flex-direction:column;gap:6px;display:flex}.settings-lang-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.settings-lang-btn.active{color:#c89b3c;background:#c89b3c1a;border-color:#c89b3c66}.settings-check{color:var(--green);font-size:16px}.settings-theme-row{gap:12px;display:flex}.settings-theme-btn{cursor:pointer;text-align:center;background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:10px;flex:1;padding:16px;transition:all .2s}.settings-theme-btn.active{color:#c89b3c;background:#c89b3c1a;border:2px solid #c89b3c}.settings-theme-icon{margin-bottom:6px;font-size:28px}.settings-theme-label{font-size:13px;font-weight:600}.settings-form{flex-direction:column;gap:12px;display:flex}.settings-field{flex-direction:column;gap:4px;display:flex}.settings-field label{color:var(--muted);font-size:12px}.settings-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.settings-input:focus{border-color:var(--gold)}.settings-input-disabled{background:var(--border);width:100%;color:var(--muted);cursor:not-allowed;border-radius:8px;padding:10px 14px;font-size:14px}.settings-hint{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.settings-otp-input{text-align:center;letter-spacing:8px;font-size:22px;font-weight:700}.settings-save-btn{width:100%;padding:12px;font-size:14px}.settings-action-btn{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;transition:border-color .2s;display:flex}.settings-action-btn:hover{border-color:var(--gold);color:var(--gold)}.settings-danger{border-color:#f851494d}.settings-danger h3{color:var(--red)}.settings-warning{color:var(--red);background:#f8514914;border:1px solid #f8514933;border-radius:8px;gap:10px;padding:12px;font-size:12px;line-height:1.5;display:flex}.settings-warning p{flex:1}.settings-delete-btn{color:#f85149;cursor:pointer;background:#f851491a;border:1px solid #f851494d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;display:flex}.settings-delete-confirm{background:#f8514933}.settings-cancel-btn{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;border-radius:8px;padding:10px;font-size:13px}.settings-logout-btn{color:#f85149;cursor:pointer;background:#f851491a;border:1px solid #f851494d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;display:flex}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}.legal-page{background:var(--bg);min-height:100vh;padding:24px}.legal-back{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px;font-size:13px;display:inline-flex}.legal-back:hover{border-color:var(--gold);color:var(--gold)}.legal-content{max-width:720px;margin:0 auto}.legal-content h1{color:var(--text-bright);align-items:center;gap:12px;margin-bottom:8px;font-size:28px;display:flex}.legal-content h2{color:var(--gold);margin:28px 0 8px;font-size:16px}.legal-content p{color:var(--text);margin-bottom:12px;font-size:14px;line-height:1.7}.legal-content ul{margin-bottom:12px;padding-left:20px}.legal-content li{color:var(--text);margin-bottom:6px;font-size:14px;line-height:1.7}.legal-content strong{color:var(--text-bright)}.legal-updated{color:var(--muted);margin-bottom:24px;font-size:12px}.landing-footer-links{justify-content:center;gap:12px;margin-top:8px;display:flex}.landing-footer-links button{color:#8b949e;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.landing-footer-links button:hover{color:var(--gold)}.landing-footer-links span{color:#555}@media (width<=768px){.chat-container{height:calc(100vh - 80px)}.chat-input{flex-direction:column}.chat-input input,.chat-input button{width:100%}.suggested-chips{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.chip{white-space:nowrap;flex-shrink:0}}.pricing-status{color:var(--text);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.pricing-badge{letter-spacing:1px;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:700}.pricing-badge.free{background:var(--border);color:var(--muted)}.pricing-badge.pro{color:var(--gold);background:#c89b3c26;border:1px solid #c89b3c4d}.pricing-usage{color:var(--muted);font-size:12px}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:800px;display:grid}.pricing-card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:32px 28px;display:flex;position:relative}.pricing-card.pro{border-color:#c89b3c66;box-shadow:0 0 30px #c89b3c0d}.pricing-card.current{border-color:var(--green)}.pricing-popular{color:#0a0e14;white-space:nowrap;background:linear-gradient(135deg,#c89b3c,#a67c2e);border-radius:12px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:24px}.pricing-card-header h3{color:var(--text-bright);align-items:center;gap:6px;margin-bottom:8px;font-size:20px;display:flex}.pricing-price{align-items:baseline;gap:2px;margin-bottom:4px;display:flex}.pricing-amount{color:var(--text-bright);font-size:36px;font-weight:800}.pricing-period{color:var(--muted);font-size:14px}.pricing-annual{color:var(--gold);margin-bottom:8px;font-size:12px}.pricing-card-desc{color:var(--muted);font-size:13px}.pricing-features{flex:1;margin-bottom:24px;padding:0;list-style:none}.pricing-features li{color:var(--text);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.pricing-features li.disabled{color:var(--muted);opacity:.5}.pricing-check{color:var(--green);flex-shrink:0}.pricing-x{color:var(--red);opacity:.5;flex-shrink:0}.pricing-card-footer{margin-top:auto}.pricing-current-label{text-align:center;color:var(--green);background:#3fb95014;border-radius:8px;padding:12px;font-size:12px;font-weight:600;display:block}.pricing-upgrade-btn{color:#0a0e14;cursor:pointer;background:linear-gradient(135deg,#c89b3c,#a67c2e);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.pricing-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c89b3c4d}.pricing-manage-btn{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;display:flex}.pricing-manage-btn:hover{border-color:var(--gold);color:var(--gold)}.pricing-legal{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:32px;padding:20px}.pricing-legal p{color:var(--muted);margin-bottom:4px;font-size:12px;line-height:1.6}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}}.landing-pricing{text-align:center;padding:80px 24px}.landing-pricing h2{color:#e6edf3;margin-bottom:8px;font-size:32px}.landing-pricing-cards{justify-content:center;gap:24px;max-width:700px;margin-top:40px;margin-left:auto;margin-right:auto;display:flex}.landing-price-card{text-align:left;background:#161b22;border:1px solid #1a2332;border-radius:16px;flex:1;padding:32px 28px;position:relative}.landing-price-card.pro{border-color:#c89b3c66;box-shadow:0 0 30px #c89b3c0f}.landing-price-badge{color:#0a0e14;background:linear-gradient(135deg,#c89b3c,#a67c2e);border-radius:10px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:16px}.landing-price-card h3{color:#e6edf3;align-items:center;gap:6px;margin-bottom:8px;font-size:18px;display:flex}.landing-price{color:#e6edf3;margin-bottom:16px;font-size:32px;font-weight:800}.landing-price span{color:#555;font-size:14px;font-weight:400}.landing-price-card ul{margin-bottom:20px;padding:0;list-style:none}.landing-price-card ul li{color:#8b949e;align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.landing-price-card ul li svg{color:var(--green);flex-shrink:0}.landing-price-card .btn-primary{justify-content:center;width:100%}@media (width<=768px){.landing-pricing-cards{flex-direction:column}}.search-wrapper{margin-bottom:28px}.search-wrapper .search-bar{margin-bottom:10px}.search-history{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-history-icon{color:var(--muted);flex-shrink:0}.search-history-item{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:all .2s;display:inline-flex}.search-history-item:hover{border-color:var(--gold);color:var(--gold)}.search-history-tag{color:var(--muted);font-weight:400}.search-history-region{color:var(--muted);background:var(--border);border-radius:4px;padding:1px 6px;font-size:10px}.search-history-delete{opacity:0;width:14px;height:14px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.search-history-item:hover .search-history-delete{opacity:1}.search-history-delete:hover{background:#f8514926}@media (width<=768px){.search-history{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.search-history-item{flex-shrink:0}}.ai-limit-banner{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.ai-limit-banner.near-limit{color:var(--gold);background:#c89b3c1a;border:1px solid #c89b3c4d}.ai-limit-banner.at-limit{color:var(--red);background:#f851491a;border:1px solid #f851494d}.ai-limit-content{flex:1;align-items:center;gap:10px;display:flex}.ai-limit-btn{color:#0a0e14;white-space:nowrap;background:linear-gradient(135deg,#c89b3c,#a67c2e);border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;text-decoration:none}.ai-limit-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}@media (width<=768px){.ai-limit-content{flex-direction:column;align-items:flex-start;gap:6px}}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:440px;padding:48px 40px;position:relative;box-shadow:0 24px 64px #00000080}.onboarding-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.onboarding-skip:hover{color:var(--text)}.onboarding-progress{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.onboarding-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.active{background:var(--gold);border-radius:4px;width:24px}.onboarding-step{text-align:center}.onboarding-icon{width:80px;height:80px;color:var(--gold);background:#c89b3c1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.onboarding-icon.success{color:var(--green);background:#3fb9501a}.onboarding-step h2{color:var(--text-bright);margin-bottom:12px;font-size:22px}.onboarding-step p{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.6}.onboarding-step .btn-primary{align-items:center;gap:8px;padding:14px 28px;display:inline-flex}.onboarding-form{flex-direction:column;gap:12px;display:flex}.onboarding-form input,.onboarding-form select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px}.onboarding-form input:focus{border-color:var(--gold)}.onboarding-form-row{gap:8px;display:flex}.onboarding-form-row select{flex:1}.onboarding-preview{color:var(--text);background:var(--bg);border-radius:8px;justify-content:center;gap:16px;margin-bottom:24px;padding:12px;font-size:13px;display:flex}@media (width<=480px){.onboarding-card{padding:32px 24px}.onboarding-step h2{font-size:18px}}.sync-loading{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.sync-loading-icon{color:var(--gold);flex-shrink:0}.sync-loading-text{flex-direction:column;gap:4px;display:flex}.sync-loading-text strong{color:var(--text-bright);font-size:14px}.sync-loading-text span{color:var(--muted);font-size:12px}