/* SpaceMC crate-key category */
.spm-keys-page{width:min(1180px,calc(100% - 42px))!important;margin:0 auto!important;padding:58px 0 82px!important}.spm-keys-hero{text-align:center;max-width:830px;margin:0 auto 30px}.spm-keys-breadcrumb{display:flex;justify-content:center;gap:8px;margin-bottom:22px;color:#60708e;font-size:.64rem;font-weight:900;letter-spacing:.11em}.spm-keys-breadcrumb a{text-decoration:none;color:#7f90b4}.spm-keys-breadcrumb strong{color:#b7c4dd}.spm-keys-hero h1{margin:7px 0 12px!important;color:#fff!important;font-size:clamp(2.7rem,6vw,4.8rem)!important;line-height:.95!important;letter-spacing:-.065em!important}.spm-keys-hero>p{max-width:720px;margin:0 auto;color:#8f9db9;font-size:.92rem;line-height:1.7}.spm-keys-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:23px}.spm-keys-trust span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#9aa8c4;font-size:.64rem;font-weight:850}.spm-keys-trust span:first-child{color:#80d7ba}.spm-keys-subnav{justify-content:center;margin:0 auto 24px!important}
.spm-key-lineup{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 21px;margin:0 0 36px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(12,19,43,.96),rgba(7,11,27,.96));box-shadow:0 22px 56px rgba(0,0,0,.2)}.spm-key-lineup-copy{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.spm-key-lineup-copy small{color:var(--cyan);font-size:.54rem;font-weight:950;letter-spacing:.16em}.spm-key-lineup-copy strong{color:#d9e3f6;font-size:.78rem}.spm-key-lineup-track{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.spm-key-lineup-track span{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);font-size:.65rem;font-weight:950}.spm-key-lineup-track .legendary{color:#ffbd2f;border-color:rgba(255,189,47,.2)}.spm-key-lineup-track .common{color:#ff881a;border-color:rgba(255,136,26,.2)}.spm-key-lineup-track .vote{color:#87ed36;border-color:rgba(135,237,54,.2)}.spm-key-lineup-track .boxpvp{color:#536fff;border-color:rgba(83,111,255,.22)}.spm-key-lineup-track .space{color:#ff3d46;border-color:rgba(255,61,70,.22)}.spm-key-lineup-track .elite{color:#16d8ed;border-color:rgba(22,216,237,.22)}.spm-key-description{padding:21px!important;margin:-17px 0 33px!important;color:#8f9db9!important}
.spm-keys-section{margin-top:6px}.spm-keys-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 18px}.spm-keys-section-head h2{margin:4px 0 0!important;color:#fff!important;font-size:clamp(1.55rem,3vw,2.2rem)!important;letter-spacing:-.045em!important}.spm-keys-section-head>p{max-width:440px;margin:0;color:#72809d;font-size:.75rem;line-height:1.55;text-align:right}.spm-keys-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.spm-key-card{--key:#7da8ff;--key-rgb:125,168,255;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:linear-gradient(155deg,rgba(14,21,45,.99),rgba(6,10,25,.99));box-shadow:0 16px 44px rgba(0,0,0,.24);transition:transform .22s,border-color .22s,box-shadow .22s}.spm-key-card:before{content:"";position:absolute;inset:0;background:radial-gradient(350px circle at 50% 8%,rgba(var(--key-rgb),.14),transparent 57%);pointer-events:none}.spm-key-card:hover{transform:translateY(-5px);border-color:rgba(var(--key-rgb),.44);box-shadow:0 25px 65px rgba(0,0,0,.31),0 0 38px rgba(var(--key-rgb),.07)}.spm-key-glow{height:3px;background:linear-gradient(90deg,transparent,var(--key),transparent);position:relative;z-index:2}.spm-key-topline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px 6px}.spm-key-eyebrow{color:var(--key);font-size:.52rem;font-weight:950;letter-spacing:.15em}.spm-key-sale{padding:4px 6px;border-radius:6px;background:rgba(var(--key-rgb),.1);color:var(--key);font-size:.46rem;font-weight:950;letter-spacing:.1em}.spm-key-visual{position:relative;z-index:2;height:165px;margin:4px 18px 12px;border:1px solid rgba(var(--key-rgb),.16);border-radius:17px;display:grid;place-items:center;text-decoration:none;background:radial-gradient(circle at 50% 45%,rgba(var(--key-rgb),.18),transparent 63%),linear-gradient(150deg,rgba(var(--key-rgb),.04),rgba(255,255,255,.01));overflow:hidden}.spm-key-visual:before,.spm-key-visual:after{content:"";position:absolute;width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--key-rgb),.28),transparent);transform:rotate(24deg)}.spm-key-visual:after{transform:rotate(-24deg)}.spm-key-visual img{display:block!important;width:100%!important;height:145px!important;object-fit:contain!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.35));transition:transform .22s}.spm-key-card:hover .spm-key-visual img{transform:scale(1.04)}.spm-key-crate{position:relative;width:82px;height:82px;border:1px solid rgba(var(--key-rgb),.44);border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--key-rgb),.25),rgba(var(--key-rgb),.06));box-shadow:inset 0 0 32px rgba(var(--key-rgb),.12),0 18px 36px rgba(0,0,0,.32),0 0 35px rgba(var(--key-rgb),.09);transform:rotate(6deg)}.spm-key-crate:before{content:"";position:absolute;inset:8px;border:1px solid rgba(var(--key-rgb),.24);border-radius:12px}.spm-key-crate i{position:relative;z-index:2;color:var(--key);font-size:1.65rem;font-style:normal;text-shadow:0 0 16px rgba(var(--key-rgb),.7);transform:rotate(-6deg)}.spm-key-copy{position:relative;z-index:2;padding:0 18px}.spm-key-copy h2{margin:0!important;font-size:1.3rem!important;line-height:1.1!important;letter-spacing:-.035em!important}.spm-key-copy h2 a{color:#fff!important;text-decoration:none!important}.spm-key-copy>p{min-height:42px;margin:9px 0 12px;color:#7988a6;font-size:.69rem;line-height:1.5}.spm-key-hint{display:flex;align-items:flex-start;gap:7px;min-height:41px;padding:10px 11px;border:1px solid rgba(var(--key-rgb),.14);border-radius:10px;background:rgba(var(--key-rgb),.045);color:#9ba8c2;font-size:.61rem;line-height:1.4}.spm-key-hint span{color:var(--key);font-weight:950}.spm-key-buy{position:relative;z-index:2;margin-top:auto;padding:16px 18px 18px}.spm-key-buy .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.spm-key-buy .price{display:flex;align-items:baseline;gap:6px;margin:0 0 3px!important;color:#7584a1!important;font-size:.62rem!important}.spm-key-buy .price:before{content:"PRICE";font-size:.48rem;font-weight:950;letter-spacing:.13em}.spm-key-buy .price strong{color:#fff!important;font-size:1.22rem!important}.spm-key-buy .add,.spm-key-buy .subscribe{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-color:rgba(var(--key-rgb),.3)!important;background:linear-gradient(135deg,var(--key),rgba(var(--key-rgb),.68))!important;color:#06101a!important;font-weight:950!important}.spm-key-buy .gift{display:none!important}.spm-key-buy .quantity-field{margin-top:0!important}
.spm-key-legendary{--key:#e6ad15;--key-rgb:230,173,21;order:1}.spm-key-common{--key:#e86f0a;--key-rgb:232,111,10;order:2}.spm-key-vote{--key:#63cf24;--key-rgb:99,207,36;order:3}.spm-key-boxpvp{--key:#2438d8;--key-rgb:36,56,216;order:4}.spm-key-space{--key:#f21f2c;--key-rgb:242,31,44;order:5}.spm-key-elite{--key:#00bfdc;--key-rgb:0,191,220;order:6}.spm-key-generic{order:50}
.spm-key-help{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:center;margin-top:48px;padding:27px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,rgba(12,20,44,.97),rgba(6,11,27,.98));box-shadow:0 20px 55px rgba(0,0,0,.22)}.spm-key-help h2{margin:5px 0 8px!important;color:#fff!important;font-size:1.7rem!important;letter-spacing:-.045em!important}.spm-key-help p{margin:0;color:#7e8daa;font-size:.72rem;line-height:1.6}.spm-key-help-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spm-key-help-steps span{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.022);color:#a7b4cd;font-size:.67rem;font-weight:800}.spm-key-help-steps b{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:linear-gradient(135deg,rgba(103,221,255,.13),rgba(157,124,255,.13));color:var(--cyan);font-size:.56rem}
@media(max-width:980px){.spm-keys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spm-key-lineup{align-items:flex-start;flex-direction:column}.spm-key-lineup-track{justify-content:flex-start}.spm-key-help{grid-template-columns:1fr}}@media(max-width:650px){.spm-keys-page{width:min(100% - 24px,1180px)!important;padding:37px 0 62px!important}.spm-keys-hero h1{font-size:2.7rem!important}.spm-keys-section-head{align-items:flex-start;flex-direction:column;gap:7px}.spm-keys-section-head>p{text-align:left}.spm-keys-grid{grid-template-columns:1fr}.spm-key-visual{height:178px}.spm-key-copy>p{min-height:0}.spm-key-help{padding:21px}.spm-key-help-steps{grid-template-columns:1fr}.spm-key-lineup-track span{font-size:.6rem}}