#halloween-shop-overlay{position:fixed;inset:0;z-index:190000;display:grid;place-items:center;padding:20px;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#f4eafc;font-family:Inter,Segoe UI,Arial,sans-serif;isolation:isolate}
#halloween-shop-overlay[hidden]{display:none!important}
#halloween-shop-overlay *{box-sizing:border-box}
#halloween-shop-overlay .hw-backdrop{position:absolute;inset:0;background:#080511db;backdrop-filter:blur(8px)}
#halloween-shop-overlay .hw-dialog{position:relative;width:min(1100px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;background:#140f20;border:1px solid #b68bda66;border-radius:24px;overflow:hidden;box-shadow:0 24px 90px #0009,0 0 70px #a442da18;outline:none}
#halloween-shop-overlay .hw-header{display:flex;justify-content:space-between;align-items:center;flex:none;padding:15px 24px;background:#21152f;border-bottom:1px solid #80529855}
#halloween-shop-overlay .hw-header>div{display:flex;align-items:center;gap:12px}
#halloween-shop-overlay .hw-header img{width:50px;height:50px;object-fit:contain}
#halloween-shop-overlay h1{margin:1px 0 0;font-size:24px;letter-spacing:-.5px}
#halloween-shop-overlay .hw-header small{font-size:10px;font-weight:800;color:#e0b178;letter-spacing:2px}
#halloween-shop-overlay button{font:inherit;cursor:pointer;border:1px solid #9e66be77;color:#f9f3ff;background:#442755;border-radius:11px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:750;transition:background .15s,border-color .15s}
#halloween-shop-overlay button:hover:not(:disabled){background:#68407e;border-color:#d5a8ec}
#halloween-shop-overlay button:focus-visible{outline:3px solid #fbb451;outline-offset:3px}
#halloween-shop-overlay button:disabled{cursor:default;opacity:.5}
#halloween-shop-overlay .hw-close{padding:0;width:42px;font-size:28px;border-color:#76548155;background:#ffffff09}
#halloween-shop-overlay .hw-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-color:#704889 #1b1026;padding:0 24px 18px}
#halloween-shop-overlay .hw-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:22px 0;padding:28px;border-radius:18px;background:radial-gradient(ellipse at 83% 30%,#bd6a1b35 0,transparent 48%),radial-gradient(ellipse at 5% 0,#6934a555,transparent 65%),linear-gradient(130deg,#281838,#1c1528);border:1px solid #ad72bf44}
#halloween-shop-overlay .hw-season{display:inline-block;color:#ffc567;letter-spacing:1.1px;font-size:10px;font-weight:850;padding:6px 10px;border:1px solid #eea84a44;background:#ba6d1615;border-radius:20px}
#halloween-shop-overlay .hw-hero h2{margin:15px 0 12px;line-height:1.12;font-size:36px;letter-spacing:-1.2px}
#halloween-shop-overlay .hw-hero em{font-style:normal;color:#ffc065}
#halloween-shop-overlay .hw-hero p{max-width:470px;margin:0;color:#cdb9df;font-size:14px;line-height:1.65}
#halloween-shop-overlay .hw-rule{display:flex;align-items:center;gap:10px;max-width:460px;margin-top:16px;padding:10px 12px;border-radius:12px;background:#0002;font-size:12px;color:#d0bcde;line-height:1.6}
#halloween-shop-overlay .hw-rule img{width:38px;height:38px;object-fit:contain}
#halloween-shop-overlay .hw-rule strong{color:#f4d5a9}
#halloween-shop-overlay .hw-wallet{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:190px;padding:15px 24px;text-align:center;background:#100b1b99;border:1px solid #efaf4744;border-radius:18px;box-shadow:0 6px 28px #0002}
#halloween-shop-overlay .hw-wallet img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 5px 18px #e3802928)}
#halloween-shop-overlay .hw-wallet small{display:block;font-size:10px;letter-spacing:2px;color:#e8cbb0;font-weight:800}
#halloween-shop-overlay .hw-wallet strong{display:block;font-size:42px;line-height:1.25;color:#ffc763;font-variant-numeric:tabular-nums}
#halloween-shop-overlay .hw-wallet span{display:block;font-size:10px;color:#b5a0c6;margin-top:6px}
#halloween-shop-overlay .hw-pass{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;padding:20px;background:#241530;border:1px solid #7d4f9944;border-radius:18px}
#halloween-shop-overlay .hw-ticket{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#66402644,transparent 72%);min-width:0}
#halloween-shop-overlay .hw-ticket img{width:100%;max-height:295px;object-fit:contain}
#halloween-shop-overlay .hw-eyebrow{color:#daaaeb;letter-spacing:1.6px;font-size:10px;font-weight:850}
#halloween-shop-overlay .hw-pass h2{font-size:23px;letter-spacing:-.6px;margin:8px 0}
#halloween-shop-overlay .hw-pass p{font-size:12px;color:#cdb4db;line-height:1.65;margin:0}
#halloween-shop-overlay .hw-odds{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:10px;margin:14px 0;padding:12px;background:#100a1a88;border-radius:12px}
#halloween-shop-overlay .hw-odds small{display:block;font-size:8px;letter-spacing:1px;font-weight:800;color:#af97c1}
#halloween-shop-overlay .hw-odds b{font-size:29px;color:#c8b3d8}
#halloween-shop-overlay .hw-odds b span{font-size:14px}
#halloween-shop-overlay .hw-odds i{font-size:23px;font-style:normal;color:#986eab}
#halloween-shop-overlay .hw-odds .hw-boosted b{color:#ffbf55}
#halloween-shop-overlay .hw-odds p{font-size:10px;line-height:1.5;padding-left:7px}
#halloween-shop-overlay .hw-pass-buy{width:100%;background:linear-gradient(100deg,#ce7622,#eeac46);color:#281204;border-color:#ffc975;box-shadow:0 4px 18px #c26c1b20}
#halloween-shop-overlay .hw-pass-buy:hover:not(:disabled){background:#ffbd66;color:#261105}
#halloween-shop-overlay .hw-pass-buy:disabled{opacity:.8}
#halloween-shop-overlay .hw-diamond-balance{display:block;margin-top:8px;text-align:center;font-size:10px;color:#b59ac5}
#halloween-shop-overlay .hw-alert{padding:12px 16px;margin:12px 0;border:1px solid;border-radius:12px;font-size:12px;line-height:1.7}
#halloween-shop-overlay .hw-error{background:#5a193b66;color:#ffb8ce;border-color:#b05578}
#halloween-shop-overlay .hw-success{background:#24483166;color:#b1edba;border-color:#56875e}
#halloween-shop-overlay .hw-alert button{margin-left:8px;padding:4px 10px;min-height:30px;font-size:11px}
#halloween-shop-overlay .hw-confirm{display:flex;gap:12px;align-items:center;margin:16px 0;padding:16px;background:#53331655;border:1px solid #d9a45877;border-radius:14px}
#halloween-shop-overlay .hw-confirm>div{flex:1}
#halloween-shop-overlay .hw-confirm strong{font-size:14px;color:#ffd19a}
#halloween-shop-overlay .hw-confirm p{font-size:12px;line-height:1.5;color:#d1bbaa;margin:5px 0 0}
#halloween-shop-overlay .hw-confirm button[data-hw-confirm]{background:#ba772e;border-color:#edb462}
#halloween-shop-overlay .hw-confirm button[data-hw-wrap-confirm]{background:#ba772e;border-color:#edb462}
#halloween-shop-overlay .hw-wrap{display:block;width:100%;margin-top:8px;min-height:32px;padding:6px 10px;font-size:11px;background:transparent;border-style:dashed;border-color:#d9a45899;color:#ffd19a}
#halloween-shop-overlay .hw-wrap:hover:not(:disabled){background:#53331655;border-color:#edb462}
#halloween-shop-overlay .hw-shop{margin-top:26px}
#halloween-shop-overlay .hw-shop-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
#halloween-shop-overlay .hw-shop-heading h2{font-size:23px;margin:6px 0;letter-spacing:-.5px}
#halloween-shop-overlay .hw-tabs{display:flex;gap:5px;padding:4px;border:1px solid #80549b44;background:#0d091599;border-radius:12px}
#halloween-shop-overlay .hw-tabs button{min-height:34px;padding:7px 12px;font-size:11px;border-color:transparent;background:transparent;color:#bda5cf}
#halloween-shop-overlay .hw-tabs button[aria-pressed=true]{background:#533165;color:#ffe6ff}
#halloween-shop-overlay .hw-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#halloween-shop-overlay .hw-products-items{grid-template-columns:repeat(3,minmax(0,1fr))}
#halloween-shop-overlay .hw-products-auras{grid-template-columns:repeat(3,minmax(0,1fr))}
#halloween-shop-overlay .hw-products-accessories{grid-template-columns:repeat(3,minmax(0,1fr))}
#halloween-shop-overlay .hw-products-titles,#halloween-shop-overlay .hw-products-buffs{grid-template-columns:repeat(2,minmax(0,1fr))}
#halloween-shop-overlay .hw-buff .hw-product-art{min-height:138px}
#halloween-shop-overlay .hw-buff .hw-product-art img{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 6px 12px #0006)}
#halloween-shop-overlay .hw-buff .hw-rarity{font-size:11px;letter-spacing:.5px;font-weight:700;color:#ffd088}
#halloween-shop-overlay .hw-buff-active{border-color:#ffb54788;box-shadow:0 0 0 1px #ffb54744,0 0 18px #ffb54733}
#halloween-shop-overlay .hw-buff-active .hw-rarity{color:#b0f07a}
#halloween-shop-overlay .hw-accessory .hw-product-art canvas{width:160px;height:146px;image-rendering:pixelated}
#halloween-shop-overlay .hw-accessory .hw-rarity,#halloween-shop-overlay .hw-title .hw-rarity{font-size:11px;letter-spacing:.5px;font-weight:700;color:#ffd088}
#halloween-shop-overlay .hw-title-art{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}
#halloween-shop-overlay .hw-title .hw-product-art .hw-title-art img{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 6px 12px #0006)}
#halloween-shop-overlay .hw-title-chip{padding:4px 10px;border:1px solid #ff9f2e;border-radius:6px;background:linear-gradient(135deg,#2a1240,#6b2fa0);color:#ffb547;font-size:12px;font-weight:800;letter-spacing:.6px}
#halloween-shop-overlay .hw-product{display:flex;flex-direction:column;border:1px solid #76538d55;border-radius:16px;background:linear-gradient(#281c36,#1b1327);overflow:hidden}
#halloween-shop-overlay .hw-product-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:175px;background:radial-gradient(ellipse at 50% 85%,#69459244,transparent 65%),linear-gradient(#30203e55,#130d2000)}
#halloween-shop-overlay .hw-product-art img{width:128px;height:128px;object-fit:contain}
#halloween-shop-overlay .hw-skin .hw-product-art img{image-rendering:pixelated;transform:scale(1.3);transform-origin:center 75%}
#halloween-shop-overlay .hw-supply .hw-product-art{min-height:100px}
#halloween-shop-overlay .hw-supply .hw-product-art img{width:56px;height:56px;image-rendering:pixelated}
#halloween-shop-overlay .hw-rarity{position:absolute;top:10px;left:12px;font-size:8px;color:#e2b4f1;letter-spacing:1px;font-weight:850}
#halloween-shop-overlay .hw-relic .hw-product-art{min-height:138px}
#halloween-shop-overlay .hw-relic .hw-product-art img{width:78px;height:78px;margin-top:18px;filter:drop-shadow(0 6px 12px #0006)}
#halloween-shop-overlay .hw-relic .hw-rarity{font-size:11px;letter-spacing:.6px;font-weight:700}
#halloween-shop-overlay .hw-relic-legendary{border-color:#d6a04d77;background:linear-gradient(#35253b,#201525)}
#halloween-shop-overlay .hw-relic-legendary .hw-product-art{background:radial-gradient(ellipse at center,#d8942b30,transparent 72%)}
#halloween-shop-overlay .hw-relic-legendary .hw-rarity{color:#ffd088}
#halloween-shop-overlay .hw-item-quantity{display:block;color:#c9b1dc;font-size:11px;margin:0 0 10px}
#halloween-shop-overlay .hw-bonus{display:inline-block;align-self:flex-start;width:fit-content;margin:0 0 10px;padding:3px 9px;border:1px solid #ffb54755;border-radius:999px;background:#ffb54714;color:#ffcf8a;font-size:11px;font-weight:800}
#halloween-shop-overlay .hw-bonus-active{border-color:#91dcab88;background:#91dcab1f;color:#b6f5c9}
#halloween-shop-overlay .hw-bonus-summary{margin:2px 0 0;color:#c9b1dc;font-size:12px;font-weight:700}
#halloween-shop-overlay .hw-aura .hw-rarity{font-size:11px;letter-spacing:.4px}
#halloween-shop-overlay .hw-aura-preview{position:relative;width:190px;height:160px}
#halloween-shop-overlay .hw-aura-character{position:absolute;width:96px;height:96px;left:47px;top:45px;background-size:384px 384px;image-rendering:pixelated;z-index:2}
#halloween-shop-overlay .hw-aura-ring{position:absolute;width:90px;height:26px;left:50px;top:128px;border:0;border-radius:50%;background:radial-gradient(ellipse,var(--hw-aura-ring,#71378433),transparent 68%)}
#halloween-shop-overlay .hw-aura-mist{position:absolute;width:106px;height:124px;left:42px;top:42px;pointer-events:none;image-rendering:pixelated}
#halloween-shop-overlay .hw-aura-mist-back{z-index:1}
#halloween-shop-overlay .hw-aura-mist-front{z-index:3}
#halloween-shop-overlay .hw-product-copy{display:flex;flex-direction:column;flex:1;padding:16px}
#halloween-shop-overlay .hw-product h3{font-size:17px;margin:0 0 7px}
#halloween-shop-overlay .hw-product p{font-size:11px;line-height:1.65;color:#bba4cd;margin:0 0 14px;flex:1}
#halloween-shop-overlay .hw-product-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
#halloween-shop-overlay .hw-product-foot button{font-size:11px;padding:9px 12px;min-height:38px}
#halloween-shop-overlay .hw-price{display:flex;align-items:center;gap:3px;white-space:nowrap}
#halloween-shop-overlay .hw-price img{width:32px;height:32px;object-fit:contain}
#halloween-shop-overlay .hw-price b{font-size:19px;color:#ffc577}
#halloween-shop-overlay .hw-price span{font-size:10px;color:#ad98c0}
#halloween-shop-overlay .hw-price .hw-owned{font-size:11px;color:#91dcab}
#halloween-shop-overlay .hw-empty{font-size:12px;line-height:1.5;padding:12px 14px;background:#34204555;border-radius:10px;color:#cfb8df}
#halloween-shop-overlay .hw-footer{margin-top:24px;text-align:center;color:#957ba9;font-size:10px;line-height:1.8;padding-bottom:4px}
body.halloween-shop-open{overflow:hidden}
@media(max-width:720px){
 #halloween-shop-overlay{padding:10px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 #halloween-shop-overlay .hw-dialog{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)));border-radius:18px}
 #halloween-shop-overlay .hw-header{padding:12px 16px}
 #halloween-shop-overlay h1{font-size:21px}
 #halloween-shop-overlay .hw-scroll{padding:0 14px 14px}
 #halloween-shop-overlay .hw-hero{padding:20px;margin:16px 0;gap:10px}
 #halloween-shop-overlay .hw-hero h2{font-size:28px}
 #halloween-shop-overlay .hw-hero p{font-size:12px}
 #halloween-shop-overlay .hw-wallet{padding:12px;min-width:130px}
 #halloween-shop-overlay .hw-wallet img{width:80px;height:80px}
 #halloween-shop-overlay .hw-wallet strong{font-size:34px}
 #halloween-shop-overlay .hw-pass{grid-template-columns:1fr;padding:16px;gap:10px}
 #halloween-shop-overlay .hw-ticket img{max-height:195px}
 #halloween-shop-overlay .hw-shop-heading{align-items:flex-start;flex-direction:column;gap:8px}
 #halloween-shop-overlay .hw-shop-heading h2{font-size:21px}
 #halloween-shop-overlay .hw-products-items,#halloween-shop-overlay .hw-products-accessories,#halloween-shop-overlay .hw-products-auras{grid-template-columns:repeat(2,minmax(0,1fr))}
 #halloween-shop-overlay .hw-confirm{flex-wrap:wrap}
 #halloween-shop-overlay .hw-confirm>div{flex-basis:100%}
 #halloween-shop-overlay .hw-product-foot{align-items:flex-start;flex-direction:column}
 #halloween-shop-overlay .hw-product-foot button{width:100%}
}
@media(max-width:430px){
 #halloween-shop-overlay .hw-hero{flex-direction:column;align-items:stretch}
 #halloween-shop-overlay .hw-wallet{flex-direction:row;gap:16px;text-align:left;justify-content:flex-start}
 #halloween-shop-overlay .hw-wallet img{width:72px;height:72px}
 #halloween-shop-overlay .hw-wallet strong{font-size:28px}
 #halloween-shop-overlay .hw-products,#halloween-shop-overlay .hw-products-items,#halloween-shop-overlay .hw-products-accessories,#halloween-shop-overlay .hw-products-titles,#halloween-shop-overlay .hw-products-buffs,#halloween-shop-overlay .hw-products-auras{grid-template-columns:1fr}
 #halloween-shop-overlay .hw-product-foot{flex-direction:row;align-items:center}
 #halloween-shop-overlay .hw-product-foot button{width:auto}
 #halloween-shop-overlay .hw-odds{gap:7px}
 #halloween-shop-overlay .hw-header img{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){#halloween-shop-overlay button{transition:none}}