:root{--cat-orange:#d4dbf0;--cat-orange-glow:#ffffff26;--cat-dark:#111319;--cat-surface:#161820;--cat-surface3:#1a1c25;--cat-border:#ffffff14;--cat-border2:#ffffff0f;--cat-text:#d4dbf0;--cat-muted:#6b7087;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{background:var(--cat-dark);color:var(--cat-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;position:relative}body:before{content:"";z-index:-2;filter:blur(6px);will-change:transform;background:url(/bg-duels.png) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1.05)translateZ(0)}body:after{content:"";z-index:-1;background:#111319f5;position:fixed;inset:0}a{color:inherit;text-decoration:none}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);border-bottom:1px solid var(--cat-border);background:#111319d9;justify-content:center;align-items:center;height:75px;padding:0 30px;transition:background .3s;display:flex;position:sticky;top:0}.navbar-left-section{align-items:center;gap:12px;display:flex;position:absolute;left:30px}.navbar-brand{align-items:center;gap:12px;display:flex}.navbar-right{align-items:center;gap:8px;display:flex;position:absolute;right:30px}.navbar-search{display:flex}.navbar-search-input{background:var(--cat-surface);border:1px solid var(--cat-border2);width:200px;height:42px;color:var(--cat-text);border-radius:10px;outline:none;padding:0 15px;font-family:Poppins,sans-serif;font-size:15px;transition:border-color .2s,width .3s}.navbar-search-input::placeholder{color:var(--cat-muted)}.navbar-search-input:focus{border-color:var(--cat-orange);width:240px}.navbar-logo{align-items:center;display:flex}.navbar-logo-img{width:auto;height:36px}.navbar-online{align-items:center;gap:6px;margin-left:12px;display:flex}.online-dot{background:var(--cat-muted);border-radius:50%;width:8px;height:8px;transition:background .2s}.online-dot.active{background:#4ade80;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 8px #4ade8080}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #4ade8080}50%{box-shadow:0 0 14px #4ade80b3,0 0 4px #4ade80e6}}.online-count{color:var(--cat-text);font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.online-label{color:var(--cat-muted);font-family:Poppins,sans-serif;font-size:14px}.navbar-links{justify-content:center;align-items:center;gap:28px;display:flex}.navbar-links a{color:var(--cat-muted);font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:color .3s;position:relative}.navbar-links a:before{content:"";background:var(--cat-text);height:2px;transition:left .3s var(--ease-out-expo), right .3s var(--ease-out-expo);opacity:.5;border-radius:2px;position:absolute;bottom:-20px;left:50%;right:50%}.navbar-links a:hover:before{left:0;right:0}.navbar-links a:hover{color:var(--cat-text)}.navbar-links a.active{color:var(--cat-orange)}.navbar-store{text-shadow:0 0 12px #e5c89066;color:#e5c890!important}.navbar-store:hover{text-shadow:0 0 20px #e5c89099}.navbar-discord{background:var(--cat-surface);border:1px solid var(--cat-border2);width:42px;height:42px;color:var(--cat-muted);border-radius:10px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.navbar-discord:hover{color:#5865f2;background:#5865f21a;border-color:#5865f24d;transform:translateY(-1px);box-shadow:0 4px 12px #5865f226}.navbar-links a.active:after{content:"";background:var(--cat-orange);height:2px;box-shadow:0 0 8px var(--cat-orange-glow);border-radius:2px;position:absolute;bottom:-20px;left:0;right:0}.navbar-hamburger{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.navbar-hamburger span{background:var(--cat-text);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.navbar-hamburger span.open:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-hamburger span.open:nth-child(2){opacity:0}.navbar-hamburger span.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.home-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 75px);padding:30px;display:flex;position:relative;overflow:hidden}.home-content{z-index:1;flex-direction:column;align-items:center;animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.home-logo{align-items:center;gap:12px;margin-bottom:0;display:flex}@keyframes logoEntrance{0%{opacity:0;filter:blur(12px);transform:translateY(40px)scale(.85)}50%{opacity:1;filter:blur()}75%{transform:translateY(-8px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-logo-img{object-fit:contain;filter:drop-shadow(0 8px 32px #0006);width:450px;height:450px;animation:1s cubic-bezier(.22,1,.36,1) both logoEntrance,4s ease-in-out 1.2s infinite logoFloat}.home-heading{letter-spacing:3px;text-align:center;font-family:Poppins,sans-serif;font-size:95px;font-weight:700;line-height:1}.home-heading span{color:var(--cat-orange);text-shadow:0 0 40px #ffffff40}.home-subheading{color:var(--cat-muted);text-align:center;max-width:400px;margin-top:-10px;font-family:Poppins,sans-serif;font-size:19px;line-height:1.5}@keyframes searchSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-wrapper{width:100%;max-width:725px;margin-top:50px;transition:transform .3s cubic-bezier(.22,1,.36,1);animation:.6s cubic-bezier(.22,1,.36,1) .5s both searchSlideUp;position:relative}.search-wrapper.focused{transform:scale(1.02)}.search-input{background:var(--cat-surface);border:1px solid var(--cat-border2);width:100%;height:68px;color:var(--cat-text);transition:all .35s var(--ease-spring);border-radius:18px;outline:none;padding:0 70px 0 28px;font-family:Poppins,sans-serif;font-size:19px;box-shadow:0 4px 24px #00000026}.search-input::placeholder{color:var(--cat-muted);transition:color .2s}.search-input:focus{border-color:var(--cat-orange);box-shadow:0 8px 32px #0003,0 0 0 3px #d4dbf014}.search-input:focus::placeholder{color:#7a7f8e80}.search-btn{border:1px solid var(--cat-border2);background:var(--cat-surface);width:50px;height:50px;color:var(--cat-muted);cursor:pointer;transition:all .25s var(--ease-spring);border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.search-btn:hover{background:var(--cat-surface3);color:var(--cat-text);border-color:#ffffff1f;transform:translateY(-50%)scale(1.05)}.search-btn:active{transform:translateY(-50%)scale(.95)}.player-container{max-width:1200px;margin:0 auto;padding:0 30px 50px}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes skinReveal{0%{opacity:0;filter:drop-shadow(0 4px 16px #00000080)blur(8px);transform:scale(.8)translateY(20px)}60%{opacity:1;filter:drop-shadow(0 4px 16px #00000080)blur()}80%{transform:scale(1.04)translateY(-2px)}to{opacity:1;filter:drop-shadow(0 4px 16px #00000080)blur();transform:scale(1)translateY(0)}}@keyframes nameSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.hero{flex-direction:column;gap:12px;padding-top:40px;animation:.6s cubic-bezier(.22,1,.36,1) both heroIn;display:flex}.hero-top{align-items:center;gap:35px;display:flex}.hero-skin{width:150px;min-width:150px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 16px #00000080);transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s;animation:.8s cubic-bezier(.22,1,.36,1) both skinReveal}.hero-skin:hover{filter:drop-shadow(0 12px 28px #00000080);transform:scale(1.05)translateY(-4px)}.hero-name{animation:.5s cubic-bezier(.22,1,.36,1) .15s both nameSlide}.badge{animation:.4s cubic-bezier(.22,1,.36,1) .3s both badgePop}.hero-info{flex-direction:column;flex:1;gap:15px;min-width:0;display:flex}.hero-rank-line{align-items:center;gap:10px;margin-bottom:8px;display:flex}.hero-rank-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.hero-rank-title{text-transform:uppercase;letter-spacing:1px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.hero-rank-elo{color:var(--cat-muted);font-family:Poppins,sans-serif;font-size:15px}.hero-name{letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:18px;font-family:Poppins,sans-serif;font-size:60px;font-weight:700;line-height:1;display:flex}.hero-name .badge-rank{vertical-align:middle;padding:8px 20px;font-size:18px}.hero-name-orange{color:var(--cat-orange);text-shadow:0 0 20px #ffffff4d}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;padding:5px 15px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.badge-orange{color:var(--cat-orange);background:#ffffff21;border:1px solid #ffffff45}.badge-rank{border:1px solid}.stat-bar{background:var(--cat-border2);border:1px solid var(--cat-border2);border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1px;margin-bottom:0;display:grid;overflow:hidden;box-shadow:0 2px 16px #00000026}@keyframes cellReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-bar-cell{background:var(--cat-surface);text-align:center;transition:background .3s ease, transform .4s var(--ease-spring);animation:cellReveal .5s var(--ease-spring) both;padding:20px 18px}.stat-bar-cell:first-child{animation-delay:.1s}.stat-bar-cell:nth-child(2){animation-delay:.15s}.stat-bar-cell:nth-child(3){animation-delay:.2s}.stat-bar-cell:nth-child(4){animation-delay:.25s}.stat-bar-cell:nth-child(5){animation-delay:.3s}.stat-bar-cell:nth-child(6){animation-delay:.35s}.stat-bar-cell:hover{background:var(--cat-surface3);transform:translateY(-3px)}.stat-bar-cell:hover .stat-bar-value{transform:scale(1.05)}.stat-bar-value{transition:transform .3s var(--ease-spring);font-family:Poppins,sans-serif;font-size:35px;font-weight:700}.stat-bar-value.orange{color:var(--cat-orange);text-shadow:0 0 12px #fff3}.stat-bar-label{color:var(--cat-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:5px;font-family:Poppins,sans-serif;font-size:12px}.section-divider{background:linear-gradient(90deg, transparent, var(--cat-border2) 15%, var(--cat-border2) 85%, transparent);height:1px;margin:35px 0}.section-label{align-items:center;gap:18px;margin-top:35px;margin-bottom:20px;display:flex}.section-label-text{letter-spacing:2px;text-transform:uppercase;color:var(--cat-muted);white-space:nowrap;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.section-label-line{background:linear-gradient(90deg, var(--cat-border2) 0%, #ffffff08 80%, transparent);flex:1;height:1px}.-grid{grid-template-columns:repeat(auto-fill,minmax(231px,1fr));gap:12px;display:grid}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.92)rotateX(8deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}.ranked-card-tilt{background:var(--cat-surface);border:1px solid var(--cat-border2);cursor:default;animation:cardIn .5s var(--ease-spring) both;transition:border-color .35s ease, box-shadow .4s ease, transform .4s var(--ease-spring);border-radius:15px;overflow:hidden}.ranked-card-tilt:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff0a}.ranked-card-inner{padding:20px;position:relative}.ranked-card-bar{opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.ranked-card-inner.top-rated .ranked-card-bar,.ranked-card-tilt:hover .ranked-card-bar{opacity:1}.ranked-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ranked-card-kit{text-transform:uppercase;letter-spacing:.8px;color:var(--cat-muted);font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.ranked-card-tier-pill{border-radius:100px;padding:2px 8px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700}.ranked-card-rating{font-family:Poppins,sans-serif;font-size:45px;font-weight:700;line-height:1}.ranked-card-rank{color:var(--cat-muted);margin-top:3px;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:15px}.ranked-card-progress{background:var(--cat-surface3);border-radius:2px;height:4px;overflow:hidden}.ranked-card-progress-fill{height:100%;animation:progressGrow .8s var(--ease-out-expo) .3s both;transform-origin:0;border-radius:2px;box-shadow:0 0 8px}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ranked-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.kit-dropdown-wrapper{margin-bottom:14px;position:relative}.kit-dropdown-trigger{background:var(--cat-surface);border:1px solid var(--cat-border2);cursor:pointer;border-radius:15px;justify-content:space-between;align-items:center;width:100%;height:60px;padding:15px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.kit-dropdown-trigger:hover{border-color:#fff6;box-shadow:0 2px 12px #00000026}.kit-dropdown-trigger.open{border-color:var(--cat-orange);border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 16px #ffffff1a}.kit-dropdown-left{align-items:center;gap:10px;display:flex}.kit-dropdown-dot{background:var(--cat-orange);width:8px;height:8px;box-shadow:0 0 6px var(--cat-orange-glow);border-radius:50%}.kit-dropdown-name{color:var(--cat-text);font-family:Poppins,sans-serif;font-size:18px;font-weight:500}.kit-dropdown-chevron{color:var(--cat-muted);font-size:15px;transition:transform .2s}.kit-dropdown-chevron.open{transform:rotate(180deg)}.kit-dropdown-list{background:var(--cat-surface);border:1px solid var(--cat-orange);z-index:50;transform-origin:top;border-top:none;border-bottom-right-radius:15px;border-bottom-left-radius:15px;max-height:325px;animation:.2s cubic-bezier(.22,1,.36,1) dropIn;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0006}@keyframes dropIn{0%{opacity:0;transform:scaleY(.9)translateY(-4px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.kit-dropdown-list::-webkit-scrollbar{width:4px}.kit-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.kit-dropdown-list::-webkit-scrollbar-track{background:0 0}.kit-dropdown-row{cursor:pointer;border-bottom:1px solid var(--cat-border2);justify-content:space-between;align-items:center;padding:12px 20px;transition:background .15s;display:flex}.kit-dropdown-row:last-child{border-bottom:none}.kit-dropdown-row:hover{background:#ffffff14}.kit-dropdown-row.selected{background:#ffffff1f}.kit-dropdown-row-name{color:var(--cat-text);text-transform:capitalize;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.winrate-pill{border-radius:100px;padding:3px 10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.winrate-pill.green{color:#22c55e;background:#22c55e1f}.winrate-pill.orange{color:var(--cat-orange);background:#ffffff1f}.winrate-pill.red{color:#ef4444;background:#ef44441f}.kit-detail{background:var(--cat-surface);border:1px solid var(--cat-border2);border-radius:18px;transition:box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 4px 20px #00000026}.kit-detail:hover{border-color:#ffffff14;box-shadow:0 8px 32px #0003}.kit-detail-header{border-bottom:1px solid var(--cat-border2);background:linear-gradient(#ffffff05 0%,#0000 100%);justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.kit-detail-name{text-transform:capitalize;font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.kit-detail-winrate-pill{border-radius:100px;padding:5px 18px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.kit-detail-stats{background:var(--cat-border2);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.kit-detail-stat{background:var(--cat-surface3);text-align:center;padding:25px 10px;transition:background .25s}.kit-detail-stat:hover{background:#ffffff0a}.kit-detail-stat-value{font-family:Poppins,sans-serif;font-size:38px;font-weight:700}.kit-detail-stat-label{color:var(--cat-muted);text-transform:uppercase;letter-spacing:.7px;margin-top:5px;font-family:Poppins,sans-serif;font-size:12px}.kit-detail-footer{border-top:1px solid var(--cat-border2);align-items:center;gap:30px;padding:20px 25px;display:flex}.kit-detail-footer-divider{background:var(--cat-border2);width:1px;height:36px}.kit-detail-footer-item{flex-direction:column;gap:2px;display:flex}.kit-detail-footer-label{color:var(--cat-muted);text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif;font-size:15px}.kit-detail-footer-value{font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.elo-graph{background:var(--cat-surface);border:1px solid var(--cat-border2);border-radius:15px;transition:box-shadow .3s,border-color .3s;overflow:hidden}.elo-graph:hover{border-color:#ffffff14;box-shadow:0 8px 32px #0003}.elo-graph-controls-wrapper{position:relative}.elo-graph-controls{border-bottom:1px solid var(--cat-border2);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:5px;padding:15px 20px;display:flex;overflow-x:auto}.elo-graph-controls::-webkit-scrollbar{display:none}.elo-scroll-hint{width:40px;color:var(--cat-muted);pointer-events:none;z-index:2;justify-content:flex-end;align-items:center;padding-right:8px;animation:2s ease-in-out infinite hintPulse;display:flex;position:absolute;top:0;bottom:1px;right:0}.elo-scroll-hint-left{justify-content:flex-start;padding-left:8px;padding-right:0;left:0;right:auto}.elo-kit-btn{color:var(--cat-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 15px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.elo-kit-btn:hover{color:var(--cat-text);background:var(--cat-surface3)}.elo-kit-btn.active{color:var(--cat-text);background:#d4dbf01a}.elo-graph-wrap{padding:8px 8px 4px}.elo-svg{contain:layout style;width:100%;height:auto;display:block}@media (max-width:480px){.elo-kit-btn{padding:4px 8px;font-size:10px}}.mh-container{flex-direction:column;gap:15px;display:flex}.mh-list{flex-direction:column;gap:5px;display:flex}@keyframes mhIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mh-row{background:var(--cat-surface);border:1px solid var(--cat-border2);color:var(--cat-text);transition:background .25s ease, border-color .25s ease, transform .3s var(--ease-spring), box-shadow .3s ease;animation:mhIn .3s var(--ease-spring) both;border-radius:12px;align-items:center;padding:15px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.mh-row:hover{background:var(--cat-surface3);border-color:#ffffff14;transform:translate(4px);box-shadow:-4px 0 16px #00000026}.mh-result-indicator{width:3px;position:absolute;top:0;bottom:0;left:0}.mh-win .mh-result-indicator{background:#22c55e;box-shadow:0 0 8px #22c55e4d}.mh-loss .mh-result-indicator{background:#ef4444;box-shadow:0 0 8px #ef44444d}.mh-player{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mh-right-player{justify-content:flex-end}.mh-skin{width:40px;height:40px;image-rendering:pixelated;border-radius:8px;flex-shrink:0}.mh-player-info{flex-direction:column;gap:1px;min-width:0;display:flex}.mh-name{white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.mh-rating{color:var(--cat-muted);font-family:Poppins,sans-serif;font-size:14px}.mh-center{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:150px;padding:0 20px;display:flex}.mh-kit{color:var(--cat-text);font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.mh-meta{color:var(--cat-muted);font-family:Poppins,sans-serif;font-size:12px}.mh-outcome{letter-spacing:1px;border-radius:4px;padding:1px 8px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700}.mh-outcome.win{color:#22c55e;background:#22c55e1a}.mh-outcome.loss{color:#ef4444;background:#ef44441a}.mh-load-more{color:var(--cat-muted);background:var(--cat-surface);border:1px solid var(--cat-border2);cursor:pointer;transition:all .3s var(--ease-spring);border-radius:10px;align-self:center;padding:10px 30px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.mh-load-more:hover{color:var(--cat-text);background:var(--cat-surface3);border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 16px #0003}@media (max-width:768px){.mh-row{padding:10px 12px}.mh-center{min-width:80px;padding:0 8px}.mh-skin{width:28px;height:28px}.mh-name{font-size:12px}.mh-kit{font-size:10px}}@media (max-width:480px){.mh-center{min-width:60px;padding:0 4px}.mh-meta{display:none}.mh-player{gap:6px}.mh-skin{width:24px;height:24px}.mh-name{font-size:11px}.mh-rating{font-size:10px}}.loading-container{max-width:960px;margin:0 auto;padding:32px 24px}.skeleton{background:linear-gradient(90deg, var(--cat-surface) 25%, var(--cat-surface3) 50%, var(--cat-surface) 75%);background-size:200% 100%;border-radius:10px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:24px;display:flex}.error-title{color:var(--cat-orange);text-shadow:0 0 30px #fff3;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:56px;font-weight:700}.error-message{color:var(--cat-muted);margin-bottom:28px;font-family:Poppins,sans-serif;font-size:15px}.error-link{color:var(--cat-muted);background:var(--cat-surface);border:1px solid var(--cat-border2);cursor:pointer;border-radius:10px;margin:8px auto 0;padding:10px 30px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.error-link:hover{color:var(--cat-text);background:var(--cat-surface3);border-color:#ffffff1a}.site-footer{text-align:center;color:var(--cat-muted);letter-spacing:.5px;border-top:1px solid var(--cat-border2);opacity:.7;margin-top:20px;padding:40px 24px;font-family:Poppins,sans-serif;font-size:12px;transition:opacity .3s}.site-footer:hover{opacity:1}.site-footer strong{color:var(--cat-text);font-weight:600}.site-footer strong span{color:var(--cat-orange)}.tilt-card{will-change:transform;transform-style:preserve-3d;position:relative}.lb-scene{perspective:1200px;max-width:938px;margin:0 auto}.lb-modes-wrapper{margin-bottom:24px;position:relative}.lb-modes-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--cat-border2);padding-bottom:0;overflow-x:auto}.lb-modes-scroll::-webkit-scrollbar{display:none}.lb-modes-track{gap:0;display:flex}.lb-scroll-hint{width:60px;color:var(--cat-muted);pointer-events:none;z-index:2;background:0 0;justify-content:flex-end;align-items:center;padding-right:8px;animation:2s ease-in-out infinite hintPulse;display:flex;position:absolute;top:0;bottom:1px;right:0}.lb-scroll-hint-left{background:0 0;justify-content:flex-start;padding-left:8px;padding-right:0;left:0;right:auto}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.4}}.lb-mode-tab{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-width:125px;padding:25px 25px 20px;transition:all .2s;display:flex;position:relative}.lb-mode-tab:hover{background:#ffffff05}.lb-mode-tab.active{border-bottom-color:var(--cat-text)}.lb-mode-icon{object-fit:contain;opacity:.4;width:40px;height:40px;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1),filter .3s}.lb-mode-tab:hover .lb-mode-icon{opacity:.65;transform:translateY(-3px)scale(1.1)}.lb-mode-tab.active .lb-mode-icon{opacity:1;filter:drop-shadow(0 4px 8px #d4dbf026);transform:translateY(-2px)}.lb-mode-label{color:var(--cat-muted);white-space:nowrap;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s}.lb-mode-tab.active .lb-mode-label{color:var(--cat-text);font-weight:700}.lb-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.lb-stat-tabs{background:var(--cat-surface);border:1px solid var(--cat-border2);border-radius:10px;gap:4px;padding:4px;display:flex}.lb-stat-btn{color:var(--cat-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .15s}.lb-stat-btn:hover{color:var(--cat-text);background:var(--cat-surface3)}.lb-stat-btn.active{color:var(--cat-orange);background:#ffffff1f}.lb-tf-tabs{background:var(--cat-surface);border:1px solid var(--cat-border2);border-radius:10px;gap:2px;padding:4px;display:flex}.lb-tf-btn{color:var(--cat-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .15s}.lb-tf-btn:hover{color:var(--cat-text);background:var(--cat-surface3)}.lb-tf-btn.active{color:var(--cat-orange);background:#ffffff1f}.lb-header-row{text-transform:uppercase;letter-spacing:1.5px;color:var(--cat-muted);align-items:center;margin-bottom:5px;padding:10px 30px 10px 15px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;display:flex}.lb-h-pos{flex-shrink:0;width:175px}.lb-h-player{flex:1}.lb-h-stat{text-align:right;flex-shrink:0;width:125px}.lb-rows{perspective:1000px;flex-direction:column;gap:4px;display:flex}@keyframes rowIn{0%{opacity:0;filter:blur(2px);transform:translate(-16px)translateY(8px)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)}}.lb-row{background:var(--cat-surface);border:1px solid var(--cat-border2);color:var(--cat-text);cursor:pointer;min-height:102px;animation:rowIn .4s var(--ease-spring) both;contain:layout style;border-radius:15px;align-items:center;padding:10px 30px 10px 8px;text-decoration:none;transition:border-color .25s,box-shadow .3s,background .25s;display:flex;position:relative;overflow:hidden}.lb-row:hover{background:var(--cat-surface3);border-color:#ffffff14;box-shadow:0 4px 20px #0003}.lb-row-top{border-color:#ffffff0f}.lb-row-left{flex-shrink:0;align-items:flex-end;width:175px;padding-left:4px;display:flex}.lb-row-pos{background:var(--cat-surface3);z-index:2;border-radius:15px 10px 10px 15px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:65px;display:flex;position:relative;overflow:hidden;transform:translateZ(30px)}.lb-row-num{color:var(--cat-muted);z-index:2;font-family:Poppins,sans-serif;font-size:32px;font-weight:700;line-height:1;position:relative}.lb-row-pos.medal{background:0 0;box-shadow:0 3px 12px #0000004d}.lb-row-pos.medal .lb-row-num{color:#fff;text-shadow:0 1px 3px #00000080}.lb-row-shimmer{object-fit:cover;z-index:1;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.lb-row-skin{width:80px;height:80px;image-rendering:pixelated;z-index:1;filter:drop-shadow(2px 2px 4px #00000059);align-self:flex-end;margin-bottom:-20px;margin-left:12px;position:relative;transform:translateZ(20px)}@keyframes float{0%,to{transform:translateZ(20px)translateY(0)}50%{transform:translateZ(20px)translateY(-3px)}}.lb-row-skin.floating{animation:3s ease-in-out infinite float}.lb-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;padding-left:10px;display:flex;transform:translateZ(10px)}.lb-row-name{white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;line-height:1.2;overflow:hidden}.lb-row-sub{align-items:center;gap:6px;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;display:flex}.lb-row-rank-icon{font-size:10px}.lb-row-rank{font-weight:600}.lb-row-pts{color:var(--cat-muted)}.lb-row-right{flex-shrink:0;justify-content:flex-end;align-items:center;width:125px;display:flex;transform:translateZ(15px)}.lb-row-val{color:var(--cat-orange);font-family:Poppins,sans-serif;font-size:30px;font-weight:700}.lb-state{text-align:center;color:var(--cat-muted);background:var(--cat-surface);border:1px solid var(--cat-border2);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-family:Poppins,sans-serif;font-size:14px;display:flex}.lb-loading-spinner{border:2px solid var(--cat-border2);border-top-color:var(--cat-orange);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.lb-load-more{color:var(--cat-muted);justify-content:center;align-items:center;padding:20px;font-family:Poppins,sans-serif;font-size:14px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.hero-top{text-align:center;flex-direction:column;align-items:center}.hero-skin{width:125px;min-width:125px}.hero-info{flex-direction:column;align-items:center;display:flex}.hero-name{font-size:45px}.badge-row{justify-content:center}.stat-bar,.ranked-grid{grid-template-columns:repeat(2,1fr)}.navbar{height:62px;padding:0 15px}.navbar-hamburger{display:flex}.navbar-brand{display:none}.navbar-left-section{width:auto}.navbar-links{border:1px solid var(--cat-border);z-index:99;background:#111319fa;border-radius:12px;flex-direction:column;gap:0;padding:12px;display:none;position:absolute;top:72px;left:15px;right:15px}.navbar-links.open{display:flex}.navbar-links a{border-radius:8px;padding:12px 16px;font-size:15px}.navbar-links a:hover{background:var(--cat-surface)}.navbar-links a.active:after{display:none}.navbar-right{gap:15px}.navbar-discord{position:static}.navbar-store{padding:12px 16px;display:block}.home-logo-img{width:300px;height:300px}.player-container{padding:0 20px 40px}.lb-controls{flex-direction:column;align-items:stretch}.navbar-search-input{width:150px;font-size:14px}.navbar-search{right:15px}.navbar-search-input:focus{width:175px}.lb-stat-tabs{scrollbar-width:none;overflow-x:auto}.lb-stat-tabs::-webkit-scrollbar{display:none}.lb-tf-tabs{scrollbar-width:none;overflow-x:auto}.lb-tf-tabs::-webkit-scrollbar{display:none}.lb-header-row{display:none}.lb-row{min-height:85px;padding:10px 18px 10px 8px}.lb-row-left{width:130px}.lb-row-pos{width:48px;height:52px}.lb-row-num{font-size:25px}.lb-row-skin{width:65px;height:65px}.lb-row-name{font-size:20px}.lb-row-sub{font-size:14px}.lb-row-right{width:88px}.lb-row-val{font-size:25px}.lb-mode-tab{min-width:100px;padding:18px 18px 15px}.kit-detail-stats{grid-template-columns:repeat(3,1fr)}.kit-detail-footer{flex-wrap:wrap;gap:20px}.kit-detail-footer-divider{display:none}.search-wrapper{max-width:100%}.home-subheading{padding:0 20px;font-size:18px}.section-label{margin-top:25px}}@media (max-width:480px){.ranked-grid{grid-template-columns:1fr}.stat-bar{grid-template-columns:repeat(3,1fr)}.hero-name{font-size:35px}.home-logo-img{width:250px;height:250px}.navbar-links{gap:15px}.navbar-links a{font-size:14px}.navbar-store{font-size:14px!important}.lb-mode-tab{gap:8px;min-width:80px;padding:12px 10px 10px}.lb-mode-icon{width:30px;height:30px}.lb-mode-label{font-size:11px}.lb-stat-btn{padding:8px 12px;font-size:14px}.lb-row{gap:0;min-height:64px;padding:8px 12px 8px 6px}.lb-row-left{flex-shrink:0;gap:6px;width:auto}.lb-row-pos{border-radius:8px;width:34px;height:38px}.lb-row-num{font-size:17px}.lb-row-skin{width:40px;height:40px;margin-bottom:-8px;margin-left:6px}.lb-row-info{padding-left:8px}.lb-row-name{font-size:14px}.lb-row-sub{gap:3px;font-size:10px}.lb-row-right{width:auto;min-width:50px;padding-left:4px}.lb-row-val{font-size:18px}.kit-detail-name{font-size:22px}.kit-detail-stat-value{font-size:28px}}.layout-with-ads{gap:14px;width:100%;padding:0 14px;display:flex}.main-content{flex:none;width:min(1050px,60vw);min-width:0;margin:0 auto}.sp-rail{flex-direction:column;flex:1 1 0;align-self:flex-start;gap:12px;min-width:160px;max-width:320px;height:calc(100vh - 107px);padding-top:16px;display:flex;position:sticky;top:91px}.sp-rail-left{margin-left:auto}.sp-rail-right{margin-right:auto}.sp-tile{border:1px solid var(--cat-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s ease, background .3s ease, transform .35s var(--ease-spring), box-shadow .35s ease;cursor:pointer;background:#161820a6;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:22px 16px;display:flex}.sp-tile:hover{background:#1a1c25d9;border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.sp-glyph{border:1px solid var(--cat-border);width:44px;height:44px;color:var(--cat-muted);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;transition:color .25s,border-color .25s;display:flex}.sp-tile:hover .sp-glyph{color:var(--cat-text);border-color:#ffffff1f}.sp-name{color:var(--cat-text);text-align:center;font-size:13px;font-weight:600;line-height:1.3}.sp-note{color:var(--cat-muted);text-align:center;font-size:11px;line-height:1.4}.sp-tile--filled{color:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;text-decoration:none}.sp-tile--filled:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.sp-logo{object-fit:cover;border-radius:10px;width:56px;height:56px}@media (max-width:1400px){.sp-rail{min-width:140px}}@media (max-width:1200px){.sp-rail{display:none}.layout-with-ads{padding:0}.main-content{width:100%}}.pm-overlay{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0}.pm-overlay--active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.pm-dialog{background:var(--cat-surface);border:1px solid var(--cat-border);opacity:0;border-radius:18px;width:520px;max-width:92vw;max-height:90vh;padding:36px 32px 32px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(24px)scale(.96)}.pm-dialog--active{opacity:1;transform:translateY(0)scale(1)}.pm-close{color:var(--cat-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex;position:absolute;top:16px;right:16px}.pm-close:hover{color:var(--cat-text);background:#ffffff0f}.pm-heading{color:var(--cat-text);margin-bottom:6px;font-size:22px;font-weight:700}.pm-subheading{color:var(--cat-muted);margin-bottom:24px;font-size:14px}.pm-metrics{gap:10px;margin-bottom:28px;display:flex}.pm-metric{background:var(--cat-surface3);border:1px solid var(--cat-border);opacity:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 10px;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(12px)}.pm-metric--visible{opacity:1;transform:translateY(0)}.pm-metric--urgent{background:#ef44440f;border-color:#ef444440}.pm-metric-icon{color:var(--cat-muted)}.pm-metric-icon--urgent{color:#ef4444}.pm-metric-value{color:var(--cat-text);font-size:20px;font-weight:700}.pm-metric-value--urgent{color:#ef4444}.pm-metric-label{color:var(--cat-muted);font-size:12px}.pm-block,.pm-pricing,.pm-steps{opacity:0;margin-bottom:22px;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.pm-block--visible{opacity:1;transform:translateY(0)}.pm-block-title{color:var(--cat-text);margin-bottom:8px;font-size:14px;font-weight:600}.pm-block-text{color:var(--cat-muted);font-size:13px;line-height:1.6}.pm-pricing{background:var(--cat-surface3);border:1px solid var(--cat-border);border-radius:12px;padding:18px 20px}.pm-pricing-rate{color:var(--cat-text);margin-bottom:4px;font-size:14px}.pm-pricing-rate strong{color:#fff}.pm-pricing-note{color:var(--cat-muted);font-size:13px}.pm-spots{color:#ef4444;font-weight:600}.pm-steps{flex-direction:column;gap:10px;display:flex}.pm-step{color:var(--cat-text);align-items:center;gap:12px;font-size:13px;display:flex}.pm-step strong{color:#a78bfa}.pm-step-num{border:1px solid var(--cat-border);width:28px;height:28px;color:var(--cat-muted);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pm-action{color:#111;cursor:pointer;opacity:0;background:#ffffffe6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background .2s;display:flex;transform:translateY(8px)}.pm-action--visible{opacity:1;transform:translateY(0)}.pm-action:hover{background:#fff}.pm-reviews{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(12px)}.pm-reviews--visible{opacity:1;transform:translateY(0)}.pm-reviews-divider{background:var(--cat-border);height:1px;margin:24px 0}.pm-reviews-title{color:var(--cat-text);margin-bottom:18px;font-size:16px;font-weight:600}.pm-review{border:1px solid var(--cat-border2);transform-style:preserve-3d;background:#ffffff08;border-radius:12px;margin-bottom:12px;padding:16px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.pm-review:hover{border-color:#ffffff1f;transform:perspective(800px)rotateX(2deg)rotateY(-2deg)translateY(-2px);box-shadow:0 8px 24px #0000004d}.pm-review-anim{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards paused pm-review-slide-in;transform:perspective(800px)rotateX(8deg)translateY(20px)}.pm-reviews--visible .pm-review-anim{animation-play-state:running}@keyframes pm-review-slide-in{0%{opacity:0;transform:perspective(800px)rotateX(8deg)translateY(20px)}to{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)}}.pm-review-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.pm-review-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.pm-review-meta{flex-direction:column;gap:2px;display:flex}.pm-review-name{color:var(--cat-text);font-size:14px;font-weight:600}.pm-review-company{color:var(--cat-muted);font-weight:400}.pm-review-stars{align-items:center;gap:2px;display:flex}.pm-star{fill:#f5a623;filter:drop-shadow(0 0 3px #f5a62366)}.pm-review-text{color:#d4dbf0bf;font-size:13px;line-height:1.6}.pm-review-text strong{color:var(--cat-text);font-weight:600}