.upgrade-dial{width:min(100%,380px);aspect-ratio:1;position:relative;margin:auto;isolation:isolate;container-type:inline-size}.upgrade-dial-halo{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#203a5044,#141b3066 65%);box-shadow:0 0 75px #5c9cce12,inset 0 0 35px #4b99d711}.upgrade-dial-ring{position:absolute;width:100%;height:100%;inset:0;will-change:transform}.upgrade-dial-pointer{position:absolute;left:calc(50% - 13px);top:-8px;width:26px;height:32px;filter:drop-shadow(0 2px 8px #080e20);z-index:3}.upgrade-dial-center{position:absolute;inset:0;text-align:center}.upgrade-dial-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44%;aspect-ratio:1;border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);overflow:hidden;display:grid;place-items:center;border:1px solid #6281a866;background:#111a2c;box-shadow:0 0 24px #5d9ecc18}.upgrade-dial-art>.case-item-art{width:100%;height:100%;min-width:0;border-radius:50%;overflow:hidden;background:transparent}.upgrade-dial-readout{position:absolute;top:74.5%;left:15%;right:15%;display:grid;justify-items:center;grid-gap:4px;gap:4px}.upgrade-dial-center strong{font-size:clamp(16px,7cqi,27px);line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#e5f2ff}.upgrade-dial-readout>span{font-size:clamp(9px,2.9cqi,11px);line-height:1.3;color:#91a8c5}.upgrade-dial[data-outcome=win] .upgrade-dial-halo{box-shadow:0 0 70px #65dbb72c}.upgrade-dial[data-outcome=win] .upgrade-dial-center strong{color:#83e7bd}.upgrade-dial[data-outcome=loss] .upgrade-dial-center strong{font-size:clamp(14px,5.3cqi,20px);color:#bbbdcf}@media (prefers-reduced-motion:reduce){.upgrade-dial-ring{will-change:auto}}