.upgrade-page{padding-top:32px}.upgrade-stage{display:grid;grid-template-columns:1fr 270px 1fr;align-items:center;gap:24px;padding:30px 24px;border:1px solid #3e3935;border-radius:22px;background:#221f1d}.upgrade-pick{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:265px;min-width:0;border:1px dashed #504a45;background:radial-gradient(ellipse at 50% 50%,#3f3935,#272421 70%);border-radius:18px;text-align:center;padding:20px}.preview-label{font-size:12px;color:#a89f99}.preview-placeholder{font-size:42px;color:#6d635c;margin:25px 0}.upgrade-pick p{font-size:13px;color:#a09790;margin:8px 0}.upgrade-pick img{width:100%;height:135px;object-fit:contain;filter:drop-shadow(0 12px 10px #0005)}.upgrade-pick strong{font-size:16px;margin-top:3px;color:#fbefe6}.upgrade-pick .preview-price{font-size:14px;font-weight:900;color:#fdd1b2;margin-top:10px}.upgrade-center{text-align:center}.chance-ring{--chance:0%;width:214px;height:214px;margin:0 auto 22px;border-radius:50%;padding:8px;background:conic-gradient(from -90deg,#fcb583 var(--chance),#423c38 var(--chance));box-shadow:0 0 35px #f2802f12;transition:background .2s}.chance-ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#3f3a36,#2b2725 80%)}.chance-ring strong{font-size:39px;color:#feeee2;letter-spacing:-.04em}.chance-ring span{font-size:12px;color:#d9a784}.upgrade-center .sapper-play{width:100%;max-width:214px}.upgrade-center p{font-size:11px;line-height:1.5;color:#a59c96;margin:12px 0 0;min-height:17px}.upgrade-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.upgrade-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;margin-bottom:16px}.upgrade-list-heading h2{font-size:18px;margin:0}.upgrade-list-heading>span{font-size:12px;color:#988e86}.upgrade-multipliers{display:flex;gap:5px}.upgrade-multipliers button{height:30px;padding:0 10px;border:0;border-radius:7px;background:#332f2c;color:#a39a94;font-size:12px;font-weight:900}.upgrade-multipliers .selected{background:#5e5650;color:#fee8d9}.upgrade-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.upgrade-item{min-width:0;position:relative;border:1px solid #46403c;border-radius:13px;background:radial-gradient(ellipse at 50% 20%,#443e3a,#292522 80%);padding:12px;text-align:left;color:#fbe7d8}.upgrade-item.selected{border-color:#fcb785;box-shadow:inset 0 0 0 1px #fcb785}.upgrade-item:hover{border-color:#ea975c}.upgrade-item:disabled{cursor:default}.upgrade-item img{display:block;width:100%;height:88px;object-fit:contain}.upgrade-item strong{display:block;font-size:12px;margin:6px 0 2px}.upgrade-item small{display:block;color:#a89f98;font-size:10px;margin-bottom:9px}.upgrade-item .item-cost{font-size:12px;color:#fdd9bf}.upgrade-page button:focus-visible{outline:2px solid #fcc59e;outline-offset:3px}.upgrade-empty{grid-column:1/-1;padding:25px;color:#a19790;font-size:13px}.upgrade-page .footer{margin-top:40px}
@media(max-width:950px){.upgrade-stage{grid-template-columns:1fr 210px 1fr;gap:14px;padding:22px 16px}.chance-ring{width:180px;height:180px}.upgrade-items{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-list-heading{flex-wrap:wrap}}
@media(max-width:650px){.upgrade-page{padding-top:23px}.upgrade-stage{grid-template-columns:1fr 1fr;gap:12px;padding:14px;border-radius:18px}.upgrade-center{grid-row:2;grid-column:1/-1;padding:8px 0}.upgrade-pick{min-height:210px;padding:14px 9px;border-radius:12px}.upgrade-pick img{height:100px}.upgrade-pick strong{font-size:13px}.upgrade-pick p{font-size:11px;line-height:1.4}.preview-label{font-size:11px}.chance-ring{width:170px;height:170px;margin-bottom:16px}.chance-ring strong{font-size:34px}.upgrade-center .sapper-play{max-width:none;width:100%;min-height:46px}.upgrade-lists{grid-template-columns:1fr;gap:27px;margin-top:25px}.upgrade-list-heading h2{font-size:17px}.upgrade-items{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-item img{height:98px}}
.upgrade-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:16px;padding:12px;border:1px solid #453f3b;border-radius:13px;background:#2b2725}
.upgrade-search{grid-column:1/-1;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid #4d4742;border-radius:9px;background:#3b3633}
.upgrade-search svg{width:17px;height:17px;flex:none;color:#edb68e}
.upgrade-search input{width:100%;min-width:0;height:100%;border:0;background:none;outline:none;color:#feeee2;font:600 13px 'Nunito Sans',Arial}
.upgrade-search input::placeholder,.upgrade-price-range input::placeholder{color:#a29891}
.upgrade-price-range{grid-column:1/-1;display:flex;align-items:center;height:40px;padding:0 12px;border:1px solid #4d4742;border-radius:9px;background:#3b3633}
.upgrade-price-range label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:12px;color:#b4aca6}
.upgrade-price-range input{width:100%;min-width:0;height:38px;padding:0;border:0;outline:none;background:none;text-align:right;color:#feeee2;font:800 13px 'Nunito Sans',Arial;appearance:textfield}
.upgrade-price-range input::-webkit-inner-spin-button,.upgrade-price-range input::-webkit-outer-spin-button{-webkit-appearance:none}
.upgrade-price-divider{height:18px;width:1px;margin:0 14px;background:#605751}
.upgrade-filters select{height:38px;min-width:0;padding:0 10px;border:1px solid #4d4742;border-radius:9px;background:#3b3633;color:#f6d1b6;font:700 12px 'Nunito Sans',Arial;cursor:pointer}
.upgrade-filter-reset{height:38px;padding:0 12px;border:0;border-radius:9px;background:#413c38;color:#e4b28f;font-size:12px}
.upgrade-search:focus-within,.upgrade-price-range:focus-within{border-color:#f8ae79}
@media(max-width:650px){.upgrade-search input,.upgrade-price-range input{font-size:16px}.upgrade-filters{padding:10px}}
.upgrade-filters{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.upgrade-filters .upgrade-search,.upgrade-filters .upgrade-price-range{grid-column:auto;min-width:0}
@media(max-width:650px){.upgrade-filters{grid-template-columns:1fr}.upgrade-filters .upgrade-search,.upgrade-filters .upgrade-price-range{grid-column:1/-1}}
.chance-ring{position:relative;padding:12px;background:conic-gradient(from 0deg,#fcc299 var(--chance),#7b7069 var(--chance));box-shadow:0 0 0 1px #f2b58955,0 0 0 8px #38332f,0 0 0 9px #988e8655;margin-top:10px;margin-bottom:28px}
.chance-ring>div{position:relative;z-index:1;box-shadow:inset 0 0 0 1px #d294674a}
.chance-ring::after{content:'';position:absolute;inset:19px;border:1px dashed #f0b2865c;border-radius:50%;z-index:2;pointer-events:none}
.upgrade-dial-pointer{position:absolute;inset:-15px;z-index:4;pointer-events:none;transition:none}
.upgrade-dial-pointer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:19px solid #fff5ed;filter:drop-shadow(0 2px 3px #2a2623)}

/* Stable async catalog: retain the current grid while the next result loads. */
.upgrade-items{align-content:start;min-height:240px}
.upgrade-items.is-loading{cursor:progress}
.upgrade-items.is-loading>.upgrade-item:not(.upgrade-skeleton){pointer-events:none}
.upgrade-load-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:16px;padding:12px 18px;border:1px solid #5a5c65;border-radius:11px;background:#3b3c43;color:#f4f4f5;font:800 14px 'Nunito Sans',Arial,sans-serif;line-height:1.3;cursor:pointer;box-shadow:none}
.upgrade-load-more:hover:not(:disabled){background:#484950;border-color:#ff9845}
.upgrade-load-more:disabled{opacity:.65;cursor:progress}
.upgrade-load-more[hidden]{display:none!important}
.upgrade-skeleton{min-height:166px;pointer-events:none;overflow:hidden}
.upgrade-skeleton>span{display:block;width:100%;height:88px;background:#41424a;border-radius:9px}
.upgrade-skeleton>i{display:block;height:10px;width:75%;margin-top:12px;border-radius:4px;background:#41424a}
.upgrade-skeleton>i:last-child{width:45%}
@media(max-width:650px){.upgrade-load-more{min-height:46px;font-size:14px}.upgrade-items{min-height:190px}}

/* Keep both item catalogs independently scrollable without growing the page. */
.upgrade-lists>section{min-width:0}
.upgrade-items{max-height:clamp(240px,55dvh,560px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ff841c #303137;padding:3px 8px 3px 3px;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.upgrade-items::-webkit-scrollbar{width:6px}
.upgrade-items::-webkit-scrollbar-track{background:#303137;border-radius:6px}
.upgrade-items::-webkit-scrollbar-thumb{background:#ff841c;border-radius:6px}
.upgrade-items:focus-visible{outline:2px solid #ff9845;outline-offset:4px}
@media(max-width:650px){.upgrade-items{max-height:clamp(190px,55dvh,440px)}}

/* Center the probability sector at six o'clock for every chance value. */
.upgrade-page .chance-ring{background:conic-gradient(from var(--chance-start,180deg),#ff841c var(--chance),#555057 var(--chance))}