.rank-hero{height:500px;position:relative;display:grid;place-items:end center;padding-bottom:72px;text-align:center;background-image:var(--hero-image);background-size:cover;background-position:center 44%;isolation:isolate}.rank-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#02070d66 0%,#02070d55 38%,#050911 100%)}.rank-hero h1{font:600 clamp(42px,7vw,82px)/1 Cinzel,serif;margin:6px 0 18px;text-shadow:0 3px 24px #000}.rank-hero h1 span{color:var(--cyan)}.japanese{margin:0;color:#fff;letter-spacing:.4em;font-size:12px;text-shadow:0 2px 12px #000}.rank-ip{font-size:10px;letter-spacing:.15em;color:#aabcc6}.rank-ip button{border:0;background:transparent;color:#fff;font:600 11px Inter;cursor:pointer}.rank-ip em{margin-left:8px;color:var(--cyan);font-size:8px;font-style:normal;text-transform:uppercase}.rank-store{padding-top:80px;background:radial-gradient(circle at 50% 0,#11354b55,transparent 35%)}.rank-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.rank-card{--rank:#7be4f4;position:relative;overflow:hidden;background:linear-gradient(160deg,#0e1c2a,#050a12 75%);border:1px solid var(--line);border-top-color:var(--rank);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:.3s}.rank-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px #000a}.rank-image{height:230px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#15364c 0,transparent 65%)}.rank-image img{width:95%;height:95%;object-fit:contain;filter:drop-shadow(0 10px 20px #000)}.rank-info{padding:0 24px 26px}.rank-tier{margin:0;color:var(--rank);font-size:8px;letter-spacing:.28em}.rank-info h3{font:600 22px Cinzel;margin:4px 0}.rank-tagline{height:38px;margin:0;color:var(--muted);font-size:11px}.rank-price{display:flex;align-items:baseline;gap:8px;margin:14px 0 18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.rank-price strong{font:600 26px Cinzel}.rank-price span{font-size:7px;color:#6f8491;letter-spacing:.14em}.rank-info ul{min-height:155px;list-style:none;padding:0;margin:0 0 22px}.rank-info li{position:relative;padding:6px 0 6px 17px;color:#adbec8;font-size:10px}.rank-info li:before{content:"✦";position:absolute;left:0;color:var(--rank);font-size:8px}.rank-button{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#d9e9ee;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:8px;transition:.2s}.rank-button:hover{color:#041018;background:var(--rank);border-color:var(--rank)}.rank-button span{font-size:20px}.floorwalker{--rank:#52d6ae}.vanguard{--rank:#55c9ff}.knight{--rank:#ff6658}.worldshaper{--rank:#b986ff}.rank-card.popular{margin-top:-16px;border-color:#d7594d;box-shadow:0 12px 45px #bd342433}.popular-label{display:block;padding:7px;text-align:center;background:linear-gradient(90deg,#8d211d,#e05d50,#8d211d);font-size:7px;letter-spacing:.24em;font-weight:800}.purchase-note{max-width:1040px;margin:90px auto 0;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(120deg,#0d2536,#08111d);border:1px solid var(--line);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.purchase-note h2{font:600 31px Cinzel;margin:4px 0}.purchase-note p{margin:3px 0;color:var(--muted);font-size:12px}.purchase-note b{color:#e4f5f8}@media(max-width:1100px){.rank-grid{grid-template-columns:repeat(2,1fr)}.rank-card.popular{margin-top:0}}@media(max-width:620px){.rank-grid{grid-template-columns:1fr}.rank-hero{height:420px;padding-bottom:48px}.rank-hero h1{font-size:40px}.rank-image{height:285px}.purchase-note{padding:34px 24px;flex-direction:column;text-align:center}}