/* Industrial collection / spectrum upgrader */
main{position:relative}main:has(.spectrum-wheel){background:radial-gradient(ellipse at 50% 23%,#dfa82c08,transparent 48%)}.upgrade-layout:has(.spectrum-wheel){position:relative;isolation:isolate;padding:25px 0 18px}.upgrade-layout:has(.spectrum-wheel):before{content:'';position:absolute;left:8%;right:8%;top:40%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,#ffdc2635 15%,#ffdc2615 50%,#6ae8a835 85%,transparent)}.selection{background:radial-gradient(ellipse at 50% 50%,#ffd0260b,transparent 70%),linear-gradient(145deg,#25272a,#16181c);box-shadow:inset 0 1px #ffffff08,0 15px 40px #0003;border-color:#36383e}.target-selection{background:radial-gradient(ellipse at 50% 50%,#59e6a515,transparent 70%),linear-gradient(145deg,#20262a,#15191c);border-top-color:#62e5a26b}.selection img{filter:drop-shadow(0 10px 12px #0008) drop-shadow(0 0 12px #ffdc2615);transition:transform .35s}.target-selection img{filter:drop-shadow(0 10px 12px #0008) drop-shadow(0 0 16px #6ce8a82b)}.selection:hover img{transform:translateY(-5px) rotate(-3deg)}.target-selection .eyebrow,.target-selection .yellow{color:#7ce9b2}.selection .eyebrow{align-self:flex-start;font-size:8px;letter-spacing:1.7px}.selection strong{font-size:21px}.spectrum-wheel{width:300px;height:300px;padding:19px;margin:37px auto 48px;border:1px solid #ffffff20;background:conic-gradient(from 180deg,#f1464f 0deg,#ff9e38 45deg,#ffdb42 90deg,#afe759 135deg,#39db91 180deg,#afe759 225deg,#ffdb42 270deg,#ff9e38 315deg,#f1464f 360deg);box-shadow:0 -15px 65px #35df9020,0 14px 60px #f14b4e1c,0 0 0 8px #151719,0 0 0 9px #34363b,0 15px 50px #0007;isolation:isolate}.spectrum-wheel:before{content:'';position:absolute;inset:-19px;border-radius:50%;background:repeating-conic-gradient(from 180deg,#c6cbd16b 0deg 1deg,transparent 1deg 9deg);mask:radial-gradient(transparent 67%,#000 68%);pointer-events:none}.spectrum-wheel:after{content:'';position:absolute;inset:30px;border:1px dashed #ffffff15;border-radius:50%;pointer-events:none;animation:dial-orbit 36s linear infinite}.spectrum-wheel .wheel-core{position:relative;background:radial-gradient(ellipse at 50% 65%,#ffda2810,transparent 60%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(135deg,#282b30,#101316);border:6px solid #101316;box-shadow:inset 0 0 35px #000b,0 0 0 2px #ffffff0c;overflow:hidden;gap:0}.spectrum-wheel .dial-status{font-size:7px;letter-spacing:2px;color:#a2a8b0;display:flex;align-items:center;gap:5px;margin-bottom:8px}.dial-status>span{width:4px;height:4px;border-radius:50%;background:#68e7a8;box-shadow:0 0 8px #68e7a8}.spectrum-wheel .dial-chevrons{font-size:41px;line-height:.9;color:var(--chance-color);text-shadow:0 0 22px color-mix(in srgb,var(--chance-color) 50%,transparent);font-weight:800;margin-bottom:4px}.spectrum-wheel .wheel-core strong{color:#fff;font-size:55px;letter-spacing:-2px;line-height:1.25;font-variant-numeric:tabular-nums}.spectrum-wheel .wheel-core strong>span{font-size:21px;letter-spacing:-1px;color:#aeb6bb;margin-left:3px}.spectrum-wheel .wheel-core>small{font-size:8px;letter-spacing:2px;color:#9ba3ac;margin-top:2px}.dial-readout{font-size:6px;letter-spacing:1.5px;color:var(--chance-color);margin-top:14px;border:1px solid #ffffff10;border-radius:4px;padding:5px 9px;background:#ffffff03}.wheel-label{position:absolute;color:#d7dde2;z-index:4;font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1px;text-shadow:0 2px 8px #000}.wheel-label>span{font-size:8px;margin-left:2px}.scale-max{top:-43px;left:50%;transform:translateX(-50%);color:#71e4ae}.scale-min{bottom:-43px;left:50%;transform:translateX(-50%);color:#ff767a}.scale-mid{left:-39px;top:50%;transform:translateY(-50%);color:#ffdb42;font-size:9px}.spectrum-wheel .needle{z-index:5;transition:transform 2.35s cubic-bezier(.14,.7,.14,1)}.spectrum-wheel .needle:after{content:'';position:absolute;bottom:-12px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:19px solid #fff;width:0;height:0;filter:drop-shadow(0 0 5px #fff9)}.spectrum-wheel .needle:before{content:'';position:absolute;bottom:-18px;left:calc(50% - 2px);width:4px;height:8px;background:#fff;box-shadow:0 0 12px #fff8}.spectrum-wheel.spinning{animation:dial-charge .6s ease-in-out infinite alternate}.spinning .dial-status>span{animation:status-blink .4s linear infinite alternate}.upgrade-action{background:linear-gradient(110deg,#ffe44e,#ffbf36);box-shadow:0 5px 30px #ffbd3626;border-color:#ffe151;min-height:51px;font-size:14px;letter-spacing:.3px}.chance-presets button{border-radius:10px;transition:transform .15s,background .2s;box-shadow:inset 0 1px #ffffff0d,0 5px 12px #0003}.chance-presets button.selected{box-shadow:0 0 24px #ffdc2633,inset 0 1px #fff5}.case-card{border-radius:12px;background:linear-gradient(145deg,#25272b,#16181d);box-shadow:0 10px 25px #0003,inset 0 1px #ffffff09;transition:transform .25s,border-color .25s,box-shadow .25s}.case-card:hover{box-shadow:0 12px 45px color-mix(in srgb,var(--case) 14%,transparent),inset 0 1px #ffffff14;border-color:color-mix(in srgb,var(--case) 65%,#555)}.case-art{border-radius:8px;border-color:#ffffff0a;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--case) 15%,#131519),#151619 75%)}.case-art .case-illustration{border-radius:7px;object-fit:contain}.case-label{font-size:6px;background:#15171bdb;border-color:#ffffff20;letter-spacing:1.1px}.case-info{position:relative}.case-info b{font-size:16px}.case-info .price-pill{border-radius:5px;box-shadow:inset 0 1px #ffffff20}.case-number{font-size:35px;letter-spacing:-1px;bottom:22px;color:#ffffff10}.case-card:after{height:2px;left:0;right:0}.case-art:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff04,transparent 45%,#0001);pointer-events:none}.case-card .case-illustration{transition:transform .4s}.case-card:hover .case-illustration{transform:scale(1.04) rotate(-1deg)}@keyframes dial-orbit{to{transform:rotate(360deg)}}@keyframes dial-charge{to{box-shadow:0 -15px 70px #35df9040,0 15px 65px #f14b4e40,0 0 0 8px #151719,0 0 0 9px #34363b}}@keyframes status-blink{to{opacity:.2}}
@media(max-width:1150px) and (min-width:851px){.spectrum-wheel{width:270px;height:270px}.spectrum-wheel .wheel-core strong{font-size:48px}.scale-mid{left:-31px}}
@media(max-width:850px){.upgrade-layout:has(.spectrum-wheel):before{display:none}.spectrum-wheel{margin-top:45px;margin-bottom:50px}.upgrade-layout:has(.spectrum-wheel){padding-top:0}.upgrade-center{padding-top:12px}}
@media(max-width:650px){.spectrum-wheel{width:252px;height:252px;padding:16px;margin:42px auto 48px}.spectrum-wheel:before{inset:-16px}.spectrum-wheel:after{inset:24px}.spectrum-wheel .wheel-core{border-width:4px}.spectrum-wheel .wheel-core strong{font-size:46px}.spectrum-wheel .wheel-core strong>span{font-size:18px}.spectrum-wheel .dial-status{font-size:5px;letter-spacing:1.2px;margin-bottom:6px}.spectrum-wheel .dial-chevrons{font-size:34px}.spectrum-wheel .wheel-core>small{font-size:6px;letter-spacing:1.5px}.dial-readout{font-size:5px;letter-spacing:.7px;margin-top:12px;padding:4px 7px}.scale-max{top:-37px;font-size:11px}.scale-min{bottom:-37px;font-size:11px}.scale-mid{left:-30px;font-size:8px}.selection strong{font-size:15px}.selection .eyebrow{font-size:6px;letter-spacing:1px}.case-info b{font-size:13px}.case-number{font-size:28px;bottom:18px}.case-label{font-size:5px;letter-spacing:.6px}.case-card:hover .case-illustration{transform:none}}
@media(prefers-reduced-motion:reduce){.spectrum-wheel:after,.spectrum-wheel.spinning,.spinning .dial-status>span{animation:none}.spectrum-wheel .needle{transition-duration:.15s}.selection:hover img{transform:none}}