
.skins-page .catalog-shell{background:radial-gradient(ellipse 75% 1400px at 95% 25%,#753e1925,transparent),linear-gradient(180deg,#0b0e10,#1b130e 45%,#100f0e)}
.skins-hero{position:relative;isolation:isolate;overflow:hidden;min-height:420px;background:#0b0e10}
.skins-hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/skins-hero.webp') center/cover no-repeat}
.skins-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0e10b3,#0b0e1033 45%,transparent 75%),linear-gradient(0deg,#0b0e1077,transparent 30%)}
.skins-hero-copy{padding:55px clamp(22px,3vw,64px) 48px;max-width:850px}
.skins-hero .eyebrow{color:#c4a478;font-size:9px;letter-spacing:3px;margin-bottom:22px}
.skins-hero h1{font-size:clamp(40px,3.4vw,66px);letter-spacing:-1.8px;line-height:1.08;white-space:normal}
.skins-hero h1 span{color:#ffa52c}.skins-hero-copy>p:not(.eyebrow){color:#b9b2a8;line-height:1.6;margin-top:20px;font-size:15px}.skins-hero .button{margin-top:26px}
.skins-content{padding:32px clamp(22px,3vw,64px) 50px;max-width:2300px;margin:auto}
.weapon-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.weapon-section-heading h2{font-size:28px;font-weight:700;letter-spacing:-.7px;line-height:1.1}.weapon-section-heading>span{font-size:11px;color:#ac987c}.latest-updates .weapon-section-heading h2{font-size:22px}.latest-updates .weapon-section-heading>span{letter-spacing:2px;font-size:8px}
.updates-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.update-card{min-width:0;display:flex;align-items:center;gap:16px;padding:10px 18px 10px 10px;border:1px solid #b58b4f32;border-radius:8px;background:linear-gradient(120deg,#34281a66,#161717);transition:border-color .2s}.update-card img{width:95px;height:75px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 10px #0005)}.update-card>span{font-size:13px;font-weight:650;line-height:1.4}.update-card>b{margin-left:auto;color:#bf9a64;font-weight:400}
.weapon-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:28px 0;margin:0 0 8px;border-bottom:1px solid #c49a6229}.weapon-tabs a{border:1px solid #c49a6233;border-radius:5px;padding:10px 20px;font-size:12px;color:#c9bda9;background:#181713}.weapon-tabs a:hover{background:#3b2b17;border-color:#e2a14788;color:#ffc271}
.weapon-section{padding-top:34px;scroll-margin-top:24px}.weapon-section+.weapon-section{margin-top:10px}
.weapon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.skin-type-card{min-width:0;overflow:hidden;border:1px solid #c49a6228;border-radius:8px;background:linear-gradient(145deg,#28211999,#141616ed);transition:border-color .2s,background .2s}.skin-type-card:hover,.update-card:hover{border-color:#d79b4480;background:linear-gradient(145deg,#3a2a18b3,#191816)}.skin-type-card:focus-visible,.update-card:focus-visible{outline:2px solid #ffa52c;outline-offset:4px}
.type-art{height:160px;display:flex;align-items:center;justify-content:center;padding:14px 12px 6px;background:radial-gradient(ellipse at 50% 60%,#b97c1715,transparent 75%)}.type-art img{width:auto;height:auto;max-width:100%;max-height:140px;object-fit:contain;filter:drop-shadow(0 9px 10px #0005)}
.type-copy{position:relative;border-top:1px solid #d6a86c13;padding:15px 16px 17px}.type-copy h3{font-size:14px;font-weight:650;line-height:1.3;padding-right:15px}.type-copy>span:not(.type-arrow){display:block;font-size:11px;color:#b2a087;margin-top:7px}.type-arrow{position:absolute;right:16px;top:16px;color:#ae8b58;font-size:14px}
.skin-details-promo{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:60px;padding:42px;border:1px solid #c49a6228;border-radius:10px;background:radial-gradient(ellipse at 15% 100%,#98551b22,transparent 65%),#141310a6}.skin-details-promo .eyebrow{color:#b49465;margin-bottom:17px}.skin-details-promo h2{font-size:42px;line-height:1.08;letter-spacing:-1px}.skin-details-promo h2 span{color:#ffa52c}.skin-details-promo>div>p:last-child{font-size:13px;line-height:1.6;color:#ad9f8c;margin-top:18px}.skin-details-promo ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:28px}.skin-details-promo li{display:flex;gap:14px}.skin-details-promo li>span{font-size:11px;color:#c18d48;padding-top:3px}.skin-details-promo h3{font-size:14px;font-weight:650}.skin-details-promo li p{font-size:12px;line-height:1.6;color:#ad9f8c;margin-top:7px}
.registration-main{min-height:calc(100vh - 165px);display:grid;grid-template-columns:1fr 460px;align-items:center;gap:8vw;max-width:1320px;margin:auto;padding:60px 35px 80px}.registration-intro .eyebrow{color:#b99563;margin-bottom:22px}.registration-intro h1{font-size:clamp(38px,4vw,60px);line-height:1.08;white-space:normal}.registration-intro h1 span{color:#ffa52c}.registration-intro>p:not(.eyebrow){font-size:16px;color:#b9a990;margin-top:25px}.registration-back{display:inline-block;margin-top:38px;color:#e6bc7c;font-size:13px}.registration-card{padding:34px;border:1px solid #ba8c4a46;border-radius:12px;background:linear-gradient(145deg,#302317b3,#121617);box-shadow:0 18px 70px #0003}.registration-card>.eyebrow{color:#b5956b;margin-bottom:14px}.registration-card h2{font-size:28px;letter-spacing:-.7px}.selected-item{font-size:12px;line-height:1.5;color:#e4bf84;padding:12px;border:1px solid #bc91533d;border-radius:5px;margin-top:18px;overflow-wrap:anywhere}.selected-item[hidden]{display:none}.registration-notice{font-size:13px;color:#e2b368;margin:20px 0}.registration-card fieldset{border:0;min-width:0;padding:0}.registration-card label{display:block;font-size:12px;color:#b2a48f;margin-top:15px}.registration-card input{display:block;width:100%;padding:12px 13px;background:#0c1012;border:1px solid #9d835b35;border-radius:5px;margin-top:8px;font:inherit;color:#c5bba9}.registration-card .button{width:100%;margin-top:24px;opacity:.5;cursor:not-allowed}.registration-help{font-size:11px;line-height:1.6;color:#ac9c84;margin-top:18px}
@media(min-width:1900px){.skins-hero{min-height:470px}.skins-hero-copy{padding-top:65px}.type-art{height:185px}.type-art img{max-height:165px}}
@media(max-width:1350px){.weapon-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.update-card{gap:10px;padding-right:12px}.update-card img{width:74px;height:65px}.update-card>span{font-size:12px}.type-art{height:145px}.type-art img{max-height:125px}}
@media(max-width:1050px){.weapon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-details-promo{gap:35px;padding:30px}.registration-main{grid-template-columns:1fr 420px;gap:35px}.skin-details-promo ul{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.skins-hero{min-height:0}.skins-hero-art{background-position:65% top;background-size:auto 430px;opacity:.75}.skins-hero:after{background:linear-gradient(90deg,#0b0e1080,transparent),linear-gradient(0deg,#0b0e10 2%,#0b0e10bb 45%,transparent 100%)}.skins-hero-copy{padding:150px 22px 35px}.skins-hero h1{font-size:40px}.skins-hero .eyebrow{font-size:8px;margin-bottom:15px}.skins-hero-copy>p:not(.eyebrow){font-size:13px}.skins-content{padding:28px 18px 35px}.weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.type-art{height:140px;padding:10px}.type-art img{max-height:115px}.type-copy{padding:13px 12px}.type-copy h3{font-size:12px}.type-copy>span:not(.type-arrow){font-size:10px}.type-arrow{right:10px;top:13px}.weapon-section-heading h2{font-size:25px}.weapon-tabs{gap:8px;padding:24px 0}.weapon-tabs a{padding:9px 14px;font-size:11px}.weapon-section{padding-top:27px}.skin-details-promo{grid-template-columns:1fr;gap:30px;margin-top:40px;padding:28px}.skin-details-promo ul{grid-template-columns:1fr 1fr;gap:22px}.skin-details-promo h2{font-size:34px}.registration-main{grid-template-columns:1fr;gap:35px;max-width:520px;padding:35px 22px 55px}.registration-intro h1{font-size:40px}.registration-intro>p:not(.eyebrow){font-size:14px;margin-top:18px}.registration-back{margin-top:20px}.registration-card{padding:26px}}
@media(max-width:500px){.weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.updates-grid{gap:10px}.update-card{padding:9px;gap:7px;flex-wrap:wrap;position:relative}.update-card img{width:65px;height:52px}.update-card>span{font-size:11px;flex-basis:100%}.update-card>b{position:absolute;right:11px;top:12px}.type-art{height:140px}.skin-details-promo ul{grid-template-columns:1fr}.latest-updates .weapon-section-heading>span{display:none}.skins-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.skin-type-card,.update-card{transition:none}}
