
.gem-shop-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.gem-shop-heading h2{margin:0;font-size:30px}.gem-shop-heading p{color:#647b9d}.gem-shop-balance{background:#ddf6ff;color:#086e9a;padding:14px 22px;border:1px solid #78d9f7;border-radius:16px;font-size:20px}.gem-shop-controls{display:flex;gap:16px;align-items:center;margin:18px 0}.gem-shop-controls button,.gem-shop-item button{border:0;background:#2461ef;color:#fff;padding:10px 18px;border-radius:10px;font-weight:800}.gem-shop-item button:disabled{background:#e0e7f3;color:#75839a}.gem-shop-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:28px 24px 32px;background:radial-gradient(ellipse at top,#456eb3,#1b3261);border-bottom:18px solid #9e653a;border-radius:18px 18px 5px 5px;box-shadow:0 7px 0 #563925,0 16px 20px #17376522;position:relative;margin-bottom:32px}.gem-shop-item{text-align:center;color:#eaf3ff;min-width:0}.gem-shop-item h4{margin:16px 0 8px;text-transform:capitalize}.gem-shop-item p{font-size:12px;min-height:30px}.gem-shop-item small{display:block;margin:8px 0;font-size:11px}.gem-shop-item button{margin:8px 0}.gem-shop-item.is-sold-out .gem-shop-product{opacity:.4;filter:saturate(.4)}.gem-shop-product{--product:#bd8223;--foil:#ffe990;position:relative;max-width:150px;height:195px;margin:auto;padding:16px 10px;border:3px double var(--foil);color:var(--foil);display:flex;flex-direction:column;justify-content:space-between;background:repeating-conic-gradient(from 0deg at 50% 35%,#ffffff18 0 8deg,transparent 8deg 20deg),linear-gradient(135deg,var(--product),#15213a);box-shadow:5px 8px 0 #09163080;transform:rotate(-3deg)}.gem-shop-product:before,.gem-shop-product:after{content:'';position:absolute;left:-3px;right:-3px;height:7px;background:repeating-linear-gradient(90deg,var(--foil) 0 3px,var(--product) 3px 6px)}.gem-shop-product:before{top:0}.gem-shop-product:after{bottom:0}.gem-shop-product span:first-child{font-size:8px;letter-spacing:2px;font-weight:900}.gem-shop-product-symbol{font-size:65px;text-shadow:3px 4px 0 #0007}.gem-shop-product strong{font-size:16px;letter-spacing:1px}.gem-shop-product small{font-size:8px;margin:0}.gem-shop-product.is-scratcher{border-radius:3px;height:215px;transform:rotate(4deg)}.gem-shop-product.is-box{max-width:190px;height:190px;border:4px double #97edff;transform:skewY(-3deg);--product:#207dde;--foil:#b6f3ff;box-shadow:12px 8px 0 #113d75,16px 12px 16px #07193277}.gem-shop-product.is-box:after{height:100%;width:13px;right:-16px;left:auto;top:5px;background:#17487f;transform:skewY(34deg)}.tone-vintage{--product:#8d4252;--foil:#ffd69d}.tone-rainbow{--product:#b92da9;--foil:#aafcff;background:linear-gradient(135deg,#fb548a,#8450dc,#24adc0)}.tone-galactic{--product:#4c2c99;--foil:#a7eaff}.tone-masterpiece{--product:#5c8dae;--foil:#ecfaff;background:repeating-conic-gradient(from 30deg,#b998d7,#5e99ad,#85d9dc,#a8b3e5,#b998d7)}.tone-rare{--product:#2478c4;--foil:#afe7ff}.tone-epic{--product:#7941b7;--foil:#e0baff}.tone-legendary{--product:#b97811;--foil:#ffe387}.tone-mythic{--product:#b33258;--foil:#ffc2da}@media(max-width:1000px){.gem-shop-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.gem-shop-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:22px 12px}.gem-shop-heading{align-items:start;flex-direction:column}.gem-shop-product{height:175px}.gem-shop-product strong{font-size:13px}}

/* Framed display cabinet with recessed shelves and glass reflections. */
#gemShopShelves{padding:28px 22px;border:18px solid #243047;border-radius:8px;background:linear-gradient(125deg,#0a1728,#152a43);box-shadow:inset 0 0 0 4px #070f20,inset 0 0 0 8px #456078,9px 10px 0 #0b1424,0 20px 30px #14386430;position:relative}#gemShopShelves:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 23%,#ffffff09 23% 28%,transparent 28% 66%,#ffffff06 66% 69%,transparent 69%);z-index:2}#gemShopShelves>h3{color:#dbeeff;font-size:13px;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px}.gem-shop-shelf{background:linear-gradient(#071322,#14283a);border-bottom:13px solid #304156;border-radius:0;padding:18px 16px 16px;gap:22px;box-shadow:inset 0 8px 15px #0008,0 4px 0 #070d17,0 11px 12px #0005;margin-bottom:28px}.gem-shop-shelf:last-child{margin-bottom:0}.gem-shop-item h4{font-size:13px}.gem-shop-item small{color:#b8cbdf}.gem-shop-item p{color:#c1d1e4}.gem-shop-item.is-sold-out .shop-product-display{opacity:.35;filter:saturate(.4)}
.shop-product-display{width:154px;height:228px;position:relative;margin:0 auto;filter:drop-shadow(5px 7px 4px #0008)}.shop-product-original{position:absolute;inset:0;transform:scale(.5);transform-origin:top left;width:290px;height:420px;overflow:visible;pointer-events:none}.shop-product-original.pack-opening{background:none;z-index:0;position:absolute;inset:0;border-radius:0}.shop-product-original.pack-opening:before{display:none}.shop-product-original .sealed-pack{width:290px!important;height:400px!important;min-height:400px;max-width:none;padding:0;margin:0;border:0;transform:none;position:relative}.shop-product-original .pack-body{inset:0}.shop-product-original.scratch-dispenser-scene{display:block;position:absolute;margin:0;padding:0;inset:0;width:300px;height:420px;background:none;overflow:visible;perspective:none}.shop-product-original .scratch-dispensed-back{position:relative;top:0;left:0;width:290px;height:400px;transform:none;animation:none!important;margin:0}.shop-product-original .scratch-dispensed-back:after{animation:none;display:none}.shop-vintage-folder .archive-folder-cover{position:absolute;inset:0;width:290px;height:400px;transform:none!important;backface-visibility:visible}
.shop-box-scene{width:220px;height:272px;perspective:1000px}.shop-collector-box{position:absolute;width:200px;height:245px;left:6px;top:15px;transform-style:preserve-3d;transform:rotateY(22deg) rotateX(-9deg)}.collector-box-front,.collector-box-side,.collector-box-top{position:absolute;overflow:hidden;backface-visibility:hidden;border:1px solid #74a6db;background:#123969;color:#eff7ff}.collector-box-front{inset:0;transform:translateZ(35px);background:linear-gradient(145deg,#edf8ff 0 34%,#287ed2 34% 41%,#153b75 41% 77%,#c9e6fa 77% 84%,#173c6c 84%)}.collector-box-side{width:70px;height:245px;left:65px;top:0;transform:rotateY(-90deg) translateZ(100px);background:repeating-linear-gradient(135deg,#173258 0 18px,#244a76 18px 20px)}.collector-box-top{width:200px;height:70px;left:0;top:87.5px;transform:rotateX(90deg) translateZ(122.5px);background:linear-gradient(120deg,#315f93,#122b4c)}.collector-box-front .pack-artwork{position:absolute;width:100%;height:100%;opacity:.5}.collector-box-brand{position:relative;display:block;margin:17px 8px 0;font-size:26px;color:#143c77;font-weight:900;text-shadow:0 1px #fff}.collector-box-edition{position:relative;display:block;font-size:6px;letter-spacing:1.2px;color:#174173}.collector-box-title{position:relative;display:block;margin:26px 10px 0;font-size:26px;line-height:1.05;color:#fff;text-shadow:2px 3px 0 #0c2648}.collector-box-count{position:relative;display:inline-block;background:#ebf7ff;color:#17447c;border:3px solid #93d7ff;font-size:38px;font-weight:900;padding:0 15px;margin:12px auto 2px;box-shadow:3px 3px 0 #071e39}.collector-box-caption{position:relative;display:block;font-size:8px;letter-spacing:1px}.collector-box-side strong{display:block;writing-mode:vertical-rl;margin:18px auto;font-size:20px}.collector-box-side span{font-size:8px;line-height:1.8;display:block;margin:0 5px}.collector-box-top strong{display:block;font-size:19px;margin:9px 0}.collector-box-top span{font-size:8px;letter-spacing:2px}@media(max-width:600px){#gemShopShelves{padding:18px 9px;border-width:10px}.gem-shop-shelf{padding:12px 5px;gap:18px 8px}.shop-product-display{width:130px;height:205px}.shop-product-original{transform:scale(.43)}.shop-box-scene{width:148px;height:235px}.shop-collector-box{transform:scale(.72) rotateY(22deg) rotateX(-9deg);transform-origin:top left;left:0}}

.shop-scratch-front{width:440px;height:760px;transform:scale(.34)}.shop-scratch-front .music-scratch-ticket{width:440px;margin:0;padding:22px 18px}.shop-scratch-front .scratch-prize-slot{height:90px}.shop-scratch-front .scratch-coating{width:100%;height:100%}.shop-scratch-front .scratch-prize-content{display:none}.gem-shop-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.gem-shop-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.gem-shop-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-scratch-front{transform:scale(.28)}}

/* Compact shelf products and a square collector carton. */
.shop-product-display{width:132px;height:190px}.shop-product-original:not(.shop-scratch-front){transform:scale(.44)}.gem-shop-item h4{margin:10px 0 6px}.gem-shop-item p{min-height:0;margin:7px 0}.gem-shop-item small{margin:6px 0}.gem-shop-shelf{padding:14px 12px;gap:16px;margin-bottom:20px}.shop-box-scene{width:220px;height:224px}.shop-collector-box{width:200px;height:200px;top:18px;left:10px;transform:rotateY(29deg) rotateX(-16deg)}.collector-box-front{transform:translateZ(60px)}.collector-box-side{width:120px;height:200px;left:40px;transform:rotateY(-90deg) translateZ(100px)}.collector-box-top{height:120px;top:40px;transform:rotateX(90deg) translateZ(100px)}.collector-box-title{margin-top:15px;font-size:23px}.collector-box-brand{margin-top:12px;font-size:25px}.collector-box-count{font-size:30px;margin-top:8px;padding:0 14px}.collector-box-top strong{margin-top:30px}.collector-box-side strong{margin:10px auto;font-size:18px}@media(max-width:600px){.shop-product-display{width:116px;height:175px}.shop-product-original:not(.shop-scratch-front){transform:scale(.4)}.shop-box-scene{width:155px;height:190px}.shop-collector-box{transform:scale(.72) rotateY(29deg) rotateX(-16deg)}}

.collector-opening{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse,#163761f2,#051123fa);display:grid;place-items:center;overflow:hidden}.collector-opening-message{position:absolute;bottom:9%;left:20px;right:20px;text-align:center;color:#edf7ff;font-size:22px}.collector-opening-box{position:absolute;left:calc(50% - 110px);top:calc(50% - 112px)}.collector-pack-orbit{position:absolute;left:50%;top:50%;width:0;height:0}.collector-orbit-pack.pack-opening{position:absolute;inset:auto;width:48px;height:68px;margin:-34px 0 0 -24px;background:none;z-index:2;pointer-events:none}.collector-orbit-pack.pack-opening:before{display:none}.collector-orbit-pack .sealed-pack{width:290px!important;height:400px!important;position:absolute;left:0;top:0;transform:scale(.165);transform-origin:top left;min-height:400px;max-width:none;padding:0;border:0}.collector-orbit-pack .pack-body{inset:0}

.collector-box-top{top:0;transform-origin:50% 0;transform:translateZ(-60px) rotateX(90deg);backface-visibility:visible;transform-style:preserve-3d}.collector-box-top:after{content:"";position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg);background:repeating-linear-gradient(6deg,#b59061 0 2px,#b99465 2px 4px,#b28c5b 4px 5px);border:5px solid #947044;box-shadow:inset 0 0 18px #71533040}.collector-box-interior{position:absolute;left:0;top:2px;width:200px;height:120px;transform-origin:50% 0;transform:translateZ(-60px) rotateX(90deg);background:repeating-linear-gradient(6deg,#8b6941 0 2px,#9a784d 2px 5px);border:8px solid #b89462;box-shadow:inset 0 0 24px #34200e;backface-visibility:hidden}

@font-face{font-family:Candal;src:url(/assets/fonts/candal.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.collector-box-brand,.collector-box-title,.collector-box-side strong,.collector-box-top strong{font-family:Candal,sans-serif;font-weight:400}.collector-box-brand{font-size:22px}.collector-box-title{font-size:21px}.collector-box-side strong{font-size:17px}.collector-box-top strong{font-size:18px}

.shop-currency-crystal{width:124px;height:165px;margin:12px auto;background:linear-gradient(135deg,#b8f8ff,#438dde 38%,#4232a0 65%,#8fe8ff);clip-path:polygon(23% 0,77% 0,100% 28%,88% 80%,50% 100%,12% 80%,0 28%);box-shadow:inset 0 0 30px #e8ffff;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:1px 2px 2px #163374}.shop-currency-crystal strong{font:13px Candal,sans-serif}.shop-currency-crystal span{font-size:65px;line-height:1.2;color:#daffff}.shop-currency-crystal small{font-size:8px!important;letter-spacing:1px;color:#fff}.gem-shop-item details{font-size:11px;color:#d0eaff;margin:10px 0;text-align:left}.gem-shop-item summary{cursor:pointer}.gem-shop-item details p{font-size:11px;margin:6px 0}

.gem-shop-item .currency-reward-help{padding:3px 0;background:none;color:#bdeaff;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin:6px 0}.currency-reward-popover{position:fixed;inset:auto;margin:0;width:250px;max-width:calc(100vw - 20px);box-sizing:border-box;padding:16px 18px;border:1px solid #75c8ef;border-radius:14px;background:#0c223d;color:#e8f7ff;box-shadow:0 12px 35px #0007;font:12px Poppins,sans-serif}.currency-reward-popover strong{display:block;margin-bottom:12px;padding-right:24px;font-size:14px}.currency-reward-popover p{margin:7px 0}.currency-reward-popover small{display:block;margin-top:12px;color:#b3cce4;font-size:10px}.currency-reward-close{position:absolute;right:10px;top:7px;background:transparent;border:0;color:#e8f7ff;font-size:24px;cursor:pointer}

.shop-resource-product{width:120px;height:150px;margin:12px auto;padding:16px 8px;box-sizing:border-box;border:3px solid #efc458;border-radius:18px 18px 35px 35px;background:linear-gradient(130deg,#eab547,#815112);box-shadow:inset 0 0 0 3px #734316,5px 7px 0 #0004;color:#fff2b5;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.shop-resource-product strong{font:11px Candal,sans-serif}.shop-resource-product i{font-size:44px}.shop-resource-product span{font-size:11px;font-weight:700}.shop-resource-product.resource-tickets{background:linear-gradient(135deg,#5c98ea,#27399a);border-color:#ade4ff;border-radius:3px;box-shadow:inset 0 0 0 3px #155397,5px 7px 0 #0004}.shop-resource-product.resource-goldResidue{background:linear-gradient(125deg,#a5d3cf,#385e5b);border-color:#d8edcb;border-radius:9px 9px 23px 23px}
