#upgrade-view .feature-title{margin:10px 20px 5px}#upgrade-view .feature-title h1{font-size:20px;margin:0 0 4px}#upgrade-view .feature-title>p{font-size:10px;line-height:1.4}
#upgrade-view .upgrade-arena{margin:10px 20px 4px;padding:0;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:22px;align-items:center}
#upgrade-view .upgrade-pedestal{height:192px;min-height:192px;padding:28px 12px 10px;border:1px solid color-mix(in srgb,var(--display-tone) 30%,#26303e);border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--display-tone) 15%,transparent),transparent 60%),linear-gradient(145deg,#1923319c,#111a2680);box-shadow:inset 0 1px #ffffff07;gap:4px}
#upgrade-view .upgrade-pedestal:before{display:none}
#upgrade-view .upgrade-pedestal:after{top:auto;bottom:0;left:12%;width:76%;height:2px;transform:none;border:0;border-radius:0;background:linear-gradient(90deg,transparent,var(--display-tone),transparent);box-shadow:0 -8px 25px color-mix(in srgb,var(--display-tone) 35%,transparent);animation:pedestal-underlight 4s ease-in-out infinite alternate}
.selection-meta{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#93a7be;line-height:1.4}.selection-meta b{color:var(--display-tone);margin-left:4px}.selection-meta button{background:none;border:0;color:#788ba3;padding:0;font-size:8px;cursor:pointer}.selection-meta button:hover{color:#e0e7f2}
#upgrade-view .upgrade-pedestal .preview-stack{height:85px;min-height:85px}#upgrade-view .upgrade-pedestal .preview-stack img{height:32px;width:24%}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img{height:85px}#upgrade-view .pedestal-placeholder{height:85px}#upgrade-view .pedestal-placeholder:after{width:40px;height:40px;font-size:24px;border-radius:12px}
#upgrade-view .upgrade-pedestal>b{font-size:11px;line-height:1.25}#upgrade-view .upgrade-pedestal>small{font-size:14px}#upgrade-view .upgrade-pedestal .multi-label{font-size:8px}
#upgrade-dial{width:145px;height:145px;margin:8px auto 15px}.dial-core{inset:13px;border-width:7px}.dial-core strong{font-size:24px}.dial-core .double-chevron{font-size:28px;line-height:23px}.dial-core #dial-label{font-size:7px;letter-spacing:.5px}
#upgrade-view #do-upgrade{padding:9px 13px;font-size:12px;width:160px;border-radius:9px}#upgrade-view .upgrade-caption{font-size:9px;line-height:1.4;margin:8px 20px}
#upgrade-view .dual-pickers{margin:8px 20px 0;gap:14px}#upgrade-view .skin-panel-heading{min-height:0;padding:9px 12px}#upgrade-view .skin-panel-heading h2{font-size:12px}#upgrade-view .skin-tools{padding:6px 8px;gap:6px}#upgrade-view .skin-tools input,#upgrade-view .skin-tools select{padding:6px;font-size:9px}
#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;overflow:visible;scrollbar-gutter:auto;gap:5px;padding:6px 8px;min-height:224px}
#upgrade-view .skin-panel .choice>.item{min-height:92px;padding:17px 5px 4px}#upgrade-view .skin-panel .choice .item img{height:36px}#upgrade-view .skin-panel .choice .item h3{font-size:8px;line-height:1.25;min-height:20px;margin:2px 0}#upgrade-view .skin-panel .choice .item small{font-size:7px;line-height:1.2}#upgrade-view .skin-panel .choice .item small:last-of-type{display:none}#upgrade-view .skin-panel .choice .item p{font-size:9px;margin:3px 0}#upgrade-view .skin-panel .choice>.choice-label{top:4px;left:4px;font-size:6px;padding:2px 3px}#upgrade-view .skin-panel .choice>.target-odds{font-size:6px;padding:3px 4px}#upgrade-view .target-odds b{font-size:8px}
.skin-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px 8px;color:#8195ac;font-size:9px;min-height:22px}.skin-pagination:empty{display:none}.skin-pagination button{border:1px solid #ffffff12;background:#ffffff04;border-radius:5px;width:28px;height:22px;color:#d5b782;cursor:pointer}.skin-pagination button:disabled{opacity:.3;cursor:default}
@keyframes pedestal-underlight{from{opacity:.45}to{opacity:1}}
@media(min-width:721px){body:has(#upgrade-view:not([hidden])) main{min-height:0;padding-bottom:12px}body:has(#upgrade-view:not([hidden])) footer{display:none}body:has(#upgrade-view:not([hidden])) .drop-sidebar{min-height:0;height:calc(100dvh - 68px)}}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:10px;margin:10px 12px}#upgrade-view .upgrade-pedestal{height:178px;min-height:178px;padding-left:8px;padding-right:8px}.selection-meta{left:8px;right:8px;font-size:8px}.selection-meta button{font-size:7px}#upgrade-view .dial-column{margin-top:4px}#upgrade-dial{width:135px;height:135px}#upgrade-view .dual-pickers{margin:8px 12px;gap:10px}#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:224px}#upgrade-view .skin-panel .choice .item img{height:42px}}
body:has(#short-animation:checked) .upgrade-pedestal:after{animation:none!important}@media(prefers-reduced-motion:reduce){#upgrade-view .upgrade-pedestal:after{animation:none}}
@media(min-width:721px){
#upgrade-view .upgrade-pedestal{height:160px;min-height:160px;padding-top:25px;gap:3px}
#upgrade-view .upgrade-pedestal .preview-stack{height:66px;min-height:66px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:66px}
#upgrade-dial{width:120px;height:120px;margin:5px auto 12px}.dial-core strong{font-size:21px}.dial-core .double-chevron{font-size:23px;line-height:18px}
#upgrade-view .skin-panel-heading{height:32px;box-sizing:border-box;padding:5px 10px}
#upgrade-view .skin-panel .choice-grid{grid-auto-rows:108px;min-height:221px;align-items:stretch}
#upgrade-view .skin-panel .choice>.item{height:88px;min-height:0;flex:none;padding:14px 4px 3px}
#upgrade-view .skin-panel .choice .item img{height:30px}#upgrade-view .skin-panel .choice .item h3{min-height:18px;font-size:7.5px}
#upgrade-view .skin-panel .choice>.target-odds{height:18px;box-sizing:border-box;padding:2px 3px}
#upgrade-view .skin-panel .choice .item p{font-size:8px;margin:2px 0}
#upgrade-view .skin-panel .empty{min-height:0;padding:25px 10px}
}

@media(min-width:721px){body:has(#upgrade-view:not([hidden])) main{padding-bottom:0}}
/* Give the dial and artwork room; metadata shares a single bottom row. */
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)}
#upgrade-dial{width:185px;height:185px;margin:8px auto 16px}.dial-core{inset:17px;border-width:8px}.dial-core strong{font-size:31px}.dial-core .double-chevron{font-size:32px;line-height:26px}.dial-core #dial-label{font-size:8px}
#upgrade-view .upgrade-pedestal{height:208px;min-height:208px;padding-top:28px}
#upgrade-view .upgrade-pedestal .preview-stack{height:112px;min-height:112px}#upgrade-view .upgrade-pedestal .preview-stack img{height:43px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:112px}
#upgrade-view .upgrade-pedestal>b{font-size:12px}#upgrade-view .upgrade-pedestal>small{font-size:16px}
#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:138px;min-height:138px;gap:7px}
#upgrade-view .skin-panel .choice>.item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:82px 26px;column-gap:5px;align-items:center;height:118px;min-height:0;flex:none;padding:5px 7px;box-sizing:border-box}
#upgrade-view .skin-panel .choice .item img{grid-column:1/-1;width:100%;height:78px;object-fit:contain;margin:0}
#upgrade-view .skin-panel .choice .item small{display:none}
#upgrade-view .skin-panel .choice .item h3{grid-column:1;grid-row:2;font-size:9px;line-height:1.3;min-height:0;margin:0;text-align:left;overflow-wrap:anywhere}
#upgrade-view .skin-panel .choice .item p{grid-column:2;grid-row:2;font-size:10px;margin:0;white-space:nowrap;text-align:right}
#upgrade-view .skin-panel .choice>.choice-label{font-size:7px;top:5px;left:5px;z-index:1}
#upgrade-view .skin-panel .choice>.target-odds{height:18px;font-size:7px;padding:2px 7px}#upgrade-view .target-odds b{font-size:9px}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr}#upgrade-view .upgrade-pedestal{height:194px;min-height:194px}#upgrade-view .upgrade-pedestal .preview-stack{height:96px;min-height:96px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:96px}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .skin-panel .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#upgrade-view .skin-panel .choice .item h3{font-size:8px}#upgrade-view .skin-panel .choice .item p{font-size:9px}}

/* Refined inventory and adaptive selection tray. */
#upgrade-view #upgrade-inputs{grid-auto-rows:124px;gap:8px;min-height:124px}
#upgrade-view #upgrade-inputs .choice{border-radius:10px;border:1px solid #ffffff0d;background:radial-gradient(ellipse at 50% 35%,#759ccb0c,transparent 70%),#151e2a;box-shadow:inset 0 1px #ffffff03}
#upgrade-view #upgrade-inputs .choice:hover{border-color:#92b5dd55;background-color:#1a2737}
#upgrade-view #upgrade-inputs .choice.selected{border-color:#b8cae45c;background:linear-gradient(0deg,#789bc51c,transparent 65%),#192434;box-shadow:inset 0 -2px #9cbbdf}
#upgrade-view #upgrade-inputs .choice.selected>.choice-label{background:#92b5dd22;color:#c3d9f3}
#upgrade-view #upgrade-inputs .choice>.item{height:120px;padding:8px;grid-template-rows:70px 32px;column-gap:7px}
#upgrade-view #upgrade-inputs .choice .item img{height:66px;filter:drop-shadow(0 8px 6px #0008)}
#upgrade-view #upgrade-inputs .choice .item h3{font-size:9px;line-height:1.35}
#upgrade-view #upgrade-inputs .choice .item p{font-size:9px;color:#dfc598}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:30px 10px 9px;gap:5px;justify-content:flex-start}
.source-display{width:100%;min-height:0;flex:1;display:grid;gap:6px}
.source-display.single{grid-template-columns:1fr;grid-template-rows:1fr}
.source-display.multiple{grid-template-columns:repeat(var(--source-cols),minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
.source-tile{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;border:1px solid #9db7d51a;border-radius:8px;background:radial-gradient(ellipse at center,#7095c210,transparent 80%),#ffffff02;color:#c3d1e2;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s}
.source-tile:hover{border-color:#aac8ec66;background-color:#a0bfe40c}
#upgrade-view .upgrade-pedestal .source-tile img{width:100%;height:calc(100% - 20px);min-height:0;max-height:105px;object-fit:contain;filter:drop-shadow(0 8px 7px #0008);animation:none}
.source-tile-info{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;font-size:8px;line-height:1.4}.source-tile-info>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.source-tile-info>b{font-size:8px;font-weight:500;color:#ebc891;white-space:nowrap}
.source-display.single .source-tile{border:0;background:radial-gradient(ellipse at 50% 55%,#8db7e410,transparent 70%);padding:0 8px}
#upgrade-view .upgrade-pedestal .source-display.single img{height:128px;max-height:128px;width:94%;flex:1}
.source-display.single .source-tile-info{font-size:12px;padding:4px 0}.source-display.single .source-tile-info>b{font-size:15px}
.source-remove{position:absolute;right:4px;top:3px;color:#8da6c3;line-height:14px;font-size:14px;opacity:0;transition:opacity .2s}.source-tile:hover .source-remove,.source-tile:focus-visible .source-remove{opacity:1}
.source-total{display:flex;justify-content:space-between;width:100%;padding:1px 3px;color:#8fa2b9;font-size:9px}.source-total b{color:#bcd3ed;font-size:11px}
@media(max-width:720px){.source-display.multiple{gap:3px}.source-tile{padding:3px}.source-tile-info{font-size:6px;gap:2px}.source-tile-info>b{font-size:6px}.source-display.single .source-tile-info{font-size:9px}.source-display.single .source-tile-info>b{font-size:11px}#upgrade-view .upgrade-pedestal .source-display.single img{height:112px;max-height:112px}.source-remove{opacity:.6}.source-display.multiple[style*="5"] .source-tile-info>span{display:none}}
/* Balanced square preview stages and a centered dial action. */
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,270px) 240px minmax(0,270px);justify-content:center;gap:28px;align-items:center;margin-top:14px;margin-bottom:10px}
#upgrade-view .upgrade-pedestal{width:100%;height:250px;min-height:250px;border-radius:16px;padding-top:32px}
#upgrade-view .dial-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:0;margin:0;align-self:center}
#upgrade-dial{width:205px;height:205px;flex:0 0 205px;margin:0;box-sizing:border-box}
#upgrade-view #do-upgrade{display:block;position:relative;inset:auto;width:190px;min-height:42px;margin:0;transform:none;align-self:center;padding:11px 14px;line-height:1.3}
#upgrade-view .upgrade-pedestal .preview-stack{height:142px;min-height:142px}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:142px}
#upgrade-view .upgrade-pedestal .source-display.single img{height:165px;max-height:165px}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:32px 12px 12px}
#upgrade-view .upgrade-pedestal .source-display.multiple img{max-height:80px}
@media(min-width:721px) and (max-width:1050px){#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 205px minmax(0,1fr);gap:16px}#upgrade-view .upgrade-pedestal{height:225px;min-height:225px}#upgrade-dial{width:185px;height:185px;flex-basis:185px}#upgrade-view #do-upgrade{width:180px}}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:12px;margin:12px}#upgrade-view .upgrade-pedestal{height:auto;min-height:190px;aspect-ratio:1;padding:30px 8px 9px}#upgrade-view .dial-column{grid-column:1/-1;grid-row:2;gap:18px;margin:12px 0 8px}#upgrade-dial{width:205px;height:205px;flex-basis:205px}#upgrade-view .upgrade-pedestal .preview-stack{height:96px;min-height:96px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:96px}#upgrade-view .upgrade-pedestal .source-display.single img{height:110px;max-height:110px}#upgrade-view #upgrade-source-preview:has(.source-display){padding:30px 8px 9px}}
/* Larger preview windows use the available arena width. */
#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:24px;margin:18px 20px 12px}
#upgrade-view .upgrade-pedestal{height:320px;min-height:320px;padding:34px 18px 16px;border-radius:18px}
#upgrade-view .upgrade-pedestal .preview-stack{height:195px;min-height:195px}
#upgrade-view .upgrade-pedestal .preview-stack img{height:72px}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:195px}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:34px 14px 14px}
#upgrade-view .upgrade-pedestal .source-display.single img{height:230px;max-height:230px}
#upgrade-view .upgrade-pedestal .source-display.multiple img{max-height:110px}
#upgrade-view .upgrade-pedestal>b{font-size:13px}#upgrade-view .upgrade-pedestal>small{font-size:18px}
@media(min-width:721px) and (max-width:1050px){#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:16px;margin-left:16px;margin-right:16px}#upgrade-view .upgrade-pedestal{height:280px;min-height:280px;padding-left:10px;padding-right:10px}#upgrade-view .upgrade-pedestal .preview-stack{height:160px;min-height:160px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:160px}#upgrade-view .upgrade-pedestal .source-display.single img{height:195px;max-height:195px}}
@media(max-width:720px){#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:10px;margin:14px 10px}#upgrade-view .upgrade-pedestal{height:230px;min-height:230px;aspect-ratio:auto;padding:30px 8px 10px;border-radius:14px}#upgrade-view .upgrade-pedestal .preview-stack{height:130px;min-height:130px}#upgrade-view .upgrade-pedestal .preview-stack img{height:45px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .pedestal-placeholder{height:130px}#upgrade-view #upgrade-source-preview:has(.source-display){padding:30px 8px 10px}#upgrade-view .upgrade-pedestal .source-display.single img{height:150px;max-height:150px}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .upgrade-pedestal>small{font-size:15px}}
/* Center the dial itself, independently of the button below it. */
#upgrade-view .upgrade-arena{padding-bottom:48px}
#upgrade-view .dial-column{position:relative;display:grid;place-items:center;align-self:stretch;height:auto;min-height:0;gap:0;padding:0;margin:0}
#upgrade-view #upgrade-dial{margin:0;flex:none;isolation:isolate;box-shadow:0 0 0 8px #101823,0 0 0 9px #74819a30,0 0 38px #e6b95c0b}
#upgrade-view #do-upgrade{position:absolute;left:50%;top:calc(50% + 142px);transform:translateX(-50%);margin:0;min-height:44px;width:190px;border:1px solid #f3d29855;border-radius:11px;background:linear-gradient(120deg,#f5d89a,#dca34f);color:#2a2116;box-shadow:0 8px 25px #b9893920;font-size:13px;line-height:1.3}
#upgrade-view #do-upgrade:hover:not(:disabled){transform:translateX(-50%) translateY(-2px);box-shadow:0 10px 30px #e6b25830}
#upgrade-view .dial-core{inset:17px;border:7px solid #111925;background:radial-gradient(circle at 50% 30%,#343020,#141c27 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0}
#upgrade-view .dial-core strong{font-size:33px;line-height:1.1;letter-spacing:-1px;color:#ffdc8a;text-shadow:0 0 25px #e5b85b30;font-variant-numeric:tabular-nums}
#upgrade-view .dial-core .double-chevron{font-size:26px;line-height:20px;color:#e3bf78}
#upgrade-view .dial-core #dial-label{margin:0;font-size:8px;letter-spacing:1.1px;color:#9aabbe}
#upgrade-view .dial-ticks{opacity:.65}
#upgrade-view #upgrade-dial:before{content:'';position:absolute;inset:-18px;pointer-events:none;border:1px solid #edc77f12;border-radius:50%}
@media(min-width:721px) and (max-width:1050px){#upgrade-view #do-upgrade{top:calc(50% + 130px);width:180px}}
@media(max-width:720px){#upgrade-view .upgrade-arena{padding-bottom:0}#upgrade-view .dial-column{height:340px;margin:8px 0 0;align-self:auto;align-items:start;padding-top:15px;box-sizing:border-box}#upgrade-view #do-upgrade{top:260px}#upgrade-view .dial-core strong{font-size:31px}}
/* Probability ruler: zero follows the beginning of the success sector. */
#upgrade-view .dial-ticks{display:none}
.dial-scale{position:absolute;inset:0;transform:rotate(var(--chance-start,180deg));pointer-events:none;z-index:3}
.scale-tick{position:absolute;left:50%;top:50%;width:1px;height:4px;background:#72809766;transform-origin:0 0;transform:rotate(var(--mark)) translateY(-115px)}
.scale-tick.major{height:7px;background:#c1cadb99;width:2px}
.scale-mark{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--mark)) translateY(-132px)}
.scale-mark span{position:absolute;display:block;white-space:nowrap;transform:translate(-50%,-50%) rotate(calc(0deg - var(--chance-start,180deg) - var(--mark)));font:500 9px var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.2px;color:#91a1b8;text-shadow:0 2px 8px #080e1b;background:#111925d9;border-radius:4px;padding:2px 4px}
.scale-mark.in-range span{color:#efd59d}
#upgrade-view #upgrade-dial:before{inset:-17px;border-color:#8192ad19;box-shadow:0 0 0 7px #0b111a33}
#upgrade-view .dial-core{background:radial-gradient(ellipse at 50% 0,#74613b2a,transparent 65%),radial-gradient(circle,#1a2533,#101823);box-shadow:inset 0 1px #ffffff12,inset 0 -10px 25px #0004}
#upgrade-view .dial-core:before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid #a8bdd10e;pointer-events:none}
#upgrade-view .is-spinning .dial-core:before{border-top-color:#eac47c70;animation:dial-inner-orbit 3s linear infinite}
#upgrade-view .is-spinning .dial-core strong{text-shadow:0 0 24px #eac47c70}
#upgrade-view .upgrade-pedestal{background:radial-gradient(ellipse at 50% 85%,color-mix(in srgb,var(--display-tone) 14%,transparent),transparent 60%),linear-gradient(140deg,#21304480,#111b288c);box-shadow:inset 0 1px #ffffff0b,0 12px 24px #0002}
#upgrade-view .upgrade-pedestal:before{display:block;content:'';position:absolute;inset:10px;pointer-events:none;width:auto;height:auto;border:0;border-radius:10px;background:linear-gradient(var(--display-tone),var(--display-tone)) left top/13px 1px no-repeat,linear-gradient(var(--display-tone),var(--display-tone)) left top/1px 13px no-repeat,linear-gradient(var(--display-tone),var(--display-tone)) right bottom/13px 1px no-repeat,linear-gradient(var(--display-tone),var(--display-tone)) right bottom/1px 13px no-repeat;opacity:.23;z-index:-1}
#upgrade-view #upgrade-target-preview:before{content:''}
#upgrade-view .upgrade-pedestal:after{height:2px;bottom:0;left:10%;width:80%;box-shadow:0 -6px 24px color-mix(in srgb,var(--display-tone) 30%,transparent)}
#upgrade-view .upgrade-pedestal:has(.source-display),#upgrade-view #upgrade-target-preview:has(.preview-stack){border-color:color-mix(in srgb,var(--display-tone) 45%,#344051)}
.source-display.single .source-tile img,#upgrade-view .preview-stack img:only-child{animation:preview-suspend 5s ease-in-out infinite!important}
.motion-busy .source-display.single .source-tile img,.motion-busy .preview-stack img:only-child{animation:none!important}
#upgrade-view .source-draining .source-display{animation:source-dim .8s ease forwards}
#upgrade-view .energy-active .upgrade-pedestal:before{animation:frame-energy 1.6s ease-in-out infinite alternate}
#upgrade-view .energy-active .upgrade-dial:after{display:none}
@keyframes dial-inner-orbit{to{transform:rotate(360deg)}}@keyframes preview-suspend{50%{translate:0 -4px}}@keyframes frame-energy{to{opacity:.65}}
@media(min-width:721px) and (max-width:1050px){.scale-tick{transform:rotate(var(--mark)) translateY(-105px)}.scale-mark{transform:rotate(var(--mark)) translateY(-120px)}.scale-mark span{font-size:8px;padding:2px}}
@media(max-width:720px){#upgrade-view .dial-column{padding-top:34px;height:370px}#upgrade-view #do-upgrade{top:288px}.scale-mark span{font-size:8px}}
body:has(#short-animation:checked) .source-tile img,body:has(#short-animation:checked) .preview-stack img:only-child,body:has(#short-animation:checked) .upgrade-pedestal:before{animation:none!important}
@media(prefers-reduced-motion:reduce){.source-display.single .source-tile img,#upgrade-view .preview-stack img:only-child,#upgrade-view .upgrade-pedestal:before,#upgrade-view .dial-core:before{animation:none!important}}
#upgrade-view .skin-panel-heading{height:auto;min-height:32px;flex-wrap:wrap;row-gap:7px}
#upgrade-view .quick-targets{gap:4px}
#upgrade-view .quick-targets button{padding:5px 6px;font-size:9px;min-height:25px}
#upgrade-view .quick-targets [data-chance]{background:#7f9dc612;border-color:#829abb36;color:#b9d0ec}
#upgrade-view .quick-targets [data-chance]:hover{background:#7f9dc628;border-color:#a2bcdd77}
#upgrade-view .quick-targets [data-chance="25"]{margin-left:5px}

/* Open item previews blend into the upgrade background. */
#upgrade-view .upgrade-pedestal{background:none;border:0;box-shadow:none;border-radius:0}
#upgrade-view .upgrade-pedestal::before,#upgrade-view .upgrade-pedestal::after{display:none}


#upgrade-view .upgrade-arena{position:relative;isolation:isolate}
#upgrade-view .upgrade-shaped-panels{position:absolute;left:0;width:100%;overflow:visible;pointer-events:none;z-index:-1}
.upgrade-shaped-left{fill:url(#upgrade-panel-left);stroke:#6387aa55;stroke-width:1}
.upgrade-shaped-right{fill:url(#upgrade-panel-right);stroke:#c49b5b55;stroke-width:1}
@media(max-width:720px){#upgrade-view .upgrade-shaped-panels{display:none}#upgrade-view .upgrade-pedestal{background:#101721;border:1px solid #8196ae25;border-radius:18px}}

/* Taller inventory panels with the same cool/warm edges as the previews. */
#upgrade-view .dual-pickers{align-items:stretch}
#upgrade-view .skin-panel{--panel-edge:#6387aa55;display:flex;flex-direction:column;min-height:400px;border:1px solid var(--panel-edge);border-radius:18px;background:linear-gradient(145deg,#090f17,#070b11);box-shadow:inset 0 1px #a4cbec08,0 0 20px #5683ab07;overflow:hidden}
#upgrade-view .skin-panel:has(#upgrade-targets){--panel-edge:#c49b5b55;background:linear-gradient(145deg,#101115,#090a0c);box-shadow:inset 0 1px #eed1a008,0 0 20px #c49b5b07}
#upgrade-view .skin-panel .choice-grid{flex:1;align-content:start;min-height:290px;grid-auto-rows:138px;padding:10px;box-sizing:border-box}
#upgrade-view .skin-panel .choice-grid>.empty{grid-column:1/-1;min-height:260px;margin:0;display:grid;place-content:center;box-sizing:border-box;border:0;background:none}
#upgrade-view .skin-panel .skin-pagination{margin-top:auto;padding:10px 12px}
@media(max-width:720px){#upgrade-view .skin-panel{min-height:380px}#upgrade-view .skin-panel .choice-grid{min-height:285px}}