@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-gradient:radial-gradient(circle at top, #0f1626 0%, #070913 100%);--panel-bg:#151c2cb3;--panel-hover:#1d273ed9;--accent-blue:#3b82f6;--accent-blue-glow:#3b82f659;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b59;--accent-red:#ef4444;--accent-red-glow:#ef44444d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff0f;--border-highlight:#3b82f666;--border-gold:#f59e0b66;--danger-color:#ef4444;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 10px 30px -10px #000000b3;--shadow-glow:0 0 20px #3b82f626}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;margin:0;font-family:Outfit,sans-serif;overflow-x:hidden}.app-wrapper{max-width:1000px;margin:0 auto;padding:60px 20px}.title-logo-container{text-align:center;margin-bottom:50px;animation:.6s ease-out fadeInDown}.title-main{letter-spacing:-.03em;background:linear-gradient(135deg,#a5f3fc,#3b82f6 50%,#1d4ed8);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #3b82f633;-webkit-background-clip:text;margin-bottom:10px;font-size:3.2rem;font-weight:800}.subtitle-main{color:var(--text-secondary);letter-spacing:.02em;font-size:1.15rem;font-weight:400}.search-form{gap:12px;margin-bottom:35px;animation:.7s ease-out fadeInUp;display:flex}.search-input{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);box-shadow:var(--shadow-premium);border-radius:12px;flex:1;padding:16px 24px;font-family:Outfit,sans-serif;font-size:1.05rem}.search-input:focus{border-color:var(--border-highlight);box-shadow:0 0 25px #3b82f633, var(--shadow-premium);background-color:#151c2ce6;outline:none}.search-input::placeholder{color:var(--text-muted)}.btn-search{background:linear-gradient(135deg, var(--accent-blue), #1d4ed8);color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-premium);border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 32px;font-size:1.05rem;font-weight:600;display:flex}.btn-search:hover:not(:disabled){box-shadow:0 0 20px var(--accent-blue-glow), var(--shadow-premium);filter:brightness(1.1);transform:translateY(-2px)}.btn-search:active:not(:disabled){transform:translateY(0)}.btn-search:disabled{opacity:.6;cursor:not-allowed}.error-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:flex-start;gap:15px;margin-bottom:25px;padding:16px 20px;animation:.4s ease-out fadeIn;display:flex}.error-icon{font-size:1.4rem;line-height:1}.error-content strong{color:#ef4444;margin-bottom:4px;display:block}.error-content p{color:var(--text-secondary);font-size:.95rem}.results-container{flex-direction:column;gap:16px;animation:.5s ease-out fadeIn;display:flex}.no-results{text-align:center;color:var(--text-secondary);background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:40px;font-size:1.1rem}.player-card{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:var(--shadow-premium);border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex}.player-card:hover{background-color:var(--panel-hover);border-color:var(--border-highlight);transform:translateY(-4px)scale(1.01);box-shadow:0 15px 35px -10px #000c,0 0 25px #3b82f626}.player-info h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:1.4rem;font-weight:700}.player-meta{color:var(--text-secondary);font-size:.95rem;font-weight:400}.player-stats-preview{align-items:center;gap:16px;display:flex}.winrate-badge{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 10px #3b82f61a}.trophy-icon{color:var(--accent-gold)}.btn-detail{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-weight:600;display:inline-flex}.btn-detail:hover{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 0 15px var(--accent-blue-glow)}.btn-detail svg{transition:transform .2s}.btn-detail:hover svg{transform:translate(4px)}.detail-panel{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:20px;padding:40px;animation:.5s ease-out fadeInUp}.btn-back{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:30px;font-size:1rem;font-weight:500;display:inline-flex}.btn-back:hover{color:var(--text-primary);transform:translate(-4px)}.header-dashboard{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:35px;padding-bottom:25px;display:flex}.header-title-container h2{letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:8px;font-size:2.5rem;font-weight:800;display:flex}.player-name-text{background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;min-width:100%}.player-flag{filter:drop-shadow(0 2px 8px #0003);display:inline-block}.clan-tag{color:var(--accent-gold);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:6px;padding:4px 12px;font-size:.9rem}.brawlhalla-id-badge{border:1px solid var(--border-color);color:var(--text-secondary);letter-spacing:.05em;background:#ffffff0d;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:600}.summary-cards{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:45px;display:grid}.metric-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.metric-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}.metric-icon-wrapper{width:54px;height:54px;box-shadow:var(--shadow-premium);border-radius:12px;justify-content:center;align-items:center;display:flex}.icon-blue{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f640;box-shadow:0 0 15px #3b82f61a}.icon-red{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444440;box-shadow:0 0 15px #ef44441a}.metric-content h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.95rem;font-weight:500}.metric-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.2}.metric-subtext{color:var(--text-muted);margin-top:2px;font-size:.9rem}.stats-section-title{margin-bottom:25px}.stats-section-title h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:6px;font-size:1.5rem;font-weight:700;display:flex}.stats-section-title p{color:var(--text-secondary);font-size:.95rem}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.legend-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:16px;padding:24px}.legend-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-premium), 0 0 20px #3b82f61a;background:#ffffff0a;transform:translateY(-4px)}.legend-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.legend-card-header h4{letter-spacing:.05em;color:var(--accent-gold);font-size:1.2rem;font-weight:700}.legend-level-badge{border:1px solid var(--border-gold);color:var(--accent-gold);background:#f59e0b1a;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.legend-details{flex-direction:column;gap:10px;display:flex}.legend-row{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.legend-label{color:var(--text-secondary)}.legend-value{color:var(--text-primary);font-weight:600}.progress-container{border-top:1px dashed #ffffff0d;flex-direction:column;align-items:flex-start;gap:4px;padding-top:10px}.damage-label{color:var(--text-muted);font-size:.85rem}.damage-value{color:var(--accent-blue);font-size:1rem;font-weight:700}.legend-avg-damage{color:var(--text-muted);text-align:right;margin-top:4px;font-size:.85rem;font-style:italic}.no-legends-alert,.no-results-alert{text-align:center;border:1px dashed var(--border-color);color:var(--text-muted);background:#ffffff03;border-radius:12px;padding:30px}.loader-container{flex-direction:column;justify-content:center;align-items:center;padding:60px 0;animation:.4s ease-out fadeIn;display:flex}.spinner{border:4px solid #3b82f61a;border-left-color:var(--accent-blue);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin;box-shadow:0 0 15px #3b82f633}.loader-text{color:var(--text-secondary);letter-spacing:.05em;font-weight:500}.error-panel{text-align:center;background:#ef444408;border:1px dashed #ef444433;border-radius:16px;padding:40px}.error-panel h3{color:var(--accent-red);margin-bottom:12px;font-size:1.5rem}.error-panel p{color:var(--text-secondary);margin-bottom:25px}.btn-back-error{background:linear-gradient(135deg, var(--accent-red), #b91c1c);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-back-error:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ef44444d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.earnings-badge{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 10px #10b9811a}.dollar-icon{color:#10b981}.title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.country-badge{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.playtime-total-badge{color:#c084fc;transition:var(--transition-smooth);background:#a855f71f;border:1px solid #a855f74d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.playtime-total-badge:hover{background:#a855f733;border-color:#a855f780;box-shadow:0 0 10px #a855f726}.social-links{gap:10px;margin-top:8px;display:flex}.social-link{transition:var(--transition-smooth);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.social-link.twitter{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14}.social-link.twitter:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.social-link.twitch{color:#c084fc;background:#a855f71a;border:1px solid #a855f733}.social-link.twitch:hover{background:#a855f72e;border-color:#a855f766;transform:translateY(-1px);box-shadow:0 0 10px #a855f733}.header-evolution-bar{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.evolution-badge{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#151c2c80;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.evolution-badge:hover{transform:translateY(-2px)}.evolution-badge.pos{color:#a7f3d0;background:#10b98114;border-color:#10b9814d;box-shadow:0 0 15px #10b9811a}.evolution-badge.neg{color:#fca5a5;background:#ef444414;border-color:#ef44444d;box-shadow:0 0 15px #ef44441a}.evolution-badge.neutral{color:var(--text-secondary);background:#ffffff08;border-color:#ffffff14}.evolution-icon{animation:2s infinite pulse-evolution}.evolution-badge .glow-text{font-weight:700}.evolution-badge.pos .glow-text{text-shadow:0 0 10px #10b98166;color:#34d399}.evolution-badge.neg .glow-text{text-shadow:0 0 10px #ef444466;color:#f87171}.evolution-legend-badge{color:#fde047;transition:var(--transition-smooth);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex;box-shadow:0 0 15px #f59e0b1a}.evolution-legend-badge:hover{border-color:#f59e0b66;transform:translateY(-2px);box-shadow:0 0 20px #f59e0b33}.evolution-legend-img{object-fit:cover;border:1px solid var(--accent-gold);background:#0f1626;border-radius:50%;width:20px;height:20px}.evolution-legend-badge strong{color:#f59e0b;text-shadow:0 0 10px #f59e0b4d}@keyframes pulse-evolution{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.xp-progress-container{width:100%;margin-top:10px}.xp-progress-bar{background:#ffffff0d;border:1px solid #ffffff05;border-radius:4px;height:6px;margin-bottom:6px;overflow:hidden}.xp-progress-fill{background:linear-gradient(90deg, var(--accent-blue), #60a5fa);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.section-subtitle{color:var(--text-primary);border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;margin-top:30px;margin-bottom:18px;padding-bottom:10px;font-size:1.25rem;font-weight:700;display:flex}.region-ranks-grid{flex-wrap:wrap;gap:12px;margin-bottom:15px;display:flex}.region-rank-badge{border:1px solid var(--border-color);min-width:100px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth);background:#151c2c99;border-radius:12px;flex-direction:column;padding:10px 18px;display:inline-flex}.region-rank-badge:hover{border-color:var(--border-highlight);box-shadow:0 5px 15px #3b82f61a, var(--shadow-premium);transform:translateY(-2px)}.region-name{color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:.75rem;font-weight:600}.region-position{color:var(--accent-blue);font-size:1.15rem;font-weight:700}.gadgets-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-bottom:25px;display:grid}.gadget-card{border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:var(--shadow-premium);background:#ffffff04;border-radius:14px;padding:18px}.gadget-card h5{text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;font-size:.95rem;font-weight:700}.gadget-metric{justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.gadget-metric span{color:var(--text-secondary)}.gadget-metric strong{color:var(--text-primary);font-weight:600}.card-orange{border-left:3px solid #f97316}.card-orange h5{color:#fdba74}.card-yellow{border-left:3px solid #eab308}.card-yellow h5{color:#fef08a}.card-gray{border-left:3px solid #9ca3af}.card-gray h5{color:#e5e7eb}.card-purple{border-left:3px solid #a855f7}.card-purple h5{color:#d8b4fe}.card-blue{border-left:3px solid #3b82f6}.card-blue h5{color:#93c5fd}.legend-sort-container{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);background:#ffffff05;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;margin-bottom:5px;padding:12px 20px;display:flex}.legend-sort-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.legend-sort-actions{align-items:center;gap:12px;display:flex}.sort-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background-color:#151c2cf2;border-radius:8px;outline:none;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.9rem}.sort-select:focus{border-color:var(--border-highlight);box-shadow:0 0 10px #3b82f633}.sort-direction-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;display:flex}.sort-direction-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}@media (width<=600px){.legend-sort-container{flex-direction:column;align-items:stretch}.legend-sort-actions{justify-content:space-between}}.legend-list-wrapper{flex-direction:column;gap:16px;margin-top:20px;display:flex}.legend-card-detailed{border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:var(--shadow-premium);background:#ffffff04;border-radius:16px;overflow:hidden}.legend-card-detailed:hover{background:#ffffff06;border-color:#ffffff1a}.legend-card-detailed.active{border-color:var(--border-highlight);background:#151c2ce6;box-shadow:0 10px 30px #000c,0 0 25px #3b82f61a}.legend-card-header-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.legend-card-basic-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend-card-basic-info h4{letter-spacing:.04em;color:var(--accent-gold);font-size:1.25rem;font-weight:700}.legend-summary-games{color:var(--text-secondary);font-size:.9rem}.legend-card-actions{color:var(--text-secondary);align-items:center;gap:16px;display:flex}.kd-badge-basic{color:var(--accent-gold);background:#f59e0b14;border:1px solid #f59e0b33;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.legend-expanded-body{border-top:1px solid var(--border-color);background:#0003;padding:24px;animation:.4s ease-out fadeIn}.legend-xp-row{margin-bottom:24px}.legend-xp-label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;display:block}.legend-xp-bar-outer{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;height:20px;position:relative;overflow:hidden}.legend-xp-bar-inner{background:linear-gradient(90deg, var(--accent-gold), #fcd34d);border-radius:4px;height:100%}.legend-xp-text{color:#fff;text-shadow:0 1px 4px #000c;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legend-expanded-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.details-subblock{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;padding:18px}.details-subblock h5{color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px dashed #ffffff0f;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.subblock-row{justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.subblock-row span{color:var(--text-secondary)}.subblock-row strong{color:var(--text-primary)}.subblock-row.text-red strong{color:#fca5a5}.subblock-row.text-yellow strong{color:#fef08a}.subblock-row.text-green strong{color:#86efac}.subblock-row.text-blue strong{color:#93c5fd}.kd-highlighter{background:#3b82f626;border:1px solid #3b82f64d;border-radius:4px;padding:2px 8px;color:#60a5fa!important}.weapon-masteries-section{margin-top:10px}.weapon-masteries-section h5{color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:6px;margin-bottom:16px;font-size:.9rem;font-weight:600;display:flex}.weapons-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.weapon-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff03;border-radius:10px;padding:14px}.weapon-card:hover{background:#ffffff05;border-color:#ffffff14}.weapon-card h6{color:var(--accent-gold);text-transform:uppercase;margin-bottom:10px;font-size:.85rem;font-weight:700}.weapon-metric{justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.weapon-metric span{color:var(--text-secondary)}.weapon-metric strong{color:var(--text-primary)}@media (width<=768px){.app-wrapper{padding:30px 15px}.title-main{font-size:2.4rem}.search-form{flex-direction:column}.btn-search{padding:16px}.player-card{flex-direction:column;align-items:flex-start;gap:16px}.player-stats-preview{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;width:100%}.detail-panel{padding:24px}.header-dashboard{flex-direction:column;gap:16px}.summary-cards{grid-template-columns:1fr}.legend-card-header-clickable{flex-direction:column;align-items:flex-start;gap:12px}.legend-card-actions{justify-content:space-between;width:100%}.legend-expanded-grid{grid-template-columns:1fr}}.ranked-section{box-shadow:var(--shadow-premium);background:linear-gradient(135deg,#1e293b66,#0f172a99);border:1px solid #ffffff14;border-radius:16px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:24px;margin-bottom:35px;padding:24px;display:grid}.ranked-badge-container{text-align:center;background:#00000040;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding:16px;display:flex}.ranked-tier-icon{filter:drop-shadow(0 0 10px #ffffff26);margin-bottom:8px;font-size:2.8rem;animation:3s ease-in-out infinite float}.ranked-tier-name{letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.ranked-tier-valhallan{background:linear-gradient(135deg,#f43f5e,#fbbf24,#22d3ee);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #f43f5ea6);-webkit-background-clip:text}.ranked-tier-diamond{background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #a855f766);-webkit-background-clip:text}.ranked-tier-platinum{background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #38bdf866);-webkit-background-clip:text}.ranked-tier-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #f59e0b66);-webkit-background-clip:text}.ranked-tier-silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ranked-tier-bronze{background:linear-gradient(135deg,#ca8a04,#78350f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ranked-tier-tin{background:linear-gradient(135deg,#9ca3af,#4b5563);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ranked-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ranked-stat-box{border:1px solid var(--border-color);background:#ffffff05;border-radius:10px;padding:12px 16px}.ranked-stat-box h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem}.ranked-stat-box p{color:var(--text-primary);font-size:1.25rem;font-weight:700}.ranked-leaderboard-box{border-left:1px solid #ffffff0f;flex-direction:column;justify-content:center;gap:12px;height:100%;padding-left:24px;display:flex}.weapons-mastery-section{margin-bottom:45px}.weapons-mastery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.weapon-mastery-card{border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:var(--shadow-premium);background:#ffffff05;border-radius:16px;padding:20px;position:relative;overflow:hidden}.weapon-mastery-card:before{content:"";background:linear-gradient(90deg, var(--accent-blue), #60a5fa);opacity:.8;width:100%;height:3px;position:absolute;top:0;left:0}.weapon-mastery-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-premium), 0 0 15px #3b82f61a;background:#ffffff0a;transform:translateY(-3px)}.weapon-mastery-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.weapon-mastery-header h4{color:var(--accent-gold);text-transform:capitalize;font-size:1.15rem;font-weight:700}.weapon-mastery-time{color:var(--text-secondary);font-size:.85rem;font-weight:500}.weapon-mastery-body{flex-direction:column;gap:8px;display:flex}.weapon-mastery-metric{justify-content:space-between;font-size:.9rem;display:flex}.weapon-mastery-metric span{color:var(--text-secondary)}.weapon-mastery-metric strong{color:var(--text-primary);font-weight:600}.unranked-alert{border:1px dashed var(--border-color);text-align:center;color:var(--text-secondary);background:#ffffff04;border-radius:12px;margin-bottom:35px;padding:20px;font-size:.95rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (width<=768px){.ranked-section{grid-template-columns:1fr;gap:20px}.ranked-leaderboard-box{border-top:1px solid #ffffff0f;border-left:none;padding-top:20px;padding-left:0}}.legend-avatar-icon{object-fit:cover;width:42px;height:42px;transition:var(--transition-smooth);background-color:#00000059;border:2px solid #ffffff14;border-radius:50%;box-shadow:0 4px 10px #0006}.legend-card-detailed:hover .legend-avatar-icon{border-color:var(--accent-gold);transform:scale(1.1);box-shadow:0 0 15px #f59e0b59}.weapon-mastery-title-row{align-items:center;gap:12px;display:flex}.weapon-mastery-icon-large{object-fit:contain;filter:drop-shadow(0 0 8px #3b82f666);width:32px;height:32px;transition:var(--transition-smooth)}.weapon-mastery-card:hover .weapon-mastery-icon-large{filter:drop-shadow(0 0 12px #f59e0b80);transform:scale(1.1)rotate(5deg)}.weapon-card-header-mini{border-bottom:1px dashed #ffffff14;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.weapon-card-header-mini h6{margin-bottom:0!important}.weapon-mini-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);width:24px;height:24px}.ranked-banner-img{object-fit:contain;filter:drop-shadow(0 0 12px #ffffff26);height:85px;animation:4s ease-in-out infinite float}.ranked-section:has(.ranked-tier-valhallan) .ranked-banner-img{filter:drop-shadow(0 0 25px #f43f5ebf)}.ranked-section:has(.ranked-tier-diamond) .ranked-banner-img{filter:drop-shadow(0 0 20px #a855f78c)}.ranked-section:has(.ranked-tier-platinum) .ranked-banner-img{filter:drop-shadow(0 0 20px #38bdf88c)}.ranked-section:has(.ranked-tier-gold) .ranked-banner-img{filter:drop-shadow(0 0 20px #f59e0b8c)}.ranked-section:has(.ranked-tier-silver) .ranked-banner-img{filter:drop-shadow(0 0 15px #cbd5e166)}.ranked-section:has(.ranked-tier-bronze) .ranked-banner-img{filter:drop-shadow(0 0 12px #ca8a0459)}.ranked-section:has(.ranked-tier-tin) .ranked-banner-img{filter:drop-shadow(0 0 10px #9ca3af40)}.tabs-navigation{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:30px;padding-bottom:12px;display:flex}.tab-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26}.tab-btn.active{border-color:var(--accent-blue);color:#60a5fa;background:linear-gradient(135deg,#3b82f626,#2563eb0d);box-shadow:0 0 15px #3b82f633}.leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.btn-refresh-ranking{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:flex}.btn-refresh-ranking:hover:not(:disabled){border-color:var(--border-highlight);background:#ffffff14}.btn-refresh-ranking:disabled{opacity:.6;cursor:not-allowed}.btn-refresh-ranking .spinning{animation:1.2s linear infinite spin}.podium-container{grid-template-columns:repeat(3,1fr);align-items:flex-end;gap:24px;margin-bottom:40px;padding-top:15px;display:grid}.podium-card{background-color:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);text-align:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-premium);border-radius:16px;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}.podium-card:hover{background-color:var(--panel-hover);border-color:var(--border-highlight);transform:translateY(-8px)}.podium-first{z-index:2;border-color:#f59e0b4d;height:250px;box-shadow:0 15px 40px -10px #000000e6,0 0 30px #f59e0b26}.podium-first:hover{border-color:var(--accent-gold);box-shadow:0 20px 45px -10px #000000e6,0 0 40px #f59e0b40}.podium-second{border-color:#cbd5e133;height:210px;box-shadow:0 10px 30px -10px #000c,0 0 20px #cbd5e10d}.podium-third{border-color:#ca8a0426;height:190px;box-shadow:0 10px 30px -10px #000c,0 0 20px #ca8a0408}.podium-badge{color:#0f172a;border-radius:30px;padding:4px 14px;font-size:.9rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0006}.podium-icon-wrapper{justify-content:center;align-items:center;margin-top:10px;margin-bottom:12px;display:flex}.trophy-gold{color:var(--accent-gold);filter:drop-shadow(0 0 12px #f59e0b66);animation:3s ease-in-out infinite float}.podium-player-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:6px;font-size:1.25rem;font-weight:700;overflow:hidden}.podium-rating{color:var(--accent-blue);align-items:center;gap:4px;margin-bottom:6px;font-size:1.05rem;font-weight:700;display:flex}.podium-winrate{color:var(--text-secondary);margin-bottom:14px;font-size:.85rem}.podium-footer{gap:8px;margin-top:auto;display:flex}.region-badge,.tier-badge{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600}.search-filter-container{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;padding:12px 20px;display:flex}.search-bar-wrapper{flex:1;align-items:center;max-width:400px;display:flex;position:relative}.search-bar-icon{color:var(--text-muted);position:absolute;left:12px}.filter-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;border-radius:8px;padding:10px 16px 10px 40px;font-family:Outfit,sans-serif;font-size:.95rem}.filter-input:focus{border-color:var(--border-highlight);background:#ffffff0f;outline:none;box-shadow:0 0 10px #3b82f626}.filter-stats{color:var(--text-secondary);font-size:.9rem}.table-responsive{background-color:var(--panel-bg);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-premium);border-radius:16px;overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%;font-family:Outfit,sans-serif}.leaderboard-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background-color:#ffffff03;padding:16px 20px;font-size:.85rem;font-weight:700}.leaderboard-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:16px 20px;font-size:.95rem}.table-row-hover{cursor:pointer;transition:var(--transition-smooth)}.table-row-hover:hover{background-color:#ffffff08}.table-row-hover:hover td{color:var(--text-primary)}.rank-number-badge{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;padding:4px 10px;font-weight:700}.rank-number-badge.rank-1{border-color:var(--accent-gold);color:var(--accent-gold);background:#f59e0b26}.rank-number-badge.rank-2{color:#e2e8f0;background:#cbd5e11a;border-color:#94a3b8}.rank-number-badge.rank-3{color:#fdba74;background:#ca8a041a;border-color:#b45309}.elo-cell{align-items:center;gap:6px;display:flex}.peak-elo{color:var(--text-muted);font-size:.8rem;font-weight:400}.record-cell{align-items:center;gap:4px;display:flex}.wins-count{color:#10b981;font-weight:600}.losses-count{color:#ef4444;font-weight:600}.divider{color:var(--text-muted)}.winrate-cell{align-items:center;gap:12px;display:flex}.winrate-bar-container{background:#ffffff0d;border-radius:10px;width:80px;height:6px;overflow:hidden}.winrate-bar-fill{border-radius:10px;height:100%}.winrate-percentage{font-size:.9rem;font-weight:700}.btn-table-action{color:var(--accent-blue);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-table-action:hover{background:#3b82f61a;border-color:#3b82f633}.btn-table-action svg{transition:transform .2s}.btn-table-action:hover svg{transform:translate(3px)}.no-data-cell{color:var(--text-muted);font-style:italic;padding:30px!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.font-bold{font-weight:700!important}.inline-icon{vertical-align:middle;margin-right:4px;display:inline-block}.btn-retry{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;margin-top:12px;padding:8px 16px;font-weight:600}.btn-retry:hover{background:#ffffff1a}@media (width<=768px){.podium-container{grid-template-columns:1fr;align-items:stretch;gap:16px}.podium-card{padding:20px;height:auto!important}.podium-badge{top:12px;left:12px;transform:none}}.header-top-stats{flex-wrap:wrap;gap:24px;width:100%;margin-top:20px;display:flex}.top-stats-group{flex-direction:column;flex:1;gap:8px;min-width:280px;display:flex}.top-stats-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:.78rem;font-weight:700}.top-stats-items{flex-wrap:wrap;gap:10px;display:flex}.top-stat-item-badge{border:1px solid var(--border-color);min-width:130px;transition:var(--transition-smooth);background:#ffffff05;border-radius:12px;flex:1;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.top-stat-item-badge:hover{background:#ffffff0d;transform:translateY(-2px)}.legend-badge-glow:hover{border-color:var(--border-gold);box-shadow:0 0 12px #f59e0b26}.weapon-badge-glow:hover{border-color:var(--border-highlight);box-shadow:0 0 12px #3b82f626}.top-stat-avatar-wrapper{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.top-stat-avatar-img{object-fit:cover;border-radius:8px;width:100%;height:100%}.top-stat-weapon-img{object-fit:contain;width:24px;height:24px}.top-stat-rank-number{background:var(--accent-gold);color:#070913;border-radius:4px;padding:0 4px;font-size:.65rem;font-weight:800;line-height:1.2;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.top-stats-group:last-child .top-stat-rank-number{background:var(--accent-blue);color:#fff}.top-stat-info{flex-direction:column;justify-content:center;display:flex}.top-stat-name{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.top-stat-detail{color:var(--text-muted);margin-top:1px;font-size:.72rem;line-height:1.2}.top-stat-empty{color:var(--text-muted);font-size:.85rem;font-style:italic}@media (width<=768px){.header-top-stats{flex-direction:column;gap:16px}}.pagination-container{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:12px 20px;display:flex}.pagination-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600}.pagination-btn:hover:not(:disabled){border-color:var(--border-highlight);color:var(--text-primary);background:#ffffff14}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{gap:6px;display:flex}.page-num-btn{text-align:center;min-width:38px;padding:8px 14px}.page-num-btn.active{border-color:var(--accent-blue);color:#60a5fa;background:linear-gradient(135deg,#3b82f640,#2563eb26);box-shadow:0 0 10px #3b82f626}.history-dashboard-container{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.history-filters-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border-radius:16px;padding:20px}.filter-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-title h4{margin:0;font-size:1.1rem;font-weight:600}.filter-inputs-row{flex-wrap:wrap;gap:16px;display:flex}.date-input-group{flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.date-input-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:600}.history-date-input{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#00000040;border-radius:8px;outline:none;padding:10px 16px;font-family:Outfit,sans-serif;font-size:.95rem}.history-date-input:focus{border-color:var(--border-highlight);box-shadow:0 0 10px var(--accent-blue-glow)}.filter-help-text{color:var(--text-secondary);margin-top:12px;font-size:.85rem}.history-chart-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;padding:24px;position:relative;overflow:visible}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.chart-title{align-items:center;gap:10px;display:flex}.chart-title h4{margin:0;font-size:1.1rem;font-weight:600}.chart-summary-badges{gap:10px;display:flex}.badge-stat{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.badge-stat span{color:var(--text-secondary)}.badge-stat strong{color:var(--text-primary)}.badge-stat.elo-diff.pos{background:#10b98114;border-color:#10b98133}.badge-stat.elo-diff.pos strong{color:#34d399}.badge-stat.elo-diff.neg{background:#ef444414;border-color:#ef444433}.badge-stat.elo-diff.neg strong{color:#f87171}.badge-stat.elo-diff.neutral{background:#ffffff0a}.svg-chart-wrapper{width:100%;height:auto;margin-top:10px;position:relative;overflow:visible}.history-svg-chart{width:100%;display:block;overflow:visible}.chart-tooltip-bubble{border:1px solid var(--border-highlight);pointer-events:none;z-index:10;background:#0f1626f2;border-radius:8px;padding:8px 12px;transition:left .1s ease-out,top .1s ease-out;position:absolute;transform:translate(-50%,-120%);box-shadow:0 4px 15px #00000080,0 0 10px #3b82f633}.tooltip-date{color:var(--text-muted);margin-bottom:2px;font-size:.7rem}.tooltip-elo{color:var(--text-primary);font-size:.85rem;font-weight:700}.tooltip-elo span{color:#60a5fa;text-shadow:0 0 8px #60a5fa66}.period-analysis-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.analysis-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.analysis-card:hover{background:#ffffff0a;transform:translateY(-2px)}.analysis-card.glow-blue:hover{border-color:#3b82f64d;box-shadow:0 0 15px #3b82f61a}.analysis-card.glow-gold:hover{border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b1a}.analysis-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding-bottom:12px;display:flex}.analysis-card-header h4{color:var(--text-primary);letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:700}.analysis-icon{width:18px;height:18px}.analysis-icon.text-yellow{color:var(--accent-gold)}.analysis-icon.text-blue{color:var(--accent-blue)}.analysis-icon.text-purple{color:#c084fc}.best-legend-content,.best-weapon-content{align-items:center;gap:20px;margin-top:4px;display:flex}.best-avatar-glow-container,.best-weapon-icon-wrapper{border:1px solid var(--border-color);background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.glow-blue .best-avatar-glow-container{box-shadow:inset 0 0 15px #3b82f626}.glow-gold .best-weapon-icon-wrapper{box-shadow:inset 0 0 15px #f59e0b26}.best-legend-avatar{object-fit:cover;border-radius:11px;width:100%;height:100%}.best-weapon-img{object-fit:contain;width:44px;height:44px}.winrate-badge-circle{background:var(--accent-blue);color:#fff;border:2px solid #0f1626;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 5px #00000080}.winrate-badge-circle-gold{background:var(--accent-gold);color:#070913;border:2px solid #0f1626;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:800;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 5px #00000080}.best-legend-details{flex-direction:column;gap:4px;display:flex}.best-legend-details h5{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.games-count-sub{color:var(--text-muted);margin:0;font-size:.8rem}.w-l-bar{align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.w-l-bar .w{color:#34d399}.w-l-bar .l{color:#f87171}.w-l-bar .divider{color:var(--text-muted)}.most-played-list{flex-direction:column;gap:12px;display:flex}.most-played-row-badge{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff05;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex}.most-played-row-badge:hover{background:#ffffff0a;border-color:#ffffff1a}.row-rank-num{color:var(--accent-gold);min-width:20px;font-size:.95rem;font-weight:800}.row-legend-avatar{object-fit:cover;background:#0003;border-radius:8px;width:36px;height:36px}.row-legend-info{justify-content:space-between;align-items:center;width:100%;display:flex}.row-legend-info .name{color:var(--text-primary);font-size:.9rem;font-weight:700}.row-legend-info .time-inc{color:#60a5fa;font-size:.82rem;font-weight:600}.empty-state-card{text-align:center;color:var(--text-muted);padding:20px;font-size:.9rem;font-style:italic}.empty-chart-msg{text-align:center;color:var(--text-muted);padding:40px;font-size:.95rem;font-style:italic}.info-warning-box{color:#fcd34d;background:#f59e0b0d;border:1px solid #f59e0b26;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}@media (width<=768px){.period-analysis-grid{grid-template-columns:1fr}.span-full-mobile{grid-column:span 1}}.my-dashboard-wrapper{flex-direction:column;gap:24px;width:100%;animation:.4s ease-out fadeIn;display:flex}.dashboard-hero-header{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#14142399,#080810cc);border:1px solid #ffffff0d;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 8px 32px #0006}@media (width<=992px){.dashboard-hero-header{flex-direction:column;align-items:stretch;gap:20px}}.hero-left-info{align-items:center;gap:20px;display:flex}.hero-avatar-wrapper{background:linear-gradient(135deg, var(--accent-blue), #c084fc);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 20px #3b82f64d}.hero-avatar-placeholder-icon{color:#fff}.hero-text-details{flex-direction:column;gap:6px;display:flex}.hero-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-name-row h2{color:var(--text-primary);text-shadow:0 0 12px #ffffff1a;letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:800}.hero-tag-brawlhalla{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.btn-edit-id-inline{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.btn-edit-id-inline:hover{color:var(--text-primary);background:#ffffff0d}.inline-id-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.inline-id-input{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#00000059;border-radius:8px;outline:none;width:150px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.85rem}.inline-id-input:focus{border-color:var(--border-highlight);box-shadow:0 0 10px #3b82f633}.inline-id-btn{background:var(--accent-blue);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600}.inline-id-btn:hover{background:#2563eb}.inline-id-btn-cancel{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600}.inline-id-btn-cancel:hover{color:var(--text-primary);background:#ffffff1a}.hero-subtext{color:var(--text-muted);margin:0;font-size:.95rem}.hero-quick-stats-row{flex-wrap:wrap;gap:16px;display:flex}.hero-stat-box{min-width:140px;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:14px;padding:12px 20px;display:flex}.hero-stat-box:hover{background:#ffffff0a;transform:translateY(-2px)}.hero-stat-box.box-gold{background:#f59e0b08;border-color:#f59e0b33}.hero-stat-box.box-gold .box-icon{color:var(--accent-gold)}.hero-stat-box.box-blue{background:#3b82f608;border-color:#3b82f633}.hero-stat-box.box-blue .box-icon{color:var(--accent-blue)}.hero-stat-box.box-purple{background:#c084fc08;border-color:#c084fc33}.hero-stat-box.box-purple .box-icon{color:#c084fc}.hero-stat-box .box-icon{width:24px;height:24px}.hero-stat-box .box-text{flex-direction:column;display:flex}.hero-stat-box .box-text .label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.72rem;font-weight:700}.hero-stat-box .box-text .value{color:var(--text-primary);margin-top:2px;font-size:1.3rem;font-weight:800;line-height:1.2}.dashboard-summaries-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=992px){.dashboard-summaries-grid{grid-template-columns:1fr}}.summary-section-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.section-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding-bottom:12px;display:flex}.section-card-header h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.top-items-horizontal-row{flex-wrap:wrap;gap:12px;display:flex}.top-item-badge-card{border:1px solid var(--border-color);min-width:150px;transition:var(--transition-smooth);background:#ffffff05;border-radius:12px;flex:1;align-items:center;gap:12px;padding:10px 14px;display:flex}.top-item-badge-card:hover{background:#ffffff0a;transform:translateY(-2px)}.card-glow-gold:hover{border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b1a}.card-glow-blue:hover{border-color:#3b82f64d;box-shadow:0 0 12px #3b82f626}.badge-avatar-container{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative}.badge-avatar{object-fit:cover;border-radius:8px;width:100%;height:100%}.badge-weapon-img-res{object-fit:contain;width:32px;height:32px}.badge-rank-num{background:var(--accent-gold);color:#070913;border-radius:4px;padding:0 5px;font-size:.6rem;font-weight:800;line-height:1.2;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.badge-rank-num-blue{background:var(--accent-blue);color:#fff;border-radius:4px;padding:0 5px;font-size:.6rem;font-weight:800;line-height:1.2;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 4px #00000080}.badge-details-col{flex-direction:column;display:flex}.badge-details-col .name{color:var(--text-primary);font-size:.9rem;font-weight:700}.badge-details-col .sub{color:var(--text-muted);margin-top:1px;font-size:.75rem}.empty-sub-msg{color:var(--text-muted);font-size:.85rem;font-style:italic}.dashboard-content-main-panel{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.snapshots-filter-header-bar{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.bar-title{align-items:center;gap:10px;display:flex}.bar-title h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.bar-date-inputs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bar-input-group{align-items:center;gap:6px;display:flex}.bar-input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.bar-date-input{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#00000040;border-radius:6px;outline:none;padding:8px 12px;font-family:Outfit,sans-serif;font-size:.85rem}.bar-date-input:focus{border-color:var(--border-highlight)}.snapshots-info-banner{color:var(--text-secondary);border-left:3px solid var(--accent-blue);background:#ffffff03;border-radius:0 6px 6px 0;padding:8px 14px;font-size:.85rem}.dashboard-interactive-layout-block{flex-direction:column;gap:20px;display:flex}.dashboard-subtabs-row{background:#00000026;border:1px solid #ffffff08;border-radius:12px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.subtab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;display:flex}.subtab-btn:hover{color:var(--text-primary);background:#ffffff08}.subtab-btn.active{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#2563eb1a);border:1px solid #3b82f640;box-shadow:0 0 10px #3b82f61a}.coaching-tips-view{flex-direction:column;gap:16px;display:flex}.coaching-view-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding-bottom:12px;display:flex}.coaching-view-header h4{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.coaching-tips-container-list{flex-direction:column;gap:14px;display:flex}.coaching-tip-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff03;border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.coaching-tip-card:hover{transform:translate(4px)}.border-glow-success{border-left:4px solid #10b981}.border-glow-success:hover{border-color:#10b98140;box-shadow:0 4px 20px #10b9810d}.border-glow-warning{border-left:4px solid #f59e0b}.border-glow-warning:hover{border-color:#f59e0b40;box-shadow:0 4px 20px #f59e0b0d}.border-glow-info{border-left:4px solid #3b82f6}.border-glow-info:hover{border-color:#3b82f640;box-shadow:0 4px 20px #3b82f60d}.tip-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tip-title{color:var(--text-primary);font-size:1rem;font-weight:700}.tip-tag-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.tip-tag-badge.badge-success{color:#34d399;background:#10b9811a}.tip-tag-badge.badge-warning{color:#fcd34d;background:#f59e0b1a}.tip-tag-badge.badge-info{color:#60a5fa;background:#3b82f61a}.tip-description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.period-stats-table-wrapper{border:1px solid var(--border-color);background:#0000001a;border-radius:12px;overflow-x:auto}.period-stats-table{border-collapse:collapse;text-align:left;width:100%}.period-stats-table th{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);letter-spacing:.05em;background:#ffffff05;padding:12px 16px;font-size:.8rem;font-weight:600}.period-stats-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:.9rem}.period-stats-table tbody tr:hover{background:#ffffff03}.legend-td-cell{align-items:center;gap:12px;display:flex}.table-legend-avatar{object-fit:cover;background:#0003;border-radius:6px;width:32px;height:32px}.table-weapon-icon-bg{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.table-weapon-icon{object-fit:contain;width:20px;height:20px}.table-winrate-column{flex-direction:column;gap:6px;width:120px;display:flex}.table-winrate-column .percentage{color:var(--text-primary);text-align:right;font-size:.85rem;font-weight:700}.table-progress-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.table-progress-bar-fill{background:var(--accent-blue);border-radius:3px;height:100%}.table-progress-bar-fill-gold{background:var(--accent-gold);border-radius:3px;height:100%}.dashboard-chart-svg-panel{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;padding:20px}.chart-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.left-chart-title{align-items:center;gap:8px;display:flex}.left-chart-title h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.right-chart-meta{gap:8px;display:flex}.meta-badge{border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.meta-badge span{color:var(--text-muted)}.meta-badge strong{color:var(--text-primary)}.meta-badge.diff.pos strong{color:#34d399}.meta-badge.diff.pos{background:#10b98114;border-color:#10b98133}.meta-badge.diff.neg strong{color:#f87171}.meta-badge.diff.neg{background:#ef444414;border-color:#ef444433}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#04040cbf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.auth-modal-container{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#101020e6,#080810f2);border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #60a5fa26}.modal-glow-border{background:linear-gradient(90deg, var(--accent-blue), #a855f7, var(--accent-gold));width:100%;height:4px;position:absolute;top:0;left:0}.modal-close-btn{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff14;transform:rotate(90deg)}.modal-header-block{text-align:center;margin-bottom:28px}.sparkle-circle{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-flex;box-shadow:0 0 15px #f59e0b26}.modal-header-block h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.modal-header-block p{color:var(--text-muted);margin-top:8px;font-size:.88rem;line-height:1.4}.auth-modal-form{flex-direction:column;gap:18px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.auth-input-group .input-wrapper{align-items:center;display:flex;position:relative}.auth-input-group .input-icon{color:var(--text-muted);position:absolute;left:14px}.auth-input-group input{width:100%;color:var(--text-primary);transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 14px 12px 42px;font-family:Outfit,sans-serif;font-size:.92rem}.auth-input-group input:focus{border-color:var(--border-highlight);background:#00000073;box-shadow:0 0 12px #3b82f626}.auth-btn-primary{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:6px;padding:14px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 15px #2563eb4d}.auth-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73,0 0 15px #3b82f64d}.auth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:22px 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ffffff0f;flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.social-auth-row{gap:12px;display:flex}.social-auth-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:flex}.social-auth-btn:hover{background:#ffffff0d;border-color:#ffffff26}.social-svg-icon{width:18px;height:18px}.discord-btn:hover{color:#fff;background:#5865f2;border-color:#5865f2;box-shadow:0 0 15px #5865f259}.google-btn:hover{color:#1f2937;background:#fff;border-color:#fff;box-shadow:0 0 15px #ffffff40}.auth-toggle-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.88rem}.auth-toggle-footer p{margin:0}.toggle-auth-mode-btn{color:#60a5fa;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;margin-left:6px;padding:0;font-weight:700}.toggle-auth-mode-btn:hover{color:#93c5fd;text-decoration:underline}.auth-error-banner{color:#f87171;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;display:flex}.auth-error-banner p{margin:0}.auth-success-banner{color:#34d399;background:#10b98114;border:1px solid #10b98126;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;display:flex}.auth-success-banner p{margin:0}.auth-dashboard-blocker-overlay{text-align:center;-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#101020b3,#080810d9);border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:600px;margin:40px auto;padding:60px 40px;display:flex;box-shadow:0 12px 40px #00000080}.blocker-glow-icon{color:#60a5fa;background:#60a5fa14;border:1px solid #60a5fa33;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;display:flex;box-shadow:0 0 30px #60a5fa33}.auth-dashboard-blocker-overlay h3{color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:800}.auth-dashboard-blocker-overlay p{color:var(--text-secondary);max-width:440px;margin:0;font-size:.95rem;line-height:1.5}.blocker-btn-action{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:12px 28px;font-weight:700;display:flex;box-shadow:0 4px 15px #2563eb40}.blocker-btn-action:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66,0 0 15px #3b82f640}.premium-blur-overlay{z-index:5;background:linear-gradient(#0c0f1d00 0%,#0c0f1de6 30%,#0c0f1d 60%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:70%;padding-bottom:30px;display:flex;position:absolute;bottom:0;left:0}.premium-limit-banner{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1626f2;border:1px solid #f59e0b40;border-radius:16px;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:20px 30px;display:flex;box-shadow:0 10px 30px #0009,0 0 20px #f59e0b26}.premium-limit-banner strong{color:var(--accent-gold);letter-spacing:.02em;font-size:1rem;font-weight:800}.premium-limit-banner p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.btn-upgrade-premium{background:linear-gradient(135deg, var(--accent-gold), #d97706);color:#070913;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:10px 20px;font-size:.85rem;font-weight:800;display:flex}.btn-upgrade-premium:hover{transform:translateY(-1px);box-shadow:0 0 15px #f59e0b66}.locked-premium-badge{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.btn-claim-player-profile{color:#60a5fa;cursor:pointer;transition:var(--transition-smooth);background:#60a5fa0f;border:1px solid #60a5fa33;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex}.btn-claim-player-profile:hover{background:#60a5fa26;border-color:#60a5fa59;box-shadow:0 0 10px #60a5fa26}.btn-claim-player-profile.claimed{color:#34d399;cursor:default;background:#34d39914;border-color:#34d3994d}.btn-login-header{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;align-items:center;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.btn-login-header:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 0 10px #ffffff0d}.user-profile-badge{-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-smooth);background:#101020cc;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:6px 14px;display:flex;box-shadow:0 4px 15px #0000004d}.user-profile-badge:hover{background:#19192de6;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 6px 20px #0006,0 0 15px #c084fc26}.user-avatar-circle{background:linear-gradient(135deg, var(--accent-blue), #c084fc);color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-meta-info{flex-direction:column;align-items:flex-start;display:flex}.user-email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.82rem;font-weight:700;overflow:hidden}.user-tier-badge{margin-top:1px;font-size:.65rem;font-weight:800}.user-tier-badge.free{color:#a855f7}.user-tier-badge.premium{color:var(--accent-gold);text-shadow:0 0 6px #f59e0b4d}.btn-logout-header{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.btn-logout-header:hover{color:#f87171;background:#ef44440d}.no-claimed-id-container{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 280px);padding:20px 0;display:flex}.guidance-card-glow{-webkit-backdrop-filter:blur(16px);text-align:center;background:linear-gradient(135deg,#141423b3,#080810f2);border:1px solid #f59e0b26;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:680px;padding:40px;display:flex;box-shadow:0 10px 40px #0009,0 0 25px #f59e0b0d}.guidance-header{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.guidance-icon-pulse{background:#f59e0b14;border:2px solid #f59e0b40;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 0 20px #f59e0b26}.guidance-card-glow h2{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.8rem;font-weight:800}.guidance-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:.95rem;line-height:1.6}.guidance-steps-container{text-align:left;flex-direction:column;gap:20px;width:100%;margin-bottom:36px;display:flex}.guidance-step{transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;gap:16px;padding:16px 20px;display:flex}.guidance-step:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(4px)}.step-number{background:linear-gradient(135deg, var(--accent-gold), #d97706);color:#070913;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 0 10px #f59e0b33}.step-content h4{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:700}.step-content p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.guidance-actions{justify-content:center;width:100%;display:flex}.btn-guidance-search{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;box-shadow:0 4px 15px #3b82f64d,0 0 10px #3b82f61a}.btn-guidance-search:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666,0 0 15px #3b82f633}.guidance-actions-grid{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:30px;width:100%;margin-top:15px;display:grid}@media (width<=768px){.guidance-actions-grid{grid-template-columns:1fr;gap:20px}}.guidance-action-box{min-height:200px;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;padding:24px;display:flex}.guidance-action-box:hover{background:#ffffff0a;border-color:#f59e0b26;box-shadow:0 5px 15px #0003}.guidance-action-box h4{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:1.1rem;font-weight:700}.guidance-action-box p{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:.85rem;line-height:1.5}.guidance-action-divider{color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;position:relative}.guidance-action-divider span{z-index:2;background:#101020;border:1px solid #ffffff0d;border-radius:50%;padding:8px 12px}.guidance-action-divider:before{content:"";z-index:1;background:#ffffff14;width:1px;position:absolute;top:0;bottom:0;left:50%}@media (width<=768px){.guidance-action-divider:before{width:100%;height:1px;top:50%;left:0;right:0}}.direct-claim-form{flex-direction:column;gap:12px;width:100%;display:flex}.direct-id-input{width:100%;color:var(--text-primary);text-align:center;transition:var(--transition-smooth);background:#0006;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:.9rem}.direct-id-input:focus{border-color:var(--accent-gold);background:#0000008c;box-shadow:0 0 12px #f59e0b33}.direct-id-input:disabled{opacity:.5;cursor:not-allowed}.btn-guidance-claim{background:linear-gradient(135deg, var(--accent-gold), #d97706);color:#070913;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 15px #f59e0b33}.btn-guidance-claim:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59}.btn-guidance-claim:disabled{opacity:.6;cursor:not-allowed}.spinner-inline{border:2px solid #0000001a;border-top-color:#070913;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.password-strength-container{flex-direction:column;gap:6px;margin-top:6px;animation:.3s ease-out fadeIn;display:flex}.password-strength-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.password-strength-bar-fill{border-radius:3px;width:0%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.password-strength-bar-fill.very-weak{background:linear-gradient(90deg,#ef4444,#f87171);width:20%;box-shadow:0 0 8px #ef444480}.password-strength-bar-fill.weak{background:linear-gradient(90deg,#f97316,#fb923c);width:40%;box-shadow:0 0 8px #f9731680}.password-strength-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24);width:60%;box-shadow:0 0 8px #f59e0b80}.password-strength-bar-fill.strong{background:linear-gradient(90deg,#3b82f6,#60a5fa);width:80%;box-shadow:0 0 8px #3b82f680}.password-strength-bar-fill.excellent{background:linear-gradient(90deg,#10b981,#34d399);width:100%;box-shadow:0 0 10px #10b98199}.password-strength-text{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.password-strength-text span.label-strength{transition:color .3s}.password-strength-text .very-weak{color:#f87171}.password-strength-text .weak{color:#fb923c}.password-strength-text .medium{color:#fbbf24}.password-strength-text .strong{color:#60a5fa}.password-strength-text .excellent{color:#34d399}.password-requirements-list{grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px;padding:0;list-style:none;display:grid}.password-requirement-item{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:6px;font-size:.75rem;display:flex}.password-requirement-item svg{min-width:12px}.password-requirement-item.met{color:#34d399;font-weight:500}.auth-forgot-password-link-btn{color:#60a5fa;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-self:flex-end;margin-top:-6px;padding:0;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600}.auth-forgot-password-link-btn:hover{color:#93c5fd;text-decoration:underline}.auth-back-to-login-container{justify-content:center;margin-top:16px;display:flex}.app-footer{border-top:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;gap:15px;margin-top:60px;padding-top:30px;animation:.8s ease-out fadeIn;display:flex}.footer-project-info{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.footer-project-info strong{color:var(--text-primary);margin-bottom:6px;font-size:1.1rem;display:block}.footer-developed-by{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.footer-linkedin-link{color:var(--accent-blue);transition:var(--transition-smooth);background:#3b82f614;border:1px solid #3b82f633;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex}.footer-linkedin-link:hover{color:#60a5fa;background:#3b82f62e;border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 5px 15px #3b82f626,0 0 10px #3b82f61a}.footer-linkedin-link svg{transition:transform .2s}.footer-linkedin-link:hover svg{transform:scale(1.1)}.footer-copyright{color:var(--text-muted);margin-top:5px;font-size:.8rem}.badge-daily-collection{color:#34d399;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#10b98114;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 0 10px #10b9810d}.guidance-step.highlight-step{background:#10b98105;border:1px dashed #10b9814d}.guidance-step.highlight-step:hover{background:#10b9810d;border-color:#10b98180;box-shadow:0 0 15px #10b9810d}.text-green{color:#10b981}.animate-pulse-subtle{animation:2.5s ease-in-out infinite pulse-subtle}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.85}}body,html{max-width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.player-info h3,.header-title-container h2,.player-meta{word-break:break-word;overflow-wrap:break-word}@media (width<=768px){.tabs-navigation{white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:24px!important;padding-bottom:12px!important;display:flex!important;overflow-x:auto!important}.tabs-navigation::-webkit-scrollbar{display:none!important}.tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:10px 16px!important;font-size:.9rem!important}}.evolution-badge,.evolution-legend-badge{white-space:normal!important;word-break:break-word!important;box-sizing:border-box!important;max-width:100%!important}@media (width<=768px){.top-stats-group{min-width:100%!important}}@media (width<=480px){.top-stat-item-badge{min-width:calc(50% - 6px)!important;padding:6px 8px 6px 6px!important}.top-stat-name{font-size:.8rem!important}.top-stat-detail{font-size:.65rem!important}.ranked-stats-grid{grid-template-columns:1fr!important;gap:12px!important}.ranked-badge-container{min-width:100%!important}.ranked-leaderboard-box{border-top:1px solid #ffffff0f!important;padding-top:16px!important}}@media (width<=768px){.weapons-mastery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px!important}}@media (width<=480px){.detail-panel{padding:16px!important}.legend-expanded-body{padding:12px!important}.weapons-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:10px!important}.weapons-mastery-grid,.gadgets-grid{grid-template-columns:1fr!important}.region-rank-badge{flex:1!important;min-width:calc(50% - 6px)!important}.auth-modal-container{border-radius:16px!important;max-width:calc(100% - 20px)!important;margin:10px!important;padding:24px 16px!important}.social-auth-row{flex-direction:column!important}.title-main{font-size:1.8rem!important}.subtitle-main{font-size:.95rem!important}.header-title-container h2{font-size:1.6rem!important}}.language-selector-container{-webkit-backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff14;border-radius:12px;gap:2px;margin-right:12px;padding:3px;display:inline-flex;box-shadow:0 4px 15px #0003}.lang-selector-btn{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:6px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.lang-selector-btn:hover{color:var(--text-primary);background:#ffffff0a}.lang-selector-btn.active{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633;box-shadow:0 0 10px #3b82f61a}.lang-flag{font-size:.95rem;line-height:1}.lang-code{letter-spacing:.05em}@media (width<=576px){.language-selector-container{margin-right:6px;padding:2px}.lang-selector-btn{padding:4px 8px;font-size:.7rem}.lang-code{display:none}}.no-results-guidance{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);max-width:680px;box-shadow:var(--shadow-premium);text-align:left;border-radius:20px;margin:30px auto;padding:40px;animation:.5s ease-out fadeInUp}.no-results-guidance h3{background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex}.no-results-guidance h3 svg{color:var(--accent-red);filter:drop-shadow(0 0 8px var(--accent-red-glow))}.guidance-steps{flex-direction:column;gap:16px;display:flex}.guidance-step{transition:var(--transition-smooth);background:#ffffff04;border:1px solid #ffffff08;border-radius:12px;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.guidance-step:hover{border-color:var(--border-highlight);background:#ffffff08;transform:translate(6px);box-shadow:0 4px 20px #3b82f614}.guidance-step-icon{width:42px;height:42px;box-shadow:var(--shadow-premium);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guidance-step-icon.trophy-step{color:var(--accent-gold);background:#f59e0b1a;border:1px solid #f59e0b40}.guidance-step-icon.search-step{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f640}.guidance-step-icon.sparkles-step{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.guidance-step-text{color:var(--text-secondary);font-size:.98rem;line-height:1.5}.guidance-step-text strong{color:var(--text-primary);font-weight:600}.btn-share-profile{color:#60a5fa;cursor:pointer;transition:var(--transition-smooth);background:#3b82f61a;border:1px solid #3b82f640;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-share-profile:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 0 10px #3b82f626}.btn-share-profile.copied{color:#34d399;background:#10b9811a;border-color:#10b9814d}.premium-navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0a101e66;border-bottom:1px solid #ffffff0d;align-items:center;width:100%;height:72px;transition:transform .35s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translateY(0);box-shadow:0 4px 30px #0000001a}.premium-navbar.hidden{transform:translateY(-100%)}.premium-navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#080c18bf;border-bottom-color:#ffffff14;box-shadow:0 10px 30px -10px #00000080,0 1px #3b82f61a}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);align-items:center;gap:10px;display:flex}.navbar-logo:hover{opacity:.9;transform:scale(1.02)}.navbar-logo-icon{color:var(--accent-blue);filter:drop-shadow(0 0 8px var(--accent-blue-glow));animation:3s ease-in-out infinite pulse}.navbar-brand-name{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg, #fff 30%, #93c5fd, var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.navbar-menu-desktop{align-items:center;gap:8px;display:flex}.navbar-link{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:600;display:flex;position:relative}.navbar-link:hover{color:var(--text-primary);background:#ffffff0a}.navbar-link.active{color:#60a5fa;background:#3b82f614}.navbar-link.active:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);height:2px;position:absolute;bottom:0;left:16px;right:16px;box-shadow:0 1px 8px #3b82f6cc}.navbar-actions-desktop{align-items:center;gap:16px;display:flex}.navbar-toggle-mobile{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;padding:8px;display:none}.navbar-toggle-mobile:hover{background:#ffffff0d}.navbar-menu-mobile{-webkit-backdrop-filter:blur(25px);z-index:999;background:#0a0e1af2;border-bottom:1px solid #ffffff14;flex-direction:column;gap:20px;width:100%;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeInDown;display:flex;position:absolute;top:72px;left:0;box-shadow:0 20px 40px #0009}.mobile-nav-links{flex-direction:column;gap:10px;display:flex}.mobile-navbar-link{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:10px;padding:12px 16px;font-size:1.1rem;font-weight:600}.mobile-navbar-link:hover,.mobile-navbar-link.active{color:var(--text-primary);border-left:3px solid var(--accent-blue);background:#3b82f61a;padding-left:13px}.mobile-navbar-divider{background:#ffffff14;height:1px;margin:4px 0}.mobile-navbar-actions{flex-direction:column;gap:16px;display:flex}.mobile-lang-selector{justify-content:flex-start;padding-left:16px;display:flex}.mobile-user-section{flex-direction:column;gap:12px;padding:0 16px;display:flex}.btn-login-mobile,.btn-logout-mobile{cursor:pointer;width:100%;transition:var(--transition-smooth);border-radius:10px;justify-content:center;align-items:center;padding:14px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;display:flex}.btn-login-mobile{background:linear-gradient(135deg, var(--accent-blue), #1d4ed8);color:#fff;border:none}.btn-login-mobile:hover{box-shadow:0 4px 15px #3b82f666}.btn-logout-mobile{color:#f87171;background:#ef444414;border:1px solid #ef444433}.btn-logout-mobile:hover{background:#ef444426}.app-layout{min-height:100vh}.app-wrapper{max-width:1000px;margin:0 auto;padding:110px 20px 60px;transition:padding .3s}@media (width>=1025px) and (width<=1200px){.navbar-container{padding:0 16px}.navbar-link{padding:8px 12px;font-size:.9rem}.navbar-brand-name{font-size:1rem}.navbar-actions-desktop{gap:12px}}@media (width<=1024px){.navbar-menu-desktop,.navbar-actions-desktop{display:none}.navbar-toggle-mobile{display:block}.navbar-container{padding:0 20px}}