/* Keep item text in normal flow and selection markers out of the content grid. */
.skin-panel .choice{display:flex;flex-direction:column;min-width:0;position:relative;background:#151e2a;border:1px solid #ffffff0c;text-align:center}
.skin-panel .choice>.item{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;min-height:180px;box-sizing:border-box;padding:28px 8px 10px;border:0;flex:1;min-width:0;background:transparent}
.skin-panel .choice .item img{width:100%;height:75px;object-fit:contain;flex-shrink:0}
.skin-panel .choice .item h3{font-family:var(--font-ui);font-size:11px;line-height:1.35;min-height:30px;height:auto;width:100%;white-space:normal;overflow-wrap:anywhere;margin:5px 0}
.skin-panel .choice .item small{font-size:9px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.skin-panel .choice .item p{margin:8px 0 0;font-size:12px}
.skin-panel .choice>.choice-label{position:absolute;left:7px;top:7px;width:auto;padding:3px 6px;font-size:8px;border-radius:4px;background:#ffffff06;color:#8292aa;line-height:1.3}
.skin-panel .choice.selected{background:linear-gradient(0deg,#e3b34a20,transparent 55%),#161f2c;border-color:#e6bc6255;box-shadow:inset 0 -2px #e6bc62}
.skin-panel .choice.selected:after{display:none}.skin-panel .choice.selected>.choice-label{background:#e9bd6422;color:#f4cf88}
.skin-panel .choice>.target-odds{position:static;display:flex;justify-content:space-between;align-items:center;gap:4px;padding:7px 8px;background:#ffffff03;border-top:1px solid #ffffff08;color:#899bb3;font-size:8px;line-height:1.4}
.target-odds b{color:#e7c995;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
#upgrade-view .feature-title{text-align:left;margin:20px 25px 8px}#upgrade-view .feature-title h1{font-family:var(--font-display);font-weight:400;font-size:24px}#upgrade-view .feature-title>p{max-width:760px;line-height:1.6}
#upgrade-view #multi-summary{margin:10px 0 0;padding:0;max-width:780px;background:none;border:0;border-radius:0;font-size:10px;line-height:1.7;color:#899ab0;text-align:left;box-shadow:none}
#multi-summary b{font-size:11px;color:#d8bf93}.multi-controls{display:flex;gap:8px;margin:5px 0}.multi-controls button{background:none;border:0;border-bottom:1px solid #ffffff19;border-radius:0;padding:2px 0;margin-right:10px;font-size:9px;color:#9faec2}
#upgrade-dial{background:conic-gradient(from var(--chance-start,180deg),#ffe18b 0deg,#e9b64e var(--chance),#293141 var(--chance) 360deg)}
.upgrade-pedestal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;min-width:0}
.upgrade-pedestal>b,.upgrade-pedestal>p,.upgrade-pedestal .multi-label{max-width:100%;font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;margin:0}
.upgrade-pedestal .preview-stack{min-height:105px;align-content:center}.upgrade-pedestal .preview-stack img{max-width:100%;object-fit:contain}.skin-panel-heading{flex-wrap:wrap}.skin-tools select{font-family:var(--font-ui);font-size:10px}
.case-caption h3{overflow-wrap:anywhere;white-space:normal}.loot-dialog h2{overflow-wrap:anywhere}
/* Open display stages instead of boxed item previews. */
#upgrade-view .upgrade-arena{background:radial-gradient(ellipse at 18% 48%,#5d9ad610,transparent 38%),radial-gradient(ellipse at 82% 48%,#e6b76810,transparent 38%);border:0;box-shadow:none;gap:26px;padding:26px 20px 14px;overflow:visible}
#upgrade-view .upgrade-pedestal{--display-tone:#7daed8;position:relative;isolation:isolate;min-height:250px;box-sizing:border-box;padding:38px 16px 18px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--display-tone) 11%,transparent),transparent 65%);border:0;border-radius:0;box-shadow:none;overflow:visible;gap:8px}
#upgrade-target-preview{--display-tone:#e8bd79!important}
#upgrade-view .upgrade-pedestal:before{content:'ТВОИ ПРЕДМЕТЫ';position:absolute;left:0;right:0;top:4px;bottom:auto;width:auto;height:auto;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none;color:var(--display-tone);font:400 9px var(--font-ui);letter-spacing:2.4px;z-index:0}
#upgrade-view #upgrade-target-preview:before{content:'ВОЗМОЖНАЯ НАГРАДА'}
#upgrade-view .upgrade-pedestal:after{content:'';position:absolute;left:12%;width:76%;height:32px;top:142px;border-radius:50%;border:1px solid color-mix(in srgb,var(--display-tone) 30%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--display-tone) 12%,transparent),transparent 68%);box-shadow:0 8px 22px color-mix(in srgb,var(--display-tone) 8%,transparent);transform:rotate(-5deg);pointer-events:none;z-index:-1}
#upgrade-view .upgrade-pedestal .preview-stack{height:118px;min-height:118px;gap:4px;margin:0;align-content:center}
#upgrade-view .upgrade-pedestal .preview-stack img{height:49px;width:27%;filter:drop-shadow(0 12px 10px #0008)}
#upgrade-view .upgrade-pedestal .preview-stack img:only-child{width:100%;height:118px}
#upgrade-view .upgrade-pedestal>img{width:100%;height:118px;object-fit:contain;filter:drop-shadow(0 12px 10px #0008)}
#upgrade-view .upgrade-pedestal>b{font-size:13px;line-height:1.4;color:#dfe8f4;font-family:var(--font-ui);font-weight:600;max-width:250px}
#upgrade-view .upgrade-pedestal>small{color:var(--display-tone);font-family:var(--font-ui);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
#upgrade-view .upgrade-pedestal .multi-label{color:#75869b;font-size:9px;line-height:1.5}
#upgrade-view .pedestal-placeholder{font-size:0;line-height:1;display:grid;place-items:center;width:100%;height:118px;color:var(--display-tone)}
#upgrade-view .pedestal-placeholder:after{content:'+';display:grid;place-items:center;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--display-tone) 25%,transparent);border-radius:16px;color:var(--display-tone);font:300 30px var(--font-ui);background:#ffffff02;box-shadow:0 0 35px color-mix(in srgb,var(--display-tone) 7%,transparent)}
#upgrade-view .upgrade-pedestal>p{font-size:12px;color:#94a5bb;max-width:190px}
#upgrade-view .skin-panel{background:#10182470;border-color:#ffffff0a;border-radius:14px;box-shadow:none}
#upgrade-view .skin-panel-heading{background:none;border-bottom-color:#ffffff08;padding:15px 15px 12px}
#upgrade-view .skin-panel-heading h2{font-size:13px;font-weight:600;color:#c8d5e7}
#upgrade-view .skin-tools{padding:12px 10px}.skin-tools input{font-family:var(--font-ui)}
@media(max-width:720px){#upgrade-view .upgrade-arena{gap:10px;padding:15px 0 12px;margin:12px}#upgrade-view .upgrade-pedestal{min-height:208px;padding:29px 5px 10px;gap:6px}#upgrade-view .upgrade-pedestal:before{font-size:7px;letter-spacing:1.3px}#upgrade-view .upgrade-pedestal:after{top:110px;left:6%;width:88%;height:23px}#upgrade-view .upgrade-pedestal .preview-stack{height:94px;min-height:94px}#upgrade-view .upgrade-pedestal .preview-stack img{height:36px}#upgrade-view .upgrade-pedestal .preview-stack img:only-child,#upgrade-view .upgrade-pedestal>img{height:94px}#upgrade-view .pedestal-placeholder{height:94px}#upgrade-view .upgrade-pedestal>b{font-size:10px}#upgrade-view .upgrade-pedestal>small{font-size:14px}#upgrade-view .upgrade-pedestal>p{font-size:10px}#upgrade-view .upgrade-pedestal .multi-label{font-size:8px}}
@media(max-width:720px){#upgrade-view .feature-title{margin:18px 12px 8px}.skin-panel .choice>.item{padding:26px 6px 8px;min-height:166px}.skin-panel .choice .item img{height:62px}.skin-panel .choice .item h3{font-size:10px}.skin-panel .choice>.target-odds{padding:6px 4px;font-size:7px}.target-odds b{font-size:9px}.upgrade-pedestal>b,.upgrade-pedestal>p,.upgrade-pedestal .multi-label{font-size:10px}}
