#skins-page .home-container{max-width:1240px}
#ranking-page .home-container{max-width:1240px}
#ranking-page .home-header{height:96px;border:0}
#ranking-page .weapon-grid{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 24px;overflow:visible;margin:0;padding:26px 0 40px}
#ranking-page .weapon-card{width:100%;height:260px}
#ranking-page .weapon-card>img{width:240px;height:155px;object-fit:contain;top:24px;left:50%;transform:translateX(-50%) rotate(47deg) scale(1.04);mask-image:none}
#ranking-page .weapon-card:hover>img,#ranking-page .weapon-card:focus-visible>img{transform:translateX(-50%) translateY(-7px) rotate(32deg) scale(1.12)}
#ranking-page .weapon-card .agent-word{font-size:25px;letter-spacing:0;left:16px;top:20px}
#ranking-page .weapon-card .skin-orbit{width:80%;height:160px;left:10%;top:25px}
#ranking-page .weapon-card .agent-card-bottom{left:18px;right:14px;bottom:18px}
#ranking-page .weapon-card .agent-card-bottom strong{font-size:23px}
#ranking-page .weapon-melee>img{width:200px;transform:translateX(-50%) rotate(7deg) scale(1.04)}
#ranking-page .weapon-melee:hover>img,#ranking-page .weapon-melee:focus-visible>img{transform:translateX(-50%) translateY(-7px) rotate(-8deg) scale(1.12)}
@media(max-width:1050px){#ranking-page .weapon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){#ranking-page .weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#ranking-page .home-header{height:78px}#ranking-page .weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}#ranking-page .weapon-card{height:235px}#ranking-page .weapon-card>img{width:205px;height:140px;top:20px}#ranking-page .weapon-card .agent-word{font-size:19px}#ranking-page .weapon-card .agent-card-bottom{left:15px;right:10px}#ranking-page .weapon-melee>img{width:170px}}
#skins-page .home-header{height:96px;border:0}
.skin-grid{grid-auto-flow:row;grid-template-columns:repeat(2,300px);gap:32px;overflow:visible;padding-top:40px}
.skin-card{width:300px;height:375px;--skin-light:#6e4d35;--skin-dark:#211b21}
.skin-card.skin-ranking{--skin-light:#62604a;--skin-dark:#1a2227}
.skin-card::before{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,25%),var(--skin-light),var(--skin-dark) 85%);transition:border-color .35s,box-shadow .5s,filter .4s}
.skin-card:hover::before,.skin-card:focus-visible::before{filter:brightness(1.35);border-color:#edd7a58c;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#fff2,transparent 65%),radial-gradient(ellipse at var(--light-x,50%) var(--light-y,25%),var(--skin-light),var(--skin-dark) 85%);box-shadow:inset 0 1px 0 #fff4,0 20px 55px #0005}
.skin-card .agent-word{font-size:76px;letter-spacing:-4px;top:24px;left:22px;color:#e6cf9b12}
.skin-card>img{width:330px;height:auto;left:50%;top:85px;mask-image:none;z-index:2;transform:translateX(-50%) rotate(55deg);filter:brightness(.58) saturate(.75) drop-shadow(0 18px 14px #0009)}
.skin-card:hover>img,.skin-card:focus-visible>img{transform:translateX(-50%) translateY(-10px) rotate(40deg) scale(1.08);filter:brightness(1.15) saturate(1.1) drop-shadow(0 20px 20px #0009)}
.skin-orbit{position:absolute;top:38px;left:32px;width:236px;height:236px;border:1px solid #e5d6a914;border-radius:50%;background:radial-gradient(ellipse,#d5b66a0c,transparent 68%);transform:rotate(-35deg) scaleY(.68);pointer-events:none}
.skin-card .agent-card-bottom{bottom:28px;left:25px;right:24px}
.skin-card .agent-card-bottom strong{font-size:27px}
@media(max-width:700px){#skins-page .home-header{height:78px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:24px 0}.skin-card{width:100%;height:310px}.skin-card>img{width:280px;top:65px}.skin-card .agent-word{font-size:54px;left:14px}.skin-orbit{width:80%;height:170px;left:10%}.skin-card .agent-card-bottom{left:17px;right:13px}.skin-card .agent-card-bottom strong{font-size:22px}}
@media(max-width:420px){.skin-grid{grid-template-columns:minmax(0,280px);justify-content:center;gap:35px}.skin-card{height:330px}.skin-card>img{width:295px;top:72px}}
@media(hover:none){.skin-card>img{filter:brightness(.95) saturate(1) drop-shadow(0 14px 16px #0008)}}
@media(prefers-reduced-motion:reduce){.skin-card>img,.skin-card:hover>img,.skin-card:focus-visible>img{transform:translateX(-50%) rotate(55deg)!important;transition:none}.skin-card::before{transition:none}}
@media(prefers-reduced-motion:reduce){#ranking-page .weapon-card>img,#ranking-page .weapon-card:hover>img,#ranking-page .weapon-card:focus-visible>img{transform:translateX(-50%) rotate(47deg) scale(1.04)!important}#ranking-page .weapon-melee>img,#ranking-page .weapon-melee:hover>img,#ranking-page .weapon-melee:focus-visible>img{transform:translateX(-50%) rotate(7deg) scale(1.04)!important}}