/* Live picker and game states use the same fire palette as the rest of the miniapp. */
.upgrade-star{display:block;width:22px;height:22px;object-fit:contain;flex:none}
.upgrade-price{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#ffe5ad;font-weight:700;line-height:24px}
.upgrade-price>span{font:inherit;line-height:inherit}
.upgrader-field h2{display:flex;align-items:center;justify-content:space-between;gap:8px}
.upgrader-field h2 small{font-size:14px;line-height:24px}
.upgrader-add .has-gift{background:radial-gradient(circle,#723418,#3b1e13);overflow:hidden}
.has-gift img{width:92%;height:92%;object-fit:contain}
.upgrade-field-hint{font-size:12px;color:#c99472}
.upgrade-multipliers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.upgrade-multipliers button{display:flex;flex-direction:row;align-items:center;justify-content:center;height:34px;min-width:0;padding:0;border:1px solid #99533350;border-radius:12px;background:#4d281b;color:#ffd9ad;font-size:13px;font-weight:700;line-height:20px}
.upgrade-multipliers button:disabled{opacity:.4;cursor:default}
.upgrader-page .upgrader-play:enabled,.upgrade-outcome .upgrader-play{background:linear-gradient(110deg,#ffad43,#ff6423 50%,#e52d12);color:#fff4df;box-shadow:inset 0 1px 2px #fff4bf9c,0 5px 22px #f9512026;cursor:pointer}
.upgrader-page .upgrader-play:disabled{cursor:default;opacity:.65}
.upgrader-wheel{border-color:transparent!important;background:linear-gradient(#25150f,#25150f) padding-box,conic-gradient(#ffb63e 0deg,#ff5723 var(--upgrade-chance),#72432c var(--upgrade-chance),#72432c 360deg) border-box!important}
.upgrader-wheel-center .upgrader-chance-value{width:auto;height:auto;min-height:44px;font-size:44px;line-height:1.1;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.upgrade-rotor{position:absolute;inset:-18px;border-radius:50%;pointer-events:none;transform-origin:50% 50%;z-index:2}
.upgrade-rotor .upgrader-wheel-pointer{top:-10px;filter:drop-shadow(0 0 7px #ffb24f66)}
.upgrade-notice{margin:0 0 12px;padding:12px 14px;border:1px solid #c7713c70;border-radius:16px;background:#482619;color:#ffe1b5;font-size:13px;line-height:1.45}
.upgrade-notice[hidden]{display:none}
.upgrade-empty-hint{margin:14px 12px 0;color:#bd9984;text-align:center;font-size:12px;line-height:1.5}
.upgrader-sheet.is-picker{height:min(78dvh,760px);min-height:320px}
.upgrader-sheet-head button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.upgrader-sheet-body{overscroll-behavior:contain}
.upgrade-search{display:block;margin:0 0 14px}
.upgrade-search input{display:block;box-sizing:border-box;width:100%;min-height:45px;padding:10px 14px;border:1px solid #a45e3a60;border-radius:15px;color:#fff1da;background:#25140d;font:inherit;font-size:15px;outline-color:#ff9c45}
.upgrade-search input::placeholder{color:#ba947c}
.upgrade-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.upgrade-picker-grid .upgrade-picker-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;padding:10px;border:1px solid #95533370;border-radius:21px;background:radial-gradient(ellipse at 50% 20%,#572917,#2c180f 75%);color:#fff0da;text-align:left;gap:7px;box-shadow:inset 0 1px #ffc98312;transition:border-color .2s,background .2s}
.upgrade-picker-card.is-selected{border-color:#ffae40;background:radial-gradient(ellipse at 50% 20%,#813c1c,#3e2113 75%);box-shadow:inset 0 0 0 1px #ff922c60}
.upgrade-picker-art{display:grid;place-items:center;position:relative;aspect-ratio:1;width:100%;overflow:hidden}
.upgrade-picker-art>img{display:block;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 6px 12px #0005)}
.upgrade-picker-check{position:absolute;right:0;top:0;width:25px;height:25px;display:grid;place-items:center;border:1px solid #dd9a4d70;border-radius:9px;background:#3f211ce6;color:#ffdc9c;font-size:18px;line-height:1}
.upgrade-picker-card.is-selected .upgrade-picker-check{background:#ff9e34;color:#351708}
.upgrade-picker-card>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:36px;font-size:14px;line-height:18px;font-weight:650}
.upgrade-picker-card>.upgrade-price{align-self:flex-start;font-size:14px}
.upgrade-outcome{display:flex;flex-direction:column;align-items:center;padding:38px 10px 24px;text-align:center;color:#fff0da}
.upgrade-outcome h1{margin:12px 0 18px;font-size:30px;line-height:1.15}
.upgrade-outcome-art{width:min(72vw,300px);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#fa75251c,transparent 70%)}
.upgrade-outcome-art img{display:block;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 0 24px #ff94233a)}
.upgrade-outcome h2{font-size:24px;margin:20px 0 12px;line-height:1.2}
.upgrade-outcome p{color:#bd9984;font-size:14px}
.upgrade-outcome .upgrader-play{margin-top:30px}
.upgrade-inventory-link{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10px;width:100%;height:48px;color:#e0b799;font-size:15px;background:transparent}
.upgrader-fair p+p{margin-top:15px}
@media(max-width:430px){.upgrade-rotor{inset:-15px}.upgrade-rotor .upgrader-wheel-pointer{top:-8px}.upgrader-wheel-center .upgrader-chance-value{font-size:39px}}
@media(max-width:350px){.upgrader-field h2{font-size:16px}.upgrader-add{grid-template-columns:48px minmax(0,1fr)}.upgrade-field-hint{display:none}.upgrade-picker-grid{gap:8px}.upgrade-picker-grid .upgrade-picker-card{padding:8px}.upgrade-picker-card>strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.upgrade-picker-card{transition:none}}