
/* Pacotes: visual creme e grafite, exclusivo do 034test. */
.shop{width:min(100%,800px);max-width:800px;margin:18px auto 32px;padding:18px clamp(12px,3.3vw,28px) 28px;border:2px solid #2a2223;border-radius:22px;background:linear-gradient(145deg,#fff8e7 0%,#ffe9be 62%,#ffdda1 100%);box-shadow:6px 7px 0 #2a2223,0 12px 28px #4b28121b;color:#2a2223;position:relative;overflow:visible}
.shop:before{content:"034GAME · PACKS";display:block;margin-bottom:3px;text-align:left;color:#b52178;font:900 11px Inter,sans-serif;letter-spacing:.15em}
.shop .pack-scene{margin:0 auto 7px}
.shop .pack-visual{filter:drop-shadow(0 13px 9px #70432055)}
.shop .pack-purchase-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0 auto 20px;max-width:670px}
.shop .pack-purchase-actions>.primary,.shop .pack-purchase-actions .pack-bulk-actions .primary{min-width:0;width:100%;height:100%;min-height:62px;margin:0;padding:9px 7px;border:2px solid #2a2223;border-radius:11px;background:#f3cc69;color:#251c1c;box-shadow:3px 4px 0 #2a2223;font:900 clamp(10px,1.8vw,13px)/1.25 Inter,sans-serif;letter-spacing:0;white-space:normal;overflow-wrap:break-word;transition:transform .15s ease,box-shadow .15s ease}
.shop .pack-purchase-actions>.primary{background:#ffd76d}
.shop .pack-purchase-actions .pack-bulk-actions{display:contents;margin:0;padding:0;max-width:none}
.shop .pack-purchase-actions .pack-bulk-actions .primary:nth-child(1){background:#f2b7d4}
.shop .pack-purchase-actions .pack-bulk-actions .primary:nth-child(2){background:#8de4dc}
.shop .pack-purchase-actions .primary:not(:disabled):hover{transform:translate(2px,2px);box-shadow:1px 2px 0 #2a2223;filter:saturate(1.08)}
.shop .pack-purchase-actions .primary:disabled{opacity:.5;filter:grayscale(.25);cursor:not-allowed}
.shop h2{font:900 clamp(32px,6vw,43px) "Barlow Condensed",sans-serif;letter-spacing:.02em;color:#282020}
.shop>p,.shop .hint{color:#6b4b43;font-weight:600}
.shop-info{margin:16px 0;border:2px solid #2a2223;border-radius:13px;background:#fffaf0;padding:6px 15px;box-shadow:3px 4px 0 #2a222322}
.shop-info span{color:#71504a;font-weight:650;font-size:12px}
.shop-info span+span{border-top:1px dashed #c8a780}
.shop-info b{color:#242020;font-weight:900}
.shop .pity-meters{border:2px solid #2a2223;border-radius:13px;background:#fff3d7;color:#302521;box-shadow:3px 4px 0 #2a222322}
.shop .pity-meters p,.shop .pity-meters small{color:#624b43}
.shop .premium-packs{margin:25px 0 16px;padding:clamp(12px,2vw,20px);border:2px solid #2a2223;border-radius:18px;background:linear-gradient(140deg,#ffeed0,#fff7e5);color:#2a2223;box-shadow:5px 6px 0 #2a2223}
.shop .premium-packs h3{font:900 clamp(23px,4vw,31px) "Barlow Condensed",sans-serif;letter-spacing:.04em;color:#2a2223}
.shop .premium-balance{display:flex;align-items:center;gap:8px;color:#6d3e42;font-size:13px}
.shop .premium-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shop .premium-pack{justify-content:flex-start;gap:8px;min-width:0;padding:13px 9px;border:2px solid #2a2223;border-radius:14px;background:#fffaf1;box-shadow:3px 4px 0 #2a2223}
.shop .premium-pack.epic{background:#f9e9fc}.shop .premium-pack.legendary{background:#fff2ca}.shop .premium-pack.mythic{background:#ffe3e8}
.shop .premium-pack-icon{height:clamp(92px,15vw,155px);width:100%;max-width:150px;margin:0 auto 0;filter:drop-shadow(0 6px 5px #4b223444)}
.shop .premium-pack strong{font:900 clamp(12px,1.5vw,16px)/1.1 "Barlow Condensed",sans-serif;color:#282020;min-height:2.15em}
.shop .premium-pack small{font-size:11px;line-height:1.35;color:#6b4b43;min-height:2.7em}
.shop .premium-pack .premium-buy-button{margin-top:auto;width:100%;min-height:69px;padding:6px 4px;background:#f3d076;border:2px solid #2a2223;border-radius:10px;box-shadow:2px 3px 0 #2a2223;color:#2a2223}
.shop .premium-pack.legendary .premium-buy-button{background:#f9ca63}.shop .premium-pack.mythic .premium-buy-button{background:#f1a7b2}.shop .premium-pack.epic .premium-buy-button{background:#dab9f6}
.shop .premium-buy-button img{width:29px;height:29px}.shop .premium-buy-button span{font-size:11px;color:#282020}
.shop .premium-packs>small{color:#715a52}
.shop .pack-bulk-results{border:2px solid #2a2223;border-radius:14px;background:#fff8e8;color:#292020;box-shadow:3px 4px 0 #2a2223}
.shop .pack-bulk-results h3{color:#292020}
.shop .pack-bulk-item{background:#fffdf4;color:#292020;border:1px solid #b99773}
.shop .pack-bulk-item small{color:#704e3e}
@media(max-width:480px){.shop{padding:14px 10px 22px;border-radius:16px;box-shadow:3px 4px 0 #2a2223}.shop .pack-purchase-actions{gap:5px}.shop .pack-purchase-actions>.primary,.shop .pack-purchase-actions .pack-bulk-actions .primary{min-height:70px;padding:7px 3px;font-size:10px;box-shadow:2px 3px 0 #2a2223}.shop .premium-pack-grid{gap:6px}.shop .premium-pack{padding:9px 5px;gap:6px;box-shadow:2px 3px 0 #2a2223}.shop .premium-pack-icon{height:100px}.shop .premium-pack strong{font-size:12px}.shop .premium-pack small{font-size:10px;min-height:4em}.shop .premium-pack .premium-buy-button{min-height:66px}.shop .premium-buy-button span{font-size:10px}}
@media(max-width:340px){.shop .pack-purchase-actions>.primary,.shop .pack-purchase-actions .pack-bulk-actions .primary{font-size:9px}.shop .premium-pack-icon{height:80px}}

/* Seletor de pacotes: setas neon e contraste reforçado. */
.shop .pack-carousel{display:grid;grid-template-columns:minmax(42px,1fr) minmax(160px,210px) minmax(42px,1fr);align-items:center;gap:clamp(4px,2vw,18px);max-width:590px;margin:2px auto 5px}
.shop .pack-carousel .pack-scene{margin:0 auto 6px}
.shop .pack-arrow{position:relative;display:grid;place-items:center;width:clamp(47px,10vw,73px);height:clamp(57px,12vw,82px);justify-self:center;border:3px solid #282027;border-radius:16px;background:linear-gradient(150deg,#f61da8,#9b2af4 60%,#24e9df);color:#fff9d1;text-shadow:2px 2px 0 #251726,0 0 12px #20fff4;box-shadow:4px 5px 0 #272027,0 0 0 3px #23e9e65e,inset 0 0 13px #ffffff55;font:900 clamp(27px,5.5vw,42px)/1 "Barlow Condensed",sans-serif;cursor:pointer;transition:transform .17s,filter .17s}
.shop .pack-arrow:hover{filter:brightness(1.13) saturate(1.1);transform:translateY(-2px)}
.shop .pack-arrow:focus-visible{outline:3px solid #ffce31;outline-offset:5px}
.shop .pack-carousel-preview{width:min(100%,185px);height:260px;object-fit:contain;filter:drop-shadow(0 12px 10px #65412266)}
.shop .pack-carousel .premium-scene{display:grid;place-items:center}
.shop .pack-premium-selected-actions{display:grid;gap:8px;max-width:500px;margin:0 auto 18px}
.shop .pack-premium-cost{font:900 12px/1.45 Inter,sans-serif;letter-spacing:.04em;color:#50332e}
.shop .pack-premium-open{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:66px;border:2px solid #292024;border-radius:12px;background:linear-gradient(110deg,#fbd36a,#ffa6d8 65%,#9beee5);color:#2c1b24;font:900 13px Inter,sans-serif;box-shadow:4px 5px 0 #292024}
.shop .pack-premium-open img{height:36px;width:36px;object-fit:contain}
.shop .pack-purchase-actions>.primary,.shop .pack-purchase-actions .pack-bulk-actions .primary{color:#261d23!important;text-shadow:none!important;font-weight:900!important;border-color:#2a2223!important}
.shop .pack-purchase-actions .primary:disabled{opacity:.78!important;color:#4b3031!important;filter:saturate(.75);box-shadow:2px 3px 0 #66564b!important}
.shop .pack-premium-open:disabled{opacity:.75;color:#4b3031}
.shop .pity-meters>strong{color:#2a2024!important;text-shadow:none!important}
.shop .pity-meter-caption{color:#53342f!important}
.shop .pity-meter-caption b{color:#2a2024!important}
.shop .pity-meter small{color:#63483d!important}
.shop .pity-meters .rarity-probabilities{background:#fff9ed;color:#2a2024;border:2px solid #2a2223;border-radius:9px;font-size:11px;line-height:1.7}
.shop .rarity-rate.rarity-common{color:#544841}.shop .rarity-rate.rarity-uncommon{color:#187245}.shop .rarity-rate.rarity-rare{color:#125eaf}.shop .rarity-rate.rarity-epic{color:#7536b4}.shop .rarity-rate.rarity-legendary{color:#a66a00}.shop .rarity-rate.rarity-mythic{color:#bc2546}
.shop .premium-pack .premium-buy-button:disabled{opacity:.73!important;color:#45332e!important}
.shop .premium-pack .premium-buy-button:disabled span{color:#45332e!important}
@media(max-width:480px){.shop .pack-carousel{grid-template-columns:minmax(36px,1fr) minmax(150px,195px) minmax(36px,1fr);gap:3px}.shop .pack-arrow{width:43px;height:59px;border-radius:11px;font-size:29px;box-shadow:2px 3px 0 #272027,0 0 0 2px #23e9e65e}.shop .pack-carousel-preview{height:245px}.shop .pack-premium-open{font-size:11px}}

/* Seta original 034GAME: graffiti metálico, sem moldura retangular. */
.shop .pack-arrow{width:clamp(62px,12vw,100px);height:clamp(62px,12vw,90px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(1px 4px 2px #412a3066);overflow:visible}
.shop .pack-arrow:hover{transform:scale(1.06);filter:drop-shadow(0 0 9px #00d9e3)}
.shop .pack-arrow img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}
.shop .pack-arrow-right img{transform:scaleX(-1)}
.shop .pack-arrow:focus-visible{border-radius:12px;outline:3px solid #f7bb34}
@media(max-width:480px){.shop .pack-carousel{grid-template-columns:minmax(44px,1fr) minmax(150px,190px) minmax(44px,1fr)}.shop .pack-arrow{width:clamp(46px,14vw,66px);height:clamp(52px,14vw,72px)}}
