body{font-size:.875rem;background-color:#4c4e51;color:whitesmoke}body>.container-fluid{padding:0}.main{width:100%;max-width:3000px;margin:0 auto;position:relative;transition:0.4s ease-in-out;overflow:hidden}.main .main{padding-top:95px}.main:after{content:"";position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.44);top:0;left:0;bottom:0;width:100%;height:auto;z-index:1}@media only screen and (max-width: 768px){.main .col-10{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.row{max-width:1200px;margin:0 auto;position:relative;z-index:2}.spinner{display:none;position:fixed;z-index:1000;top:50%;left:50%;height:100%;width:100%;margin-left:-70px}@media only screen and (min-width: 768px){.spinner{overflow:hidden}}.spinner.showspin{display:block}.spinner>div{width:38px;height:38px;background-color:#FF7E00;border-bottom-color:white;border-bottom-style:solid;border-bottom-width:5px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.twitter-link{transform:rotate(90deg)}.versions{position:absolute;top:1px;right:83px;display:flex;justify-content:flex-start;z-index:5}.versions .dropdown button{color:#0B0C0C;margin:1px;border-radius:0;background:#fafafa;border:none;border-left:1px solid #aaa;padding:.385rem .42rem}@media screen and (min-width: 768px){.versions{top:1px;right:83px}.versions .dropdown button{padding:.385rem .75rem}}.top-players{padding:20px;display:block;margin:30px auto;max-width:70%;background:rgba(0,0,0,0.3);border-top:2px solid #fff}.top-players p{display:block;padding-bottom:10px}.top-players button{border-radius:0;border:none;color:#fff;position:relative}@media screen and (min-width: 768px){.top-players button:after{content:"";position:absolute;right:-6px;top:0;width:2px;height:36px;background:rgba(255,255,255,0.5)}.top-players button:last-of-type:after{width:0}}footer{background-color:#4c4e51;clear:both;padding-top:20px}footer .inner{max-width:1200px;margin:0 auto;padding:0 40px}.navbar{background:#FF7E00;padding:0}@media only screen and (min-width: 768px){.navbar{height:70px}}.navbar .nav-search{display:flex;padding:10px}.navbar .nav-search .input-group-prepend{margin-left:0}.navbar .nav-search .usersearch{width:80%}.navbar .nav-search button{color:#fff;border-color:#fff}.navbar .input-group{max-width:1200px;margin:3px auto 0 !important}.navbar .input-group-prepend{margin-left:44px;display:inline-block}.navbar .input-group-prepend #inputGroup-sizing-default{margin:0;border:none;line-height:28px}.navbar #SearchBox{padding:8px 50px 8px 8px;position:relative}@media only screen and (max-width: 768px){.navbar #SearchBox{width:231px}}.navbar #SearchButton{margin:1px 0 0 10px;height:40px}@media only screen and (min-width: 768px){.navbar .input-group-prepend{margin-left:170px}}.navbar .navbar-brand{padding:.75em;font-size:1rem;height:76px;width:85px;top:-3px;left:-5px;filter:grayscale(100%);filter:brightness(0.25);transform:rotate(14deg)}@media only screen and (min-width: 768px){.navbar .navbar-brand{position:absolute;height:140px;width:140px;top:-26px;border-radius:50%;left:50%;margin-left:-70px;padding:1em;-webkit-box-shadow:10px 10px 48px -20px rgba(0,0,0,0.61);-moz-box-shadow:10px 10px 48px -20px rgba(0,0,0,0.61);box-shadow:10px 10px 48px -20px rgba(0,0,0,0.61);background:#0b0c0c;filter:unset;transform:none}}.navbar .navbar-brand img{width:100%;max-width:78px;image-rendering:auto}@media only screen and (min-width: 768px){.navbar .navbar-brand img{margin:4px auto 0;max-width:170px}}.navbar .form-control{border-width:0;border-radius:0}.navbar .form-control-dark{color:#fff;background-color:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.1)}.navbar .form-control-dark:focus{border-color:transparent;box-shadow:0 0 0 3px rgba(255,255,255,0.25)}#navbarText{max-width:1200px;margin:0 auto;position:relative}.nav-link{color:black;border-bottom:1px solid rgba(255,255,255,0.44);padding:6px 16px !important;padding-bottom:15px !important;text-transform:uppercase}@media screen and (min-width: 768px){.nav-link{border:none;padding:12px 20px !important}}.nav-link:after hover{color:white;border-bottom-color:whitesmoke;border-bottom-style:solid}.navbar-toggler{position:relative;top:0;right:5px;border:1px solid transparent;padding:10px;border-radius:4px;max-width:100px}.navbar-toggler:focus{border:1px solid #000}.navbar-toggler:after{content:"Menu";color:#0b0c0c;text-align:center;font-size:1.4em}.navbar-toggler .navbar-toggler-icon{display:none}.navbar-toggler .usersearch{width:calc(100%-20px)}@media screen and (max-width: 768px){#tabSection{position:absolute;z-index:10}}@media screen and (max-width: 768px){.nav-tabs{position:fixed;bottom:0;left:0;margin:0;width:100%;z-index:4}}@media screen and (max-width: 768px){.nav-tabs li{text-indent:-9999em;width:25%}}.nav-tabs li a{color:#fff;position:relative;border-radius:0}@media screen and (max-width: 768px){.nav-tabs li a{text-indent:-9999em;padding:0}}.nav-tabs li a:after{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";font-weight:900;float:left;text-indent:0;content:"";color:#fff;font-size:20px;padding-right:8px}@media screen and (max-width: 768px){.nav-tabs li a:after{padding-left:30%}}.nav-tabs li a#KillLog-tab:after{content:"\f54c"}.nav-tabs li a#Summary-tab:after{content:"\f0ca"}.nav-tabs li a#Leaderboard-tab:after{content:"\f0ca"}.nav-tabs li a#Performance-tab:after{content:"\f164"}.nav-tabs li a#Telemetry-tab:after{content:"\f14e"}.nav-tabs li a.active{color:#fff !important;background:#FF7E00 !important;border-color:#dee2e6 #dee2e6 #343A40 !important}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;padding:48px 0 0;box-shadow:inset -1px 0 0 rgba(0,0,0,0.1)}.sidebar-sticky{position:relative;top:0;height:calc(100vh - 48px);padding-top:.5rem;overflow-x:hidden;overflow-y:auto}@supports (position: -webkit-sticky) or (position: sticky){.sidebar-sticky{position:-webkit-sticky;position:sticky}}.sidebar .nav-link{font-weight:500;color:#333}.sidebar .nav-link .feather{margin-right:4px;color:#999}.sidebar .nav-link.active{color:#007bff}.sidebar .nav-link:hover .feather,.sidebar .nav-link.active .feather{color:inherit}.sidebar-heading{font-size:.75rem;text-transform:uppercase}@media only screen and (max-width: 600px){.rightbar{display:block;width:100%;max-width:100% !important;flex:100%;margin-top:200px}}.static{margin:5px}.StaticImages{padding:20px}.kpi{text-align:center}.kpiheading{padding:10px 0;font-size:1.2em;font-weight:normal}.kpivalue{font-size:2.5em;font-weight:normal;text-align:center}.hint{color:orange}.feather{width:16px;height:16px;vertical-align:text-bottom}.border-top{border-top:1px solid #e5e5e5}.border-bottom{border-bottom:1px solid #e5e5e5}#inputGroup-sizing-default{margin-left:10px;margin-bottom:5px;margin-top:10px}h1{color:whitesmoke}.PlayerFoundStatus{padding:10px 0 0 10px;height:40px;width:35px;border:solid;border-color:whitesmoke;border-width:1px;border-radius:0 4px 4px 0;top:0;right:0;position:absolute;background-color:#333}.CurrentUser{color:lightgreen}.StatLabel{font-weight:bold}.Stats{margin:0px 0px 5px 0px;padding:10px}.SteamStats{margin:10px 0;padding:20px;width:100%;font-size:30px}.SteamStats .StatLabel{font-size:4.3em;display:block}@media only screen and (max-width: 600px){.SteamStats .StatLabel{font-size:1.6em}}.PlayerStats{margin:100px 0px 5px 0px;padding:10px}.alert{padding-top:0.50rem;padding-right:1.25rem;padding-bottom:0.50rem;padding-left:1.25rem}button{margin:5px}.btn{margin:5px}@media only screen and (max-width: 600px){.telemetryImage{width:100%;height:auto}.heatmap-canvas{width:100%;height:auto}.StaticImages{width:100%;height:auto}#SearchBox{width:190px}#Nav{display:none}}.hero{width:100%;min-height:100vh;max-width:3000px;margin-top:-5px;background-size:auto 109%;padding:10px 0 30px}@media only screen and (min-width: 768px){.hero{padding-top:70px}}.hero .col,.hero .col-8{position:relative;padding:16px 20px}.hero .col{cursor:pointer}.hero .col-3{padding:0;overflow:hidden}@media only screen and (max-width: 600px){.hero .col{width:100%;display:block;flex:unset;max-width:100% !important}}.hero .col-8 h1{position:relative;z-index:2}.hero .col-8 p{margin-bottom:0;position:relative;z-index:2}.hero .col{padding:15px}.hero .col .picture{max-height:200px;overflow:hidden;margin-bottom:20px;border:2px solid transparent;position:relative}.hero .col .picture img{width:102%}.hero .col .picture-2{border-color:#FF7E00}.hero .col .picture-2:after{content:"NEW";transform:rotate(-45deg);color:#fff;position:absolute;background:#FF7E00;top:-10px;left:-43px;padding:20px 40px 5px}.hero .col .search-index{display:flex;position:relative;margin:0 0px 30px}@media screen and (min-width: 768px){.hero .col .search-index{margin:0 40px 30px}}.hero .col .search-index:before{content:"@";line-height:38px;background:rgba(0,0,0,0.17);padding:1px 10px;color:#0b0c0c;position:absolute;left:0px}.hero .col .search-index #SearchBox2{padding:7px 20px 7px 45px}.hero .col .search-index #SearchBox{width:630px;padding-left:40px}.hero .col .search-index .PlayerFoundStatus{right:47px;pointer-events:none}.hero .col .search-index .form{display:inline !important}.hero .col .search-index .form .btn{margin:0 0 0 5px}.hero .col .search-index .form .btn-outline-primary{color:#fff;border-color:#fff;padding:7px 13px}.table td,.table th{padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem}.emoji{width:20px}.weapontip{width:160px;padding:3px}footer{border-top-color:#FF7E00;border-top-style:solid;border-top-width:20px}.rowHide{display:none}.rowShow{display:table-row}.loadoutImage{width:20%}.heatmap{position:relative;display:inline-block}.navbar .nav-search .nav-select{width:auto;max-width:100px;margin-left:5px;background-color:#333;color:whitesmoke;border:1px solid whitesmoke;border-radius:4px;padding:0 5px;height:38px;margin-top:1px}@media only screen and (max-width: 768px){.navbar .nav-search .nav-select{max-width:70px;font-size:0.8rem}}

/* Weapon Mastery Cards */
.weapon-mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:10px 0}
.weapon-card{background:#343a40;border:1px solid #495057;border-radius:6px;overflow:hidden;transition:transform 0.2s ease,border-color 0.2s ease}
.weapon-card:hover{transform:translateY(-3px);border-color:#FF7E00}
.weapon-card-header{background:#2b2f33;padding:12px;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}
.weapon-card-img{max-width:180px;max-height:60px;width:auto;height:auto;filter:brightness(0.95)}
.weapon-card-body{padding:12px 14px}
.weapon-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.weapon-name{font-size:1.1em;font-weight:bold;color:#fff}
.weapon-tier-badge{width:32px;height:32px}
.weapon-card-level{font-size:0.8em;color:#FF7E00;margin-bottom:10px}
.weapon-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.weapon-stat{text-align:center;padding:4px 0}
.weapon-stat-value{display:block;font-size:1.1em;font-weight:bold;color:#fff}
.weapon-stat-label{display:block;font-size:0.7em;color:#adb5bd;text-transform:uppercase;letter-spacing:0.5px}
@media only screen and (max-width:600px){.weapon-mastery-grid{grid-template-columns:1fr}}

html { scroll-behavior: smooth; }

/* Ranked Stats Cards */
.ranked-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:10px 0}
.ranked-card{background:#2a2e33;border:2px solid #5a6268;border-radius:8px;overflow:hidden;transition:transform 0.2s ease,border-color 0.2s ease;box-shadow:0 4px 6px rgba(0,0,0,0.3)}
.ranked-card:hover{transform:translateY(-4px);border-color:#FFD700}
.ranked-card-header{background:#1e2124;padding:20px;text-align:center;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #444}
.ranked-tier-img{max-width:100px;height:auto;filter:drop-shadow(0 0 8px rgba(255,255,255,0.2))}
.ranked-card-body{padding:16px}
.ranked-mode-title{font-size:1.2em;font-weight:bold;color:#FFD700;text-align:center;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}
.ranked-tier-name{font-size:1.3em;color:#fff;text-align:center;font-weight:bold;margin-bottom:2px}
.ranked-rp{font-size:1em;color:#adb5bd;text-align:center;margin-bottom:15px}
.ranked-stats-grid-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.ranked-val{display:block;font-size:1.1em;font-weight:bold;color:#fff}
.ranked-lbl{display:block;font-size:0.7em;color:#8f959b;text-transform:uppercase}
@media only screen and (max-width:600px){.ranked-stats-grid{grid-template-columns:1fr}}