.expansion-shop{margin-top:100px}.expansion-shop section{margin-top:80px;scroll-margin-top:110px}.expansion-shop-heading{max-width:780px;margin-bottom:26px}.expansion-shop-heading h2{letter-spacing:-.035em;margin:12px 0 18px;font-size:clamp(28px,4vw,48px);line-height:1.1}.expansion-shop-heading p{color:#b2b6c5;line-height:1.7}.expansion-shop-heading .unlock-requirement{color:#ded0a8;border-left:2px solid #98763e;padding-left:14px;font-size:13px}.unlock-availability{color:#b8b6ad;flex-wrap:wrap;align-items:center;gap:18px;margin:25px 0 20px;font-size:13px;display:flex}.unlock-availability>span{color:#e1cea3;border:1px solid #706347;border-radius:6px;padding:7px 11px}.unlock-availability p{margin:0}.unlock-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.unlock-card{background:linear-gradient(150deg,#232429,#14151b);border:1px solid #383741;border-radius:16px;transition:border-color .25s,transform .25s;overflow:hidden}.unlock-card:hover{border-color:#a69059;transform:translateY(-4px)}.unlock-art{aspect-ratio:1;background:radial-gradient(at 50% 55%,#47554744,#0000 70%);place-items:center;display:grid;overflow:hidden}.unlock-art img{object-fit:contain;width:90%;height:90%;transition:transform .3s}.unlock-card:hover .unlock-art img{transform:scale(1.04)}.unlock-card-copy{padding:20px}.unlock-card-copy small{text-transform:uppercase;letter-spacing:.09em;color:#bdb8aa;font-size:10px}.unlock-card-copy h3{margin:8px 0 10px;font-size:22px}.unlock-card-copy p{color:#babac5;margin:0 0 20px;font-size:13px}.unlock-card-copy a,.unlock-rank-paths a{color:#e2c991;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}:is(.unlock-card a:focus-visible,.unlock-rank-paths a:focus-visible){outline-offset:-4px;border-radius:5px;outline:2px solid #f0d798}.unlock-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.unlock-classes .unlock-art{aspect-ratio:1.5}.unlock-classes .unlock-art img{width:65%}.unlock-rank-paths{border-top:1px solid #383741;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:35px;display:grid}.unlock-rank-paths article{padding:5px 20px 10px 0}.unlock-rank-paths h3{margin:0 0 12px;font-size:20px}.unlock-rank-paths p{color:#b2b6c5;min-height:70px;font-size:14px;line-height:1.7}.unlock-rank-paths a{justify-content:flex-start}@media (max-width:1000px){.unlock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.expansion-shop{margin-top:65px}.expansion-shop section{margin-top:55px}.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unlock-card-copy{padding:14px}.unlock-card-copy h3{overflow-wrap:anywhere;font-size:18px}.unlock-card-copy a{align-items:flex-start;font-size:12px}.unlock-classes,.unlock-rank-paths{grid-template-columns:1fr}.unlock-classes .unlock-card{grid-template-columns:110px minmax(0,1fr);align-items:center;display:grid}.unlock-classes .unlock-art{aspect-ratio:1}.unlock-classes .unlock-art img{width:90%}.unlock-rank-paths p{min-height:0}.unlock-rank-paths article{padding-bottom:20px}}@media (prefers-reduced-motion:reduce){.unlock-card,.unlock-art img{transition:none}.unlock-card:hover,.unlock-card:hover .unlock-art img{transform:none}}.unlock-grid>.reveal{min-width:0}.unlock-grid>.reveal>.unlock-card{background:linear-gradient(155deg,#162637,#0d1522);height:100%}.unlock-art{position:relative}.unlock-seal{letter-spacing:.035em;color:#e5d5b5;z-index:1;background:#09122099;border:1px solid #d7c29236;border-radius:20px;padding:5px 9px;font-size:9px;position:absolute;top:14px;left:14px}.unlock-price{border-top:1px solid #b1c6e320;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}.unlock-price strong{letter-spacing:-.04em;color:#eddbb6;font-size:25px}.unlock-price>span{color:#bccbe0;text-align:right;font-size:11px}.unlock-card-copy h3{color:#f4f0e6}.unlock-classes .unlock-card-copy p{min-height:65px;line-height:1.7}.unlock-classes .unlock-art{background:radial-gradient(#304d7433,#0000 70%)}@media (max-width:640px){.unlock-classes .reveal .unlock-card{display:block}.unlock-classes .shop-detail-trigger{grid-template-columns:110px minmax(0,1fr);align-items:center;display:grid}.unlock-classes .unlock-card-copy p{min-height:0;font-size:12px}.unlock-price{flex-direction:column;align-items:flex-start;gap:5px}.unlock-price>span{text-align:left}.unlock-classes .unlock-price{flex-direction:row;align-items:center}.unlock-seal{padding:4px 7px;font-size:8px;top:8px;left:8px}}