.shop-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 14px;padding:23px 26px;border:1px solid #806e4c;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#78542f55,transparent 65%),linear-gradient(120deg,#283648,#14212e)}.shop-hero small{color:#e2c38c;font-size:10px;letter-spacing:2px}.shop-hero h3{font-size:26px;margin:10px 0}.shop-hero p{font-size:13px;color:#c6d3e1;max-width:620px}.shop-emblem{font:100px Georgia,serif;color:#e6c687;line-height:1}.shop-loop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 0;font-size:12px;color:#c5d6e0}.shop-loop b{color:#e7cf9a}.shop-loop button{background:transparent;border:1px solid #62756c;border-radius:6px;padding:8px 12px;color:#bde9d1}.shop-section-title{margin:25px 0 15px!important;color:#e6d3b4}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.shop-product{border:1px solid #4d6076;border-radius:13px;overflow:hidden;background:linear-gradient(150deg,#23364b,#172330)}.shop-product.owned{border-color:#537e66}.shop-product-copy{padding:18px;display:flex;flex-direction:column;gap:9px}.shop-product h4,.cosmetic-wardrobe h4{margin:0;font-size:18px}.shop-product small,.cosmetic-wardrobe small{font-size:11px;color:#b5c4d7}.shop-product p{font-size:13px;color:#c8d3df;min-height:65px;margin:0}.shop-product strong{font-size:12px;color:#e9d1a2;line-height:1.8;min-height:42px}.shop-stock{font-size:11px;color:#abcab8;line-height:1.7;min-height:36px}.shop-product .primary{font-size:13px;line-height:1.6;padding:11px;margin-top:auto}.shop-grant-art{height:180px;display:flex;justify-content:center;align-items:center;gap:9px;padding:20px;background:radial-gradient(ellipse,#535c534f,transparent 80%)}.shop-grant-art img{width:29%;max-width:90px;aspect-ratio:3/4;border:1px solid #c4ae7b;border-radius:7px;box-shadow:0 8px 18px #0005}.shop-grant-art b{font:80px Georgia,serif;color:#bdc1eb}.shop-grant-art span{color:#dad0f0;font-size:16px}
.cosmetic-preview{--decor:#d6b77d;--decor-dark:#24384d;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,var(--decor-dark),#0c1622 90%);border:1px solid var(--decor);color:var(--decor);box-shadow:inset 0 0 35px #0007,0 8px 22px #0005;display:grid;place-items:center;margin:20px auto}.back-preview{width:104px;height:142px;border-radius:9px}.cosmetic-preview i{position:absolute;inset:7px;border:1px solid var(--decor);opacity:.65;border-radius:4px}.cosmetic-preview i:before,.cosmetic-preview i:after{content:'';position:absolute;width:65px;height:65px;border:1px solid var(--decor);left:50%;top:45%;transform:translate(-50%,-50%) rotate(45deg);opacity:.4}.cosmetic-preview i:after{transform:translate(-50%,-50%) rotate(0)}.cosmetic-preview b{font:49px Georgia,serif;text-shadow:0 0 22px var(--decor);z-index:1}.cosmetic-preview>span{position:absolute;bottom:17px;font:8px Georgia,serif;letter-spacing:3px}.arena-preview{width:calc(100% - 40px);height:142px;border-radius:11px}.arena-preview i{background:repeating-linear-gradient(90deg,transparent 0 23%,#aeb5bc18 23% 24%,transparent 24% 25%)}[data-tone=ember]{--decor:#edbd79;--decor-dark:#82452e}[data-tone=moon]{--decor:#d2b5fb;--decor-dark:#49356d}[data-tone=aurora]{--decor:#9ee8d3;--decor-dark:#255f65}[data-tone=astral]{--decor:#e8d5a1;--decor-dark:#503b7f}
.cosmetic-wardrobe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cosmetic-wardrobe article{display:flex;align-items:center;gap:16px;background:#1b2c3d;border:1px solid #506377;border-radius:10px;padding:14px}.cosmetic-wardrobe .cosmetic-preview{margin:0;flex:none;width:67px;height:91px}.cosmetic-wardrobe .cosmetic-preview b{font-size:30px}.cosmetic-wardrobe .cosmetic-preview>span{font-size:6px;bottom:10px;letter-spacing:1px}.cosmetic-wardrobe h4{font-size:14px;margin:6px 0 12px}.cosmetic-wardrobe button{border:1px solid #748672;background:#294436;border-radius:6px;color:#d4eddd;padding:7px 10px;font-size:11px}.hub-ledger{overflow-x:auto;max-width:100%;border:1px solid #4d6277;border-radius:10px;margin:15px 0}.hub-ledger table{width:100%;min-width:510px;border-collapse:collapse;text-align:left;font-size:13px}.hub-ledger th{color:#d3bc91;background:#213247}.hub-ledger td,.hub-ledger th{padding:13px;border-bottom:1px solid #3e5267}.hub-ledger td>b,.hub-ledger td>small,.hub-ledger td>span{display:block;line-height:1.7}.hub-ledger td>small,.hub-ledger td>span{color:#aabbd0;font-size:11px}.hub-ledger .positive{color:#a4e6c0}.purchase-review{width:min(460px,calc(100vw - 26px));padding:27px;max-height:90dvh;overflow:auto;border:1px solid #c6aa75;background:#162536;border-radius:14px}.purchase-review::backdrop{background:#000c;backdrop-filter:blur(5px)}.purchase-review h2{font-size:25px;line-height:1.5;margin:8px 0 16px}.purchase-review>p{font-size:13px;line-height:1.8;color:#c8d6e4}.purchase-review>.primary{margin-top:17px}.purchase-review>.text-button{display:block;width:100%;margin-top:8px}.purchase-math{display:grid;gap:8px;padding:17px;background:#22364b;border-radius:8px;margin:17px 0}.purchase-math>span{display:flex;justify-content:space-between;font-size:14px}.purchase-math>span:last-child{border-top:1px solid #53687c;padding-top:9px;color:#f0cd89}.result-reward{border:1px solid #6f8d68;border-radius:8px;background:#1d372e;padding:13px;font-size:13px;line-height:1.8;color:#c6ead4;margin:13px 0}.result-reward:empty{display:none}.hub-tabs{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.hub-tabs button{flex-shrink:0}
:root[data-arena-skin=arena-ember] .battlefield{border-color:#aa7a52;background:radial-gradient(ellipse at 50% 50%,#7e482c48,transparent 74%),linear-gradient(#291c23,#1d2730)}:root[data-arena-skin=arena-ember] .battlefield:before{color:#efab6c12}:root[data-arena-skin=arena-astral] .battlefield{border-color:#9e89c0;background:radial-gradient(ellipse at 50% 20%,#7f649f50,transparent 70%),linear-gradient(#211b36,#152c37)}:root[data-arena-skin=arena-astral] .battlefield:before{content:'✴';color:#e8c99918}.card-backs[data-cardback=back-ember] span{border-color:#deb477;color:#f3c17c;background:repeating-linear-gradient(45deg,#592d25,#592d25 4px,#a465363d 4px,#a465363d 5px)}.card-backs[data-cardback=back-moon] span{border-color:#bd9bdf;color:#e7c6ff;background:repeating-linear-gradient(-45deg,#312446,#312446 4px,#79609955 4px,#79609955 5px)}.card-backs[data-cardback=back-aurora] span{border-color:#8bd9c4;color:#bcf8eb;background:repeating-linear-gradient(45deg,#163e43,#163e43 4px,#61948255 4px,#61948255 5px)}.player-hero[data-cardback=back-ember] img{outline:1px solid #e2b67d;box-shadow:0 0 17px #c97b3444}.player-hero[data-cardback=back-moon] img{outline:1px solid #bc9be2;box-shadow:0 0 17px #9a6fd244}.player-hero[data-cardback=back-aurora] img{outline:1px solid #9ddfcf;box-shadow:0 0 17px #64cdb344}
@media(max-width:1000px){.shop-grid,.cosmetic-wardrobe{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.shop-grid,.cosmetic-wardrobe{grid-template-columns:minmax(0,1fr)}.shop-hero{padding:18px}.shop-hero h3{font-size:22px}.shop-emblem{display:none}.shop-loop{font-size:12px;gap:10px}.shop-product{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:start}.shop-product>.cosmetic-preview{margin:20px 10px;width:75px;height:110px}.shop-product .shop-grant-art{height:auto;min-height:125px;padding:12px 8px;flex-wrap:wrap;gap:4px}.shop-grant-art img{width:43%;border-radius:4px}.shop-grant-art b{font-size:48px}.shop-grant-art span{font-size:12px;text-align:center}.shop-product-copy{padding:16px 13px;gap:8px}.shop-product h4{font-size:17px}.shop-product p{font-size:12px;min-height:0}.shop-product strong{font-size:11px;min-height:0}.shop-stock{font-size:11px;min-height:0}.shop-product .primary{font-size:12px;padding:9px}.shop-section-title{font-size:17px!important}.cosmetic-wardrobe article{gap:17px}.cosmetic-wardrobe button{font-size:12px;min-height:40px}.hub-tabs{gap:5px}.hub-tabs button{font-size:12px;padding:8px 12px}.purchase-review{padding:23px}.purchase-review h2{font-size:23px}.purchase-review>.primary{font-size:13px}.purchase-math>span{font-size:14px}}
.collection-hub header h2{font-size:26px;margin-bottom:12px}.shop-hero{padding:16px 20px}.shop-hero h3{font-size:23px;margin:7px 0}.shop-emblem{font-size:72px}.shop-grid.shop-growth{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-growth .shop-product{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:start}.shop-growth .shop-grant-art{height:auto;min-height:200px;flex-wrap:wrap;padding:18px 10px;gap:5px}.shop-growth .shop-grant-art img{width:44%;max-width:65px}.shop-growth .shop-product p,.shop-growth .shop-product strong,.shop-growth .shop-stock{min-height:0}.shop-unlock{border:0;background:transparent;color:#c9e6d5;text-align:left;font-size:12px;padding:4px 0;line-height:1.6}
@media(max-width:600px){.collection-hub header h2{font-size:22px}.shop-grid.shop-growth{grid-template-columns:minmax(0,1fr)}.shop-growth .shop-product{grid-template-columns:95px minmax(0,1fr)}.shop-growth .shop-grant-art{min-height:125px;padding:12px 8px}.shop-hero{padding:16px}.shop-hero h3{font-size:21px}}
