#upgrade-view{max-width:1760px;margin:auto;padding:20px clamp(12px,3vw,48px) 32px}
#upgrade-view .feature-title{text-align:center;margin:0 0 34px}
#upgrade-view .feature-title h1{font:500 clamp(30px,3vw,44px)/1.2 Georgia,serif;letter-spacing:-.5px;color:#edca88;text-transform:none;margin:0 0 10px}
#upgrade-view .feature-title>p{font-size:13px;line-height:1.6;color:#939faf;margin:0 auto;max-width:680px}
#upgrade-view .upgrade-arena{width:100%;margin:0 0 24px;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:30px;align-items:center;padding:0 0 66px;max-width:none}
#upgrade-view .upgrade-shaped-left,#upgrade-view .upgrade-shaped-right{fill:#0b0e13;stroke:#c5a16b99;stroke-width:1}
#upgrade-view .upgrade-pedestal{height:288px;min-height:288px;max-height:none;width:100%;padding:38px 20px 12px;border:0;border-radius:0;background:none;box-shadow:none;gap:9px;--display-tone:#edc784}
#upgrade-view #upgrade-source-preview:has(.source-display){padding:38px 18px 14px}
#upgrade-view .selection-meta{top:12px;left:18px;right:18px;font-size:12px;color:#a7b1bf}
#upgrade-view .selection-meta b{color:#edca88;font-size:13px}
#upgrade-view .selection-meta button{font-size:10px;color:#8897a9}
#upgrade-view .dial-column{height:288px;align-self:center;display:grid;place-items:center;padding:0;margin:0}
#upgrade-view #upgrade-dial{width:260px;height:260px;margin:0;box-shadow:0 0 0 9px #0b0e14,0 0 0 10px #d5b77c25,0 14px 42px #0006}
#upgrade-view .dial-core{inset:19px;border:8px solid #10131b;background:radial-gradient(ellipse at 50% 12%,#b08b4220,transparent 70%),#0c1118;box-shadow:inset 0 0 30px #0005;gap:10px}
#upgrade-view .dial-core strong{font:500 43px/1.1 Georgia,serif;color:#f6d38e;letter-spacing:-1px}
#upgrade-view .dial-core .double-chevron{font-size:22px;color:#d1ad69}
#upgrade-view .dial-core #dial-label{font-size:9px;letter-spacing:1px;color:#b7bfcb;max-width:165px;text-align:center}
#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-140px);background:#bda06f55}
#upgrade-view .scale-mark{display:none}
#upgrade-view #do-upgrade{position:absolute;top:calc(50% + 152px);left:50%;transform:translateX(-50%);width:290px;min-height:50px;margin:0;padding:12px 22px;border:1px solid #f9d4a473;border-radius:10px;background:linear-gradient(115deg,#f7d79d,#d9a654);color:#302216;font:700 17px/1.3 var(--font-ui,sans-serif);box-shadow:0 6px 26px #e6b66315}
#upgrade-view #do-upgrade:disabled{opacity:.4;cursor:not-allowed}
#upgrade-view .source-tile{border:1px solid #d6b67940;border-radius:9px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--tone,#d3aa6c) 18%,transparent),transparent 70%),#101116;padding:9px;gap:6px}
#upgrade-view .source-display.single .source-tile{background:radial-gradient(ellipse,color-mix(in srgb,var(--tone,#d3aa6c) 15%,transparent),transparent 70%);border:0}
#upgrade-view .source-tile-info{flex-wrap:wrap;font-size:11px;gap:5px}
#upgrade-view .source-tile-info>span{white-space:normal}
#upgrade-view .source-tile-info>b{font-size:13px;color:#edca88}
#upgrade-view .source-total{font-size:11px;padding-top:6px;color:#a7b1bf}
#upgrade-view .source-total b{font-size:14px;color:#edca88}
#upgrade-view .upgrade-pedestal .source-display.single img{height:180px;max-height:180px}
#upgrade-view .upgrade-pedestal .source-display.multiple img{max-height:150px}
#upgrade-view .upgrade-pedestal .preview-stack{height:170px;min-height:170px;width:100%}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img{width:100%;height:170px;max-height:170px;object-fit:contain;filter:drop-shadow(0 0 22px #a78aec22)}
#upgrade-view .upgrade-pedestal>b{font-size:14px;line-height:1.4;color:#e4e9f0;text-align:center}
#upgrade-view .upgrade-pedestal>small{font-size:20px;font-weight:700;color:#edca88}
#upgrade-view .upgrade-pedestal .multi-label{font-size:10px;color:#8491a3}
#upgrade-view .pedestal-placeholder{height:150px}
#upgrade-view .upgrade-funds{width:100%;margin:0 0 10px;padding:12px 18px;background:#0c1017;border:1px solid #c7a76e30;border-radius:11px}
#upgrade-view .upgrade-funds-controls{width:min(70%,760px)}
#upgrade-view .upgrade-funds input[type=range]{accent-color:#ecc47e}
#upgrade-view .upgrade-amount{background:#090d14;border-color:#b89b6645}
#upgrade-view #upgrade-minimum{margin:0 0 14px;text-align:center;font-size:11px;color:#8c98aa}
#upgrade-view .dual-pickers{width:100%;margin:18px 0 0;gap:18px;align-items:stretch}
#upgrade-view .skin-panel,#upgrade-view .skin-panel:has(#upgrade-targets){background:#0b0f15;border:1px solid #77736145;border-radius:13px;min-height:460px;box-shadow:none}
#upgrade-view .skin-panel-heading{padding:14px 15px 10px;min-height:48px;gap:10px;height:auto;border-bottom:0}
#upgrade-view .skin-panel-heading h2{font:500 21px/1.3 Georgia,serif;color:#e9d4aa;white-space:nowrap}
#upgrade-view .quick-targets{gap:5px;flex-wrap:wrap}
#upgrade-view .quick-targets button{min-width:32px;min-height:30px;padding:5px 7px;border-radius:6px;background:#15191f;border:1px solid #b4935838;color:#dfbd7d;font-size:10px}
#upgrade-view .skin-tools{padding:0 12px 12px;gap:8px}
#upgrade-view .skin-tools input,#upgrade-view .skin-tools select{height:36px;min-width:0;padding:8px 10px;font-size:11px;background:#090e15;border:1px solid #34404c;border-radius:7px;color:#bcc7d6}
#upgrade-view .skin-panel .choice-grid,#upgrade-view #upgrade-inputs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;min-height:390px;gap:9px;padding:0 12px 12px;align-content:start}
#upgrade-view .skin-panel .choice,#upgrade-view #upgrade-inputs .choice{position:relative;overflow:hidden;border:1px solid #303a45;border-radius:9px;background:#0b1016;box-shadow:none;display:flex;flex-direction:column;padding:0}
#upgrade-view .skin-panel .choice:hover,#upgrade-view #upgrade-inputs .choice:hover{border-color:#a38c655e;background:#0d1219}
#upgrade-view .skin-panel .choice.selected,#upgrade-view #upgrade-inputs .choice.selected{border-color:#efc479;background:#101218;box-shadow:inset 0 0 0 1px #efc47930}
#upgrade-view .skin-panel .choice>.item,#upgrade-view #upgrade-inputs .choice>.item{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;height:auto;width:100%;padding:22px 9px 10px;margin:0;border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--tone) 23%,transparent),transparent 64%);text-align:left}
#upgrade-view .skin-panel .choice .item img,#upgrade-view #upgrade-inputs .choice .item img{height:83px;width:100%;object-fit:contain;margin:0 0 7px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tone) 20%,transparent))}
#upgrade-view .skin-panel .choice .item small{display:block;font-size:9px;line-height:1.3;color:#90a0b5}
#upgrade-view .skin-panel .choice .item small:last-of-type{display:none}
#upgrade-view .skin-panel .choice .item h3,#upgrade-view #upgrade-inputs .choice .item h3{font:700 11px/1.3 var(--font-ui,sans-serif);min-height:28px;margin:2px 0 4px;color:#e4eaf3;overflow-wrap:anywhere}
#upgrade-view .skin-panel .choice .item p,#upgrade-view #upgrade-inputs .choice .item p{font-size:13px;color:#edca88;margin:auto 0 0;text-align:left;position:static;white-space:normal}
#upgrade-view .skin-panel .choice>.choice-label{top:5px;left:6px;font-size:8px;padding:2px 5px;background:#111824c9;color:#8e9bae;border-radius:4px}
#upgrade-view .skin-panel .choice.selected>.choice-label,#upgrade-view #upgrade-inputs .choice.selected>.choice-label{background:#e9bf79;color:#211b12}
#upgrade-view .skin-pagination{font-size:11px;padding:12px;min-height:40px;gap:10px;justify-content:center}
#upgrade-view .skin-pagination button{height:28px;width:30px;background:#101722;border:1px solid #384451;color:#d5be98}
#upgrade-view .skin-panel .choice-grid>.empty{min-height:300px;font-size:13px;color:#8795a7}
@media(max-width:1100px) and (min-width:721px){#upgrade-view .upgrade-arena{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:14px}#upgrade-view #upgrade-dial{width:210px;height:210px}#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-115px)}#upgrade-view #do-upgrade{width:228px;top:calc(50% + 128px)}#upgrade-view .source-tile-info{font-size:9px}#upgrade-view .source-tile-info>b{font-size:10px}#upgrade-view .skin-panel .choice-grid,#upgrade-view #upgrade-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}#upgrade-view .skin-panel .choice .item h3{font-size:10px}}
@media(max-width:720px){#upgrade-view{padding:18px 12px 24px}#upgrade-view .feature-title{margin-bottom:20px}#upgrade-view .feature-title>p{font-size:11px}#upgrade-view .upgrade-arena{grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0 0 16px}#upgrade-view .upgrade-pedestal{height:220px;min-height:220px;border:1px solid #c5a16b55;border-radius:12px;background:#0b0f15;padding:34px 9px 10px}#upgrade-view #upgrade-source-preview:has(.source-display){padding:34px 9px 10px}#upgrade-view .selection-meta{left:10px;right:10px;font-size:10px}#upgrade-view .selection-meta b{font-size:11px}#upgrade-view .upgrade-pedestal .preview-stack{height:112px;min-height:112px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img,#upgrade-view .upgrade-pedestal .source-display.single img{height:112px;max-height:112px}#upgrade-view .upgrade-pedestal>b{font-size:11px}#upgrade-view .upgrade-pedestal>small{font-size:16px}#upgrade-view .source-tile-info,#upgrade-view .source-tile-info>b{font-size:8px}#upgrade-view .dial-column{grid-column:1/-1;grid-row:2;height:340px;padding-top:10px;margin:0;align-items:start}#upgrade-view #upgrade-dial{width:240px;height:240px}#upgrade-view .scale-tick{transform:rotate(var(--mark)) translateY(-130px)}#upgrade-view #do-upgrade{top:278px;width:260px}#upgrade-view .upgrade-funds{width:100%;margin:0 0 10px;padding:12px;gap:10px}#upgrade-view .upgrade-funds-controls{width:100%}#upgrade-view .upgrade-amount input{width:68px}#upgrade-view .dual-pickers{grid-template-columns:1fr;width:100%;margin:18px 0 0;gap:16px}#upgrade-view .skin-panel .choice-grid,#upgrade-view #upgrade-inputs{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px;min-height:370px}#upgrade-view .skin-panel-heading h2{font-size:20px}#upgrade-view .skin-panel .choice .item img,#upgrade-view #upgrade-inputs .choice .item img{height:75px}#upgrade-view .skin-panel .choice .item p,#upgrade-view #upgrade-inputs .choice .item p{font-size:12px}}
/* Match the existing ID-scoped card rules so neither catalog inherits the old compact height. */
#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-auto-rows:190px;min-height:390px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:190px;min-height:0;align-self:stretch}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice>.item{display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;flex:1;padding:22px 9px 10px;box-sizing:border-box}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:83px;min-height:83px;margin:0 0 7px;object-fit:contain}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item small:first-of-type{display:block;font-size:9px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item h3{display:block;min-height:28px;font-size:11px;margin:2px 0 4px}
#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item p{display:block;font-size:13px;margin:auto 0 0;position:static;color:#edca88}
@media(max-width:720px){#upgrade-view :is(#upgrade-inputs,#upgrade-targets){grid-auto-rows:180px;min-height:370px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice{height:180px}#upgrade-view :is(#upgrade-inputs,#upgrade-targets) .choice .item img{height:75px;min-height:75px}}