:root {
  --stats-bg:#0e0a04; --stats-bg2:#1c1408; --stats-card:#231a0c; --stats-card2:#2e220f;
  --stats-border:#3d2c14; --stats-green:#00ff6a; --stats-green-dim:#0a3d1f; --stats-green-mid:#14532d;
  --stats-amber:#ffc107; --stats-red:#ff3b3b; --stats-cyan:#22d3ee; --stats-cyan-dim:#0a2d3d;
  --stats-purple:#d946ef; --stats-white:#e8edf2; --stats-grey:#7a8ba3; --stats-dark-grey:#3a4a5c;
}

.stats-view {
  font-family: 'JetBrains Mono', monospace;
  color: var(--stats-white);
  background: var(--stats-bg);
  min-height: 100vh;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;scroll-behavior:smooth}
.stats-view .header{background:linear-gradient(180deg,var(--stats-bg2),transparent);border-bottom:1px solid var(--stats-border);padding:2rem 2rem 1.2rem;text-align:center;position:relative}
.stats-view .header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--stats-green),transparent);opacity:.4}
.stats-view .header h1{font-family:'Teko',sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:.25em;color:var(--stats-green);text-shadow:0 0 30px rgba(0,255,106,.3);text-transform:uppercase}
.stats-view .header .sub{color:var(--stats-grey);font-size:.75rem;margin-top:.4rem;letter-spacing:.15em;text-transform:uppercase}
.stats-view .header .meta{color:var(--stats-dark-grey);font-size:.65rem;margin-top:.5rem;letter-spacing:.05em}
.stats-view .tabs{display:flex;justify-content:center;gap:.5rem;padding:1rem 1rem 0;background:var(--stats-bg);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--stats-border);flex-wrap:wrap}
.stats-view .tab{font-family:'Teko',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.4rem;color:var(--stats-grey);background:transparent;border:1px solid transparent;border-bottom:none;cursor:pointer;transition:all .2s;border-radius:4px 4px 0 0}
.stats-view .tab:hover{color:var(--stats-white);background:var(--stats-card)}
.stats-view .tab.active{color:var(--stats-green);background:var(--stats-card);border-color:var(--stats-border);box-shadow:0 0 15px rgba(0,255,106,.08)}
.stats-view .content{max-width:1200px;margin:0 auto;padding:1.5rem}
.stats-view .panel{display:none;animation:fadeIn .3s}.stats-view .panel.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.stats-view .card-grid{display:flex;flex-direction:column;gap:.4rem}
.stats-view .card{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:6px;padding:.8rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.25rem}
.stats-view .card:hover{border-color:rgba(0,255,106,.3);box-shadow:0 0 20px rgba(0,255,106,.05)}
.stats-view .card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--stats-green),transparent);opacity:0;transition:opacity .2s}
.stats-view .card:hover::before{opacity:.6}
.stats-view .card .label{font-size:.6rem;color:var(--stats-grey);letter-spacing:.15em;text-transform:uppercase;line-height:1}
.stats-view .record-row{display:flex;align-items:center;gap:.4rem;overflow:hidden}
.stats-view .record-row .value{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;color:var(--stats-amber);text-shadow:0 0 20px rgba(255,193,7,.2);line-height:1;flex-shrink:0}
.stats-view .record-row .holder{color:var(--stats-green);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;line-height:1}
.stats-view .record-row .date{color:var(--stats-dark-grey);font-size:.6rem;white-space:nowrap;flex-shrink:0;margin-left:auto;line-height:1}
.stats-view .search-bar{margin-bottom:1rem}
.stats-view .search-bar input{width:100%;max-width:400px;background:var(--stats-card);color:var(--stats-white);border:1px solid var(--stats-border);font-family:'JetBrains Mono',monospace;font-size:.8rem;padding:.5rem .8rem;border-radius:4px;outline:none;transition:border-color .2s}
.stats-view .search-bar input:focus{border-color:var(--stats-green)}
.stats-view .search-bar input::placeholder{color:var(--stats-dark-grey)}
.stats-view .table-wrap{overflow-x:auto;border:1px solid var(--stats-border);border-radius:6px;background:var(--stats-card)}
.stats-view table{width:100%;border-collapse:collapse;font-size:.8rem}
.stats-view thead{background:var(--stats-bg2);position:sticky;top:0}
.stats-view th{font-family:'Teko',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--stats-grey);padding:.7rem .8rem;text-align:left;cursor:pointer;white-space:nowrap;border-bottom:1px solid var(--stats-border);user-select:none;transition:color .15s}
.stats-view th:hover{color:var(--stats-green)}
.stats-view th.sorted-asc::after{content:' \25B2';color:var(--stats-green)}
.stats-view th.sorted-desc::after{content:' \25BC';color:var(--stats-green)}
.stats-view td{padding:.55rem .8rem;border-bottom:1px solid rgba(30,45,61,.4);white-space:nowrap}
.stats-view tbody tr{transition:background .15s}
.stats-view tbody tr:hover{background:rgba(0,255,106,.03)}
.stats-view .rank{font-family:'Teko',sans-serif;font-weight:700;color:var(--stats-amber);width:2.5rem}
.stats-view .rank-1{color:#ffd700;text-shadow:0 0 8px rgba(255,215,0,.4)}.stats-view .rank-2{color:#c0c0c0}.stats-view .rank-3{color:#cd7f32}
.stats-view .kd-good{color:var(--stats-green)}.stats-view .kd-ok{color:var(--stats-amber)}.stats-view .kd-bad{color:var(--stats-red)}
.stats-view .ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}
.stats-view .ach-card{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:6px;padding:.9rem 1rem;display:flex;align-items:center;gap:.8rem;transition:all .2s}
.stats-view .ach-card:hover{border-color:var(--stats-cyan-dim);background:var(--stats-card2)}
.stats-view .ach-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Teko',sans-serif;font-size:.7rem;font-weight:900;flex-shrink:0;background:var(--stats-cyan-dim);color:var(--stats-cyan);border:1px solid rgba(34,211,238,.2)}
.stats-view .ach-info{flex:1;min-width:0}.stats-view .ach-name{font-size:.8rem;font-weight:700;margin-bottom:.15rem}.stats-view .ach-desc{font-size:.65rem;color:var(--stats-grey)}.stats-view .ach-meta{font-size:.6rem;color:var(--stats-dark-grey);margin-top:.2rem}
.stats-view .ribbon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem;margin-bottom:1.5rem}
.stats-view .ribbon-box{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:4px;padding:.5rem;display:flex;align-items:center;gap:.6rem}
.stats-view .ribbon-strip{width:12px;height:32px;border-radius:2px}
.stats-view .ribbon-info{flex:1;min-width:0}.stats-view .ribbon-title{font-size:.7rem;font-weight:700;line-height:1}.stats-view .ribbon-desc{font-size:.55rem;color:var(--stats-grey);margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em}
.stats-view .ribbon-count{background:var(--stats-bg2);color:var(--stats-amber);font-family:'Teko',sans-serif;font-weight:900;font-size:.8rem;padding:.2rem .4rem;border-radius:4px;border:1px solid var(--stats-border)}
.stats-view .ribbon-zero{opacity:0.4;filter:grayscale(1)}
.stats-view .profile-select{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.stats-view .profile-select input,.stats-view .profile-select select{background:var(--stats-card);color:var(--stats-white);border:1px solid var(--stats-border);font-family:'JetBrains Mono',monospace;font-size:.85rem;padding:.5rem .8rem;border-radius:4px;cursor:pointer}
.stats-view .profile-select input{min-width:250px}.stats-view .profile-select select{min-width:250px}
.stats-view .profile-select input:focus,.stats-view .profile-select select:focus{outline:none;border-color:var(--stats-green)}
.stats-view .stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;margin-bottom:1.5rem}
.stats-view .stat-box{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:4px;padding:.6rem .8rem;text-align:center}
.stats-view .stat-box .stat-val{font-family:'Teko',sans-serif;font-size:1.1rem;font-weight:700;color:var(--stats-green)}
.stats-view .stat-box .stat-label{font-size:.55rem;color:var(--stats-grey);letter-spacing:.1em;text-transform:uppercase;margin-top:.15rem}
.prog-bar{height:6px;background:var(--stats-bg);border-radius:3px;overflow:hidden;margin-top:.3rem}
.prog-fill{height:100%;border-radius:3px;transition:width .4s;background:linear-gradient(90deg,#00ff6a,#22d3ee)}
.stats-view .weapon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;margin-bottom:1.5rem}
.stats-view .weapon-box{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:4px;padding:.5rem;text-align:center;transition:border-color .2s}
.stats-view .weapon-box.fav{border-color:var(--stats-cyan);background:var(--stats-cyan-dim)}
.stats-view .weapon-box .wk-val{font-family:'Teko',sans-serif;font-size:.9rem;font-weight:700;color:var(--stats-cyan)}
.stats-view .weapon-box .wk-label{font-size:.5rem;color:var(--stats-grey);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem}
.stats-view .rival-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}
.stats-view .rival-card{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:6px;padding:.8rem}
.stats-view .rival-card h4{font-family:'Teko',sans-serif;font-size:.6rem;color:var(--stats-grey);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}
.stats-view .rival-item{font-size:.75rem;padding:.2rem 0;display:flex;justify-content:space-between}
.stats-view .map-section h3{font-family:'Teko',sans-serif;font-size:.7rem;color:var(--stats-green);letter-spacing:.15em;margin:1.5rem 0 .8rem;text-transform:uppercase}
.stats-view .section-title{font-family:'Teko',sans-serif;font-size:.75rem;font-weight:700;color:var(--stats-green);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--stats-border)}
.stats-view .last-seen{font-size:.65rem;color:var(--stats-dark-grey);margin-bottom:1rem}
.et0{color:#000}.et1{color:#ff3333}.et2{color:#33ff33}.et3{color:#ffff33}.et4{color:#3333ff}.et5{color:#33ffff}.et6{color:#ff33ff}.et7{color:#e8edf2}.et8{color:#ff8833}.et9{color:#888}
.eta{color:#ff7f7f}.etb{color:#7fff7f}.etc{color:#ffff7f}.etd{color:#7f7fff}.ete{color:#7fffff}.etf{color:#ff7fff}.etg{color:#fff}.eth{color:#d3d3d3}
.eti{color:#ff9f00}.etj{color:#ff6a00}.etk{color:#ff4500}.etl{color:#3b5998}.etm{color:#00ced1}.etn{color:#f0e68c}.eto{color:#fa8072}.etp{color:#dda0dd}
.etq{color:#b0c4de}.etr{color:#8fbc8f}.ets{color:#db7093}.ett{color:#f5deb3}.etu{color:#deb887}.etv{color:#b0e0e6}.etw{color:#f5f5f5}.etx{color:#ffdead}.ety{color:#ffd700}.etz{color:#cd853f}
.et-slash{color:#cd853f}.et-star{color:#e8edf2}
.stats-view .weekly-card{background:var(--stats-card);border:1px solid var(--stats-border);border-radius:6px;padding:1.4rem;margin-bottom:1rem;position:relative;overflow:hidden}
.stats-view .weekly-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--stats-amber),transparent);opacity:.6}
.stats-view .weekly-title{font-family:'Teko',sans-serif;font-size:1.4rem;font-weight:700;color:var(--stats-amber);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}
.stats-view .weekly-subtitle{font-size:.65rem;color:var(--stats-grey);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.stats-view .weekly-countdown{font-family:'Teko',sans-serif;font-size:1rem;font-weight:700;color:var(--stats-cyan);letter-spacing:.08em;margin-bottom:1.2rem}
.stats-view .weekly-countdown span{color:var(--stats-white)}
.stats-view .hof-title{font-family:'Teko',sans-serif;font-size:.75rem;font-weight:700;color:var(--stats-amber);letter-spacing:.15em;text-transform:uppercase;margin:1.5rem 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--stats-border)}
.stats-view .server-status{background:var(--stats-bg2);border-top:2px solid var(--stats-amber);border-bottom:1px solid var(--stats-border);font-size:.7rem;min-height:2rem}
.stats-view .sv-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem}
.stats-view .sv-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem .6rem;margin-bottom:.6rem;text-align:center}
.stats-view .sv-name{font-family:'Teko',sans-serif;font-weight:700;font-size:.85rem;color:var(--stats-white);letter-spacing:.05em}
.stats-view .sv-sep{color:var(--stats-dark-grey);font-size:.6rem}
.stats-view .sv-map{color:var(--stats-grey);font-size:.65rem;letter-spacing:.08em}
.stats-view .sv-count{font-family:'Teko',sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.08em}
.stats-view .sv-teams{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}
.stats-view .sv-team{display:flex;flex-direction:column;flex:0 1 380px;min-width:180px}
.stats-view .sv-team-label{font-size:.55rem;letter-spacing:.15em;font-weight:700;margin-bottom:.3rem}
.stats-view .sv-player-list{display:flex;flex-direction:column;gap:.2rem}
.stats-view .sv-player{display:flex;align-items:center;gap:.6rem;padding:.2rem .4rem;border-radius:3px;background:rgba(255,255,255,.02)}
.stats-view .sv-pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stats-view .sv-pkd{font-size:.6rem;flex-shrink:0}
.stats-view .sv-pxp{font-family:'Teko',sans-serif;font-size:.7rem;font-weight:700;flex-shrink:0}
.stats-view .online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--stats-green);box-shadow:0 0 6px var(--stats-green);vertical-align:middle;margin-left:.4rem;animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 4px var(--stats-green)}50%{box-shadow:0 0 10px var(--stats-green),0 0 20px rgba(0,255,106,.3)}}
.stats-view .trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}
.stats-view .trophy-card{background:var(--stats-card2);border:1px solid var(--stats-border);border-radius:6px;padding:.9rem 1rem;display:flex;align-items:flex-start;gap:.75rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
.stats-view .trophy-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--trophy-color,var(--stats-amber)),transparent);opacity:.7}
.stats-view .trophy-card:hover{border-color:color-mix(in srgb,var(--trophy-color,var(--stats-amber)) 40%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--trophy-color,var(--stats-amber)) 12%,transparent)}
.stats-view .trophy-icon{font-size:1.6rem;line-height:1;flex-shrink:0}
.stats-view .trophy-challenge{font-family:'Teko',sans-serif;font-size:.8rem;font-weight:700;color:var(--stats-white);letter-spacing:.04em;margin-bottom:.2rem}
.stats-view .trophy-week{font-size:.6rem;color:var(--stats-grey);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}
.stats-view .trophy-score{font-size:.65rem;color:var(--stats-grey);margin-bottom:.15rem}
.stats-view .trophy-xp{font-family:'Teko',sans-serif;font-size:.75rem;font-weight:700;margin-bottom:.15rem}
.stats-view .trophy-date{font-size:.6rem;color:var(--stats-dark-grey)}
@media(max-width:768px){
  .stats-view .header{padding:1rem 1rem 1rem}
  .stats-view .header h1{font-size:1.2rem}
  .stats-view .tabs{gap:.3rem;padding:.5rem .5rem 0}
  .stats-view .tab{font-size:.55rem;padding:.5rem .8rem}
  .stats-view .content{padding:1rem .8rem}
  .stats-view .card-grid{grid-template-columns:1fr}
  .stats-view .stat-row{grid-template-columns:repeat(3,1fr)}
  .stats-view .rival-section{grid-template-columns:1fr}
  .stats-view .weapon-grid{grid-template-columns:repeat(4,1fr)}
  .stats-view .profile-select{flex-direction:column;gap:.5rem}
  .stats-view .profile-select input,.stats-view .profile-select select{min-width:0;width:100%}
  .stats-view .ach-grid{grid-template-columns:1fr}
  .stats-view table{font-size:.72rem}
  .stats-view th,.stats-view td{padding:.45rem .5rem}
  .stats-view .sv-inner{padding:.6rem 1rem}
  .stats-view .sv-name{font-size:.75rem}
  .stats-view .sv-teams{flex-direction:column;gap:.6rem}
  .stats-view .sv-team{min-width:0;max-width:none;flex:none;width:100%}
  .stats-view .sv-player{gap:.4rem;padding:.2rem .3rem}
  .stats-view .sv-pkd{font-size:.55rem}
  .stats-view .sv-pxp{font-size:.6rem}
}
@media(max-width:480px){
  .stats-view .stat-row{grid-template-columns:repeat(2,1fr)}
  .stats-view .weapon-grid{grid-template-columns:repeat(3,1fr)}
  .stats-view .search-bar-row{flex-direction:column;align-items:stretch}
  .stats-view .search-bar-row input{max-width:none}
  .lb-limit-select{width:100%}
  .stats-view .trophy-grid{grid-template-columns:1fr}
  .icarus-stats-theme .icontent{padding:16px 12px 60px}
}