/* Illustrated opening stage. The live reel stays aligned with the artwork aperture. */
.case-machine.art-stage{max-width:1060px;aspect-ratio:3/2;width:calc(100% - 45px);perspective:none;filter:none;margin:8px auto 15px;background:#0c1019;border-radius:20px;box-shadow:0 30px 60px #0005;isolation:isolate}
.stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:20px;z-index:-2;pointer-events:none}
.art-stage .machine-halo{inset:0;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--case-tone) 14%,transparent),transparent 60%);mix-blend-mode:screen;z-index:-1;border-radius:20px}
.art-stage .machine-lid{position:absolute;left:27%;top:23%;width:46%;height:17%;margin:0;padding:0;border:0;background:none;box-shadow:none;transform:none;display:grid;place-items:center}
.art-stage .lid-trim{height:auto;min-height:0;padding:12px;background:#090e18a6;box-shadow:0 0 30px #0006;border:1px solid #d1b47c26;border-radius:6px;display:block;text-align:center;width:100%;backdrop-filter:blur(3px)}
.art-stage .lid-mark,.art-stage .lid-hinge,.art-stage .lid-serial{display:none}.art-stage .lid-trim small{color:#ccb791;font-size:9px;letter-spacing:4px}.art-stage .lid-trim b{font-size:clamp(15px,2vw,25px);color:#f7e6ca;text-shadow:0 2px 10px #000}
.art-stage .machine-cavity{position:absolute;left:12%;top:46%;width:76%;height:30%;padding:0;border:0;background:none;border-radius:4px;box-shadow:0 0 10px #0008;overflow:hidden}
.art-stage .machine-cavity .roulette{height:100%;border:1px solid #9ea6af44;border-radius:4px;background:linear-gradient(#070d15,#101827);box-shadow:inset 0 0 35px #0009}
.art-stage .reel-card{height:90%;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 75%),linear-gradient(#151b27bb,#121a26);border:0;border-bottom:2px solid var(--tone);display:flex;flex-direction:column;justify-content:center}
.art-stage .reel-card img{height:75%;max-height:125px;filter:drop-shadow(0 10px 12px #0009)}.art-stage .reel-card span{font-size:11px;padding:5px 0}.art-stage .machine-bolt,.art-stage .machine-latch,.art-stage .machine-handle{display:none}
.art-stage .machine-front{position:absolute;left:31%;top:78%;width:38%;height:6%;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:4px;background:#080d15b3;box-shadow:0 1px #dab97622}
.art-stage .machine-status{margin:0;font-size:8px;letter-spacing:2px;color:#c5c8ce}.art-stage.case-running .machine-status{color:#ffe1a2;text-shadow:0 0 12px #ffd37c77}.art-stage.case-running .machine-cavity{box-shadow:0 0 20px color-mix(in srgb,var(--case-tone) 28%,transparent)}
.art-stage.case-unlocking .machine-lid{animation:none}.art-stage.case-unlocking .stage-art{animation:armory-wake .65s ease-out}.art-stage.case-awarded .machine-cavity{box-shadow:0 0 26px #f8bd6577}.art-stage.case-running .machine-cavity:after{inset:0}
.armory-motes{position:absolute;inset:0;overflow:hidden;border-radius:20px;pointer-events:none;z-index:2}.armory-motes i{position:absolute;width:3px;height:3px;border-radius:50%;left:var(--x);bottom:12%;background:#ffdb9b;box-shadow:0 0 7px #ffcb80;animation:armory-dust var(--duration) var(--delay) ease-in infinite;opacity:0}.case-awarded .armory-motes i{background:#fff3d6}
.promo.graphic-promo{height:255px;position:relative;display:flex;justify-content:flex-start;padding:28px 45px;background:radial-gradient(ellipse at 80% 80%,#5b368856,transparent 50%),radial-gradient(ellipse at 50% 0%,#25396060,transparent 50%),#111724;border-bottom:1px solid #58486760;overflow:hidden}
.graphic-promo:before{background:repeating-linear-gradient(115deg,transparent 0 140px,#b898eb0a 141px 142px,transparent 143px 280px)}.graphic-promo .bonus-sticker,.graphic-promo .promo-center{display:none}.graphic-promo .promo-action{position:relative;z-index:3;text-align:left}.graphic-promo .promo-action>span{font-size:10px;letter-spacing:2px;color:#c1a4de;margin-bottom:12px}.graphic-promo h2{font:700 clamp(24px,3vw,38px)/1.05 'Roboto Condensed',Arial,sans-serif;letter-spacing:.5px;color:#f0eafa;margin:0 0 14px;text-shadow:0 4px 20px #0009}.graphic-promo .promo-action button{font-size:13px;border-radius:7px;padding:12px 18px;background:linear-gradient(110deg,#ffbc63,#e88a48);box-shadow:0 7px 24px #d3953e22}
.promo-illustration{position:absolute;right:3%;top:-8%;height:115%;width:45%;pointer-events:none;perspective:600px}.promo-illustration:before{content:'';position:absolute;inset:18%;background:#874fda44;filter:blur(35px)}.promo-illustration .hero-shell{position:absolute;width:100%;height:100%;object-fit:contain;transform:rotate(-7deg);mask-image:radial-gradient(ellipse,#000 45%,transparent 72%)}.promo-illustration .hero-skin{position:absolute;left:13%;top:17%;width:78%;height:61%;object-fit:contain;filter:drop-shadow(0 15px 20px #000b);transform:rotate(-12deg);animation:hero-levitate 5s ease-in-out infinite}.hero-orbit{position:absolute;inset:30% 10% 4%;border:1px solid #ab75ec36;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 22px #a673da22}.hero-chip{position:absolute;bottom:19%;right:5%;padding:8px 11px;font-size:9px;letter-spacing:2px;color:#e5d1fd;border:1px solid #a583c760;border-radius:6px;background:#1d1733b0;transform:rotate(4deg)}
.case-card .own-art:after{content:'';position:absolute;left:12%;right:12%;bottom:8%;height:15%;border-radius:50%;background:var(--tone);filter:blur(20px);opacity:.1;pointer-events:none}.case-card .own-art{isolation:isolate}.case-card .own-art .skin-overlay{filter:drop-shadow(0 12px 14px #0009)}.case-card:hover .own-art:after{opacity:.25}.case-caption{border-bottom:1px solid #ffffff08;padding-bottom:9px}.case-card .price{min-width:100px}.catalog-heading h1{color:#f5e4cc}
@keyframes armory-wake{0%{filter:brightness(.8)}45%{filter:brightness(1.25)}100%{filter:brightness(1)}}@keyframes armory-dust{0%{opacity:0;translate:0 0}20%{opacity:.65}80%{opacity:.35}100%{opacity:0;translate:20px -230px}}@keyframes hero-levitate{50%{translate:0 -8px;rotate:2deg}}
@media(max-width:720px){.case-machine.art-stage{width:calc(100% - 16px);aspect-ratio:auto;height:430px;border-radius:12px}.stage-art{border-radius:12px}.art-stage .machine-lid{left:22%;width:56%;top:23%;height:16%}.art-stage .lid-trim{padding:8px 5px}.art-stage .lid-trim small{font-size:7px;letter-spacing:2px}.art-stage .lid-trim b{font-size:14px}.art-stage .machine-cavity{left:10%;width:80%;top:46%;height:30%}.art-stage .reel-card img{height:80px}.art-stage .reel-card span{font-size:10px}.art-stage .machine-front{left:23%;width:54%;top:79%;height:6%}.art-stage .machine-status{font-size:6px;letter-spacing:1px}.promo.graphic-promo{height:215px;padding:22px 18px}.graphic-promo h2{font-size:24px;max-width:200px}.graphic-promo .promo-action>span{font-size:8px;letter-spacing:1px}.promo-illustration{right:-16%;width:65%;opacity:.8;top:0;height:105%}.hero-chip{display:none}.graphic-promo .promo-action button{font-size:11px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.armory-motes,.hero-skin{animation:none!important}.armory-motes{display:none}.stage-art{animation:none!important}}
.art-stage .machine-lid{left:31%;top:17%;width:38%;height:12%}.art-stage .machine-cavity{left:11%;top:46.2%;width:78%;height:20.5%;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.art-stage .machine-front{left:33%;top:33%;width:34%;height:4%;background:#080d1555}.art-stage .reel-card img{height:70%;max-height:100px}.art-stage .reel-card span{font-size:10px}.art-stage .machine-cavity .roulette{border:0}.art-stage .lid-trim{background:#090e1844;box-shadow:none;border:0;backdrop-filter:none}@media(max-width:720px){.case-machine.art-stage{height:470px}.art-stage .machine-lid{left:26%;width:48%;top:17%;height:12%}.art-stage .reel-card img{height:56px}.art-stage .reel-card span{font-size:9px}.art-stage .machine-front{left:23%;width:54%;top:33%;height:4%}}
#detail-view .detail-heading{margin:10px 20px}#detail-view .detail-heading h1{font-size:23px;margin:6px 0}#detail-view .detail-heading .eyebrow,#detail-view .detail-heading>p{display:none}#detail-view .economy-note{font-size:11px;margin:10px 20px 14px}#detail-view .back{margin:12px 25px}body:has(#short-animation:checked) .armory-motes,body:has(#short-animation:checked) .hero-skin{animation:none!important}body:has(#short-animation:checked) .armory-motes{display:none}