.upgrade-page[hidden],.upgrade-page [hidden]{display:none!important}
.view-upgrade>.promo-board,.view-upgrade>.case-filters,.view-upgrade>.case-catalog,.view-upgrade>.payment-methods{display:none!important}
.upgrade-page{width:100%;max-width:1600px;margin:0 auto 18px;color:#f8f8ff;--up-panel:#121222;--up-muted:#7e7e99;--up-columns:5;--up-grid-gap:9px;--up-grid-padding:30px;--up-card-height:110px;flex:none}
.upgrade-page *,.up-settings *,.up-help-dialog *{box-sizing:border-box}
.upgrade-page button,.upgrade-page input,.up-settings input,.up-help-dialog button{font:inherit}
.upgrade-page button,.up-help-dialog button{border:0;color:inherit;cursor:pointer;box-shadow:none;transform:none}
.upgrade-page button:disabled{cursor:default}.upgrade-page svg,.up-help-dialog svg{width:22px;height:22px;flex:none}
.upgrade-page button:focus-visible,.upgrade-page input:focus-visible,.upgrade-page a:focus-visible,.upgrade-page summary:focus-visible,.up-settings input:focus-visible,.up-help-dialog button:focus-visible{outline:2px solid #9acfff;outline-offset:4px}
.up-heading{height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
.up-heading h1{position:absolute;left:50%;transform:translateX(-50%);margin:0;font-size:26px;letter-spacing:-.03em;font-weight:750;white-space:nowrap}
.up-tools{display:flex;gap:9px}.up-icon,.up-help{display:flex;align-items:center;justify-content:center;height:44px;border-radius:var(--tab-radius,12px);background:#1e1e32;color:#8e8ea9!important;transition:color .16s,background .16s}
.up-icon{width:44px;padding:11px}.up-help{padding:0 22px;gap:9px;font-size:13px!important;font-weight:700!important}.up-help b{font-size:21px}
.up-icon:hover,.up-help:hover{background:#292941;color:#fff!important}.up-icon[aria-pressed=true]{color:#69b6ff!important}
.up-arena{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 288px minmax(0,1fr);column-gap:22px;align-items:end;padding:24px 32px 20px;background:var(--up-panel);border-radius:22px;isolation:isolate}
.up-side{min-width:0;display:flex;flex-direction:column;gap:18px;align-self:stretch;justify-content:flex-end}
.up-display{min-height:260px;display:flex;align-items:center;justify-content:center;position:relative}
.up-stage{height:240px;position:relative;flex:1;max-width:285px;min-width:115px;isolation:isolate}
.up-scene{position:absolute;bottom:0;left:50%;translate:-50% 0;width:94%;max-width:250px;aspect-ratio:1.12;isolation:isolate}
.up-orb{position:absolute;top:0;left:50%;width:78%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:#1737607a;z-index:-1}
.up-orb:before,.up-orb:after{content:'';position:absolute;border-radius:50%}
.up-orb:before{inset:15%;background:#245d9d45}
.up-orb:after{inset:30%;background:#2987da38}
.up-scene>img{position:absolute;top:1%;left:10%;width:80%;height:65%;object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(0 12px 10px #0003)}
.up-stage .up-platform{max-width:none;position:absolute;bottom:0;left:0;width:100%;height:auto;aspect-ratio:2.8;overflow:visible;z-index:1}
.up-stage-placeholder{position:absolute;inset:30px 0 75px;display:grid;place-items:center;color:#4794d844}
.up-stage-placeholder svg{width:58px;height:58px}.up-stage:has(.up-stage-placeholder:not([hidden])) .up-orb{opacity:.55}
.up-item-info{min-width:90px;max-width:155px;flex:0 1 26%;position:relative;z-index:3;align-self:center;padding-top:55px}
.up-item-info h2{font-size:17px;line-height:1.22;margin:13px 0 9px;overflow-wrap:anywhere;letter-spacing:-.02em}.up-item-info>strong{font-size:14px;line-height:1.4;font-weight:650;font-variant-numeric:tabular-nums}
.up-item-info:has(.up-rarity[data-rarity=""])>strong{font-size:11px;color:var(--up-muted);font-weight:500}
.up-rarity{display:inline-block;max-width:100%;padding:5px 8px;border-radius:7px;background:#24243d;color:#c9c9e3;font-size:10px;line-height:1.2;font-weight:700}
.up-rarity[data-rarity=covert]{background:#fb4b51;color:white}.up-rarity[data-rarity=extraordinary]{background:#edae0b;color:white}.up-rarity[data-rarity=classified]{background:#b32dd1;color:white}.up-rarity[data-rarity=restricted]{background:#8054e2;color:white}.up-rarity[data-rarity=milspec],.up-rarity[data-rarity="mil-spec"]{background:#376cde;color:white}
.up-addons{display:flex;flex-direction:column;gap:9px;flex:0 0 78px;z-index:3;margin-left:-9px}
.up-addons>div{height:81px;border-radius:21px;background:linear-gradient(180deg,#1c2137,#2c5283);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:8px 5px;text-align:center}
.up-addons>div+div{background:linear-gradient(180deg,#252132,#73591e)}.up-addons span{font-size:10px;font-weight:650}.up-addons strong{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.up-addons>div+div strong{color:#ffda6d}
.up-remove{position:absolute;right:8%;top:0;z-index:4;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;padding:0;line-height:0;background:#2d3752}.up-remove svg{display:block;width:16px;height:16px}.up-remove:hover{background:#52628b}
.up-target .up-item-info{padding-left:8px;flex-basis:29%}.up-target .up-orb{background:#73581a45}.up-target .up-orb:before{background:#ba8b1838}.up-target .up-orb:after{background:#f7b82e26}.up-target .up-stage-placeholder{color:#e0af3744}
.up-balance,.up-presets{min-height:55px;display:flex;align-items:center;gap:12px;background:#19192c;border-radius:20px;padding:12px 20px;font-size:12px;font-weight:650}
.up-balance>label{flex:none}.up-balance input[type=range]{appearance:none;-webkit-appearance:none;min-width:20px;width:100%;height:5px;border:0;border-radius:8px;background:linear-gradient(to right,#389eff var(--progress,0%),#25253c var(--progress,0%));padding:0;cursor:pointer}
.up-balance input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005}.up-balance input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:white}
.up-balance-amount{display:flex;align-items:center;gap:4px;white-space:nowrap}.up-balance-amount input{width:68px;background:none;color:#fff;border:0;text-align:right;padding:2px 0;font-size:13px!important;font-weight:700!important}.up-balance-amount span{color:#59afff}.up-balance input:disabled{opacity:.45}
.up-presets{justify-content:center;gap:3px;padding:9px 12px}.up-presets button{border-radius:12px;background:none;padding:8px 9px;white-space:nowrap;color:#81819c;font-size:12px;font-weight:700;transition:color .15s,background .15s}.up-presets button:hover:not(:disabled),.up-presets button.active{background:#2c2c43;color:white}.up-presets button:disabled{opacity:.45}.up-presets svg{width:17px;height:17px;vertical-align:middle}
.up-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:17px}
.up-gauge{width:288px;aspect-ratio:1;position:relative;isolation:isolate}.up-gauge .up-gauge-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.up-dashes{stroke:#f2a92c;stroke-width:2.5;stroke-dasharray:9 6;opacity:.8}.up-track{stroke:#303046;stroke-width:5}.up-chance-arc{stroke:#f9bd42;stroke-width:5;transition:stroke-dasharray .22s ease}
.up-liquid{position:absolute;inset:9%;overflow:hidden;border-radius:50%;background:linear-gradient(180deg,#b18b3835,#121222 38%);isolation:isolate}.up-water{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#ed9512,#ffd02d);transition:height .3s ease;z-index:-1}.up-water>svg{max-width:none;position:absolute;bottom:calc(100% - 1px);height:40px;width:200%;left:-50%;fill:#ed9512;animation:up-wave 8s ease-in-out infinite alternate}
@keyframes up-wave{from{translate:-15% 0}to{translate:15% 0}}
.up-scale{position:absolute;font-size:12px;line-height:1;font-weight:650;color:#c1bfa477}.up-scale-top{top:11px;left:50%;translate:-50% 0}.up-scale-bottom{bottom:11px;left:50%;translate:-50% 0}.up-scale-left{left:8px;top:50%;translate:0 -50%}.up-scale-right{right:8px;top:50%;translate:0 -50%}
.up-chance{position:absolute;top:56%;left:12%;right:12%;text-align:center;display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 10px #0002}.up-chance strong{font-size:26px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.up-chance>span{font-size:12px;line-height:1.25}
.up-rotor{position:absolute;inset:0;pointer-events:none;transform-origin:50% 50%;z-index:3}.up-rotor i{position:absolute;top:3px;left:calc(50% - 10px);width:20px;height:13px;background:#ffc348;clip-path:polygon(0 0,100% 0,50% 100%);border-radius:3px;filter:drop-shadow(0 1px 3px #0006)}
.up-create{height:57px;min-width:195px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:20px;background:linear-gradient(180deg,#ee9410,#ffcc27);font-weight:750!important;font-size:15px!important;transition:filter .16s}.up-create:hover:not(:disabled){filter:brightness(1.08)}.up-create:disabled{opacity:.5}.up-create svg{width:20px;height:20px}
.up-feedback{grid-column:1/-1;text-align:center;min-height:22px;margin-top:12px;font-size:12px;color:#9595b0}.up-feedback p{margin:0;min-height:17px;line-height:1.45}
.upgrade-page[data-result=success] .up-target .up-orb{background:radial-gradient(ellipse,#2fd99c4a,transparent 70%)}.upgrade-page[data-result=success] [data-status]{color:#65dab0}.upgrade-page[data-result=failed] [data-status]{color:#c9b9d1}.upgrade-page[data-result=success] .up-chance-arc{stroke:#5ce0b0}
.up-terms{margin:10px 8px 14px;color:#85859f;font-size:11px;line-height:1.6}.up-terms summary{cursor:pointer;width:max-content;max-width:100%;color:#9b9bb4}.up-terms details[open]{padding-bottom:8px}.up-terms p{max-width:950px;margin:7px 0 0}
.up-inventories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.up-panel{min-width:0;border-radius:22px;background:var(--up-panel);overflow:hidden}.up-panel>header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 30px;border-bottom:1px solid #ffffff04}.up-panel h2{margin:0;font-size:22px;font-weight:750;letter-spacing:-.025em;white-space:nowrap}.up-panel>header>span{font-size:11px;color:#787890}
.up-filters{display:flex;align-items:center;gap:9px;min-width:0}.up-search{display:flex;align-items:center;gap:8px;background:#1c1c30;border-radius:16px;padding:12px 13px;min-width:80px;flex:1}.up-search input{width:100%;min-width:0;background:none;border:0;padding:0;color:#eee;font-size:11px}.up-search svg{width:16px;height:16px;color:#676782}.up-search input::placeholder{color:#77778f}.up-price-filter{display:flex;align-items:center;gap:4px;background:#19192b;padding:5px;border-radius:15px;color:#66667d;max-width:150px}.up-price-filter input{border:0;border-radius:10px;background:#24243a;color:#dedeee;width:60px;min-width:0;padding:8px;font-size:11px;appearance:textfield;-moz-appearance:textfield}.up-price-filter input::-webkit-inner-spin-button{appearance:none}
.up-items,.up-shop-grid{display:grid;grid-template-columns:repeat(var(--up-columns),minmax(0,1fr));gap:var(--up-grid-gap);padding:var(--up-grid-padding);align-content:start}
.up-items{min-height:388px}
/* Inventory, market and targets share a face tinted by the actual item rarity. */
.up-skin{position:relative;min-width:0;width:100%;height:var(--up-card-height);isolation:isolate;overflow:hidden;padding:0;border-radius:15px;text-align:left;background:linear-gradient(155deg,color-mix(in srgb,var(--card-top,#3c4959) 65%,#141522),color-mix(in srgb,var(--card-bottom,#b0c3d9) 50%,#141522));transition:box-shadow .16s!important}
.up-skin:before{content:'';position:absolute;z-index:-1;inset:7%;background:url('assets/brand/logo.png') center/contain no-repeat;opacity:.08;pointer-events:none}.up-skin:after{content:'';position:absolute;top:0;left:39%;right:39%;height:3px;border-radius:0 0 3px 3px;background:var(--card-bottom,#9c63ff);filter:brightness(1.3)}
.up-skin-price{position:absolute;right:9px;top:10px;z-index:2;font-size:10px;font-weight:750;line-height:1.15;text-shadow:0 1px 3px #15102275;white-space:nowrap}.up-skin>img{position:absolute;left:8%;top:16%;width:84%;height:58%;object-fit:contain;pointer-events:none;scale:1;transition:none}.up-skin-copy{position:absolute;z-index:1;bottom:10px;left:10px;right:8px;display:flex;flex-direction:column;gap:1px;line-height:1.15;pointer-events:none}.up-skin-copy>span{font-size:9px;font-weight:500;color:#e9edf5}.up-skin-copy strong{font-size:10px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.up-skin-check{position:absolute;top:8px;left:8px;border-radius:5px;background:#3299ff;color:#fff;width:18px;height:18px;display:none;place-items:center;z-index:2}.up-skin-check svg{width:12px;height:12px}
.up-skin[aria-pressed=true]{box-shadow:inset 0 0 0 2px #439fff!important}.up-skin[aria-pressed=true] .up-skin-check{display:grid}.up-skin:hover:not(:disabled):not([aria-pressed=true]){box-shadow:inset 0 0 0 1px #ffffff4d!important}.up-skin:hover:not(:disabled)>img{scale:1}.up-skin:disabled{opacity:.65}
.up-skin-check{top:auto;left:auto;right:8px;bottom:38px}
.up-empty{grid-column:1/-1;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#7e7e9b}.up-empty>svg{width:38px;height:38px;color:#4f587b;margin-bottom:16px}.up-empty h3{font-size:16px;color:#c6c6dc;margin:0 0 9px}.up-empty p{font-size:12px;line-height:1.5;margin:0}.up-empty button{border-radius:10px;background:#242c45;color:#80bdff;padding:11px 22px;margin-top:18px;font-size:12px;font-weight:700}
.up-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 25px 24px;color:#9090ad;font-size:11px}.up-pager button{width:29px;height:29px;border-radius:9px;background:#222237;font-size:15px}.up-pager button:disabled{opacity:.3}
.up-settings{position:fixed;inset:auto;margin:0;width:280px;padding:20px;color:#f0f0ff;background:linear-gradient(145deg,#252539,#1c1c2f);border:1px solid #3b3b52;border-radius:16px;box-shadow:0 14px 40px #0005;opacity:0;translate:0 -5px;transition:opacity .18s,translate .18s,display .18s allow-discrete,overlay .18s allow-discrete;font-size:13px}
.up-settings:popover-open{opacity:1;translate:0 0}@starting-style{.up-settings:popover-open{opacity:0;translate:0 -5px}}
.up-settings>strong{display:block;margin-bottom:19px;font-size:14px}.up-settings label{display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer}.up-settings small{display:block;font-size:10px;color:#9292ad;margin-top:5px}.up-settings input{appearance:none;width:35px;height:20px;border-radius:12px;background:#47475f;position:relative;flex:none;cursor:pointer}.up-settings input:before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:#d6d6e5;border-radius:50%;transition:translate .15s}.up-settings input:checked{background:#268fff}.up-settings input:checked:before{translate:15px 0;background:white}
.up-help-dialog{width:min(480px,calc(100% - 28px));max-height:85vh;overflow:auto;border:1px solid #37374e;border-radius:22px;background:#1b1b2e;color:#f5f5ff;padding:34px;box-shadow:0 20px 100px #0007;font:inherit}.up-help-dialog::backdrop{background:#080813b3}.up-help-dialog>.up-icon{float:right}.up-help-symbol{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#62491b;color:#ffd15c}.up-help-symbol svg{width:29px;height:29px}.up-help-dialog h2{font-size:23px;letter-spacing:-.02em;margin:23px 0}.up-help-dialog ol{padding-left:20px;font-size:13px;line-height:1.6;color:#c5c5da}.up-help-dialog li+li{margin-top:13px}.up-help-dialog p{font-size:11px;color:#8d8daa;line-height:1.6;margin:20px 0 0}
@media(min-width:1500px){.upgrade-page{--up-grid-padding:35px;--up-grid-gap:10px;--up-card-height:119px}.up-arena{column-gap:35px;padding:24px 42px 20px}.up-display{min-height:270px}.up-stage{height:255px}.up-item-info h2{font-size:19px}.up-addons{flex-basis:85px}.up-panel>header{padding:24px 35px;min-height:100px}}
@media(max-width:1200px){.upgrade-page{--up-columns:4;--up-grid-gap:8px;--up-grid-padding:22px;--up-card-height:115px}.up-arena{grid-template-columns:minmax(0,1fr) 244px minmax(0,1fr);gap:18px;padding:24px 22px 16px}.up-gauge{width:244px}.up-center{gap:18px}.up-display{min-height:236px;flex-wrap:wrap}.up-stage{height:200px;min-width:130px;max-width:230px}.up-item-info{padding-top:15px;min-width:70px}.up-item-info h2{font-size:15px}.up-item-info>strong{font-size:12px}.up-addons{position:absolute;right:0;top:6px;gap:5px;flex-basis:auto;margin:0}.up-addons>div{height:auto;min-width:61px;border-radius:12px;padding:9px 5px;gap:4px}.up-addons span{font-size:8px}.up-addons strong{font-size:10px}.up-source .up-stage{margin-right:27px}.up-presets{gap:0;padding:10px 5px}.up-presets button{padding:8px 6px;font-size:11px}.up-panel>header{padding:22px;gap:12px;flex-wrap:wrap;min-height:110px}.up-panel h2{font-size:20px}.up-filters{width:100%}.up-items{min-height:450px}.up-price-filter{max-width:none}.up-balance{padding:12px;gap:8px}.up-balance-amount input{width:60px}}
@media(max-width:900px){.upgrade-page{--up-columns:3;--up-grid-padding:18px}.up-arena{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:12px;padding:20px 16px 12px}.up-gauge{width:220px}.up-stage{min-width:120px;height:180px;margin:0!important}.up-display{flex-direction:column;min-height:265px;gap:0}.up-item-info,.up-target .up-item-info{padding:0;text-align:center;flex:auto;max-width:100%;order:2;min-height:72px;align-self:stretch}.up-item-info h2{display:inline-block;margin:9px 6px 5px;font-size:14px}.up-item-info>strong{display:block;font-size:12px}.up-rarity{font-size:9px;padding:4px 6px}.up-addons{display:none}.up-side{gap:10px}.up-stage{width:100%;flex:none}.up-create{height:51px;min-width:178px;font-size:14px!important}.up-balance{min-height:50px;font-size:10px;gap:6px}.up-balance-amount input{width:48px;font-size:11px!important}.up-presets{flex-wrap:wrap;min-height:50px;gap:0;padding:5px}.up-presets button{padding:6px}.up-chance strong{font-size:23px}.up-chance>span{font-size:10px}.up-scale{font-size:10px}.up-center{align-self:stretch;justify-content:center}.up-items{min-height:590px}.up-panel>header{min-height:115px;padding:20px 18px}.up-panel h2{font-size:18px}}
@media(max-width:650px){.upgrade-page{--up-columns:3;--up-grid-padding:20px;--up-card-height:113px}.up-heading{height:87px;gap:8px}.up-heading h1{font-size:20px}.up-icon{width:34px;height:36px;padding:9px}.up-tools{gap:5px}.up-help{height:36px;padding:0 10px;font-size:10px!important;gap:5px}.up-help b{font-size:16px}.up-arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:18px 14px 14px;border-radius:18px}.up-source{grid-column:1;grid-row:1}.up-target{grid-column:2;grid-row:1}.up-center{grid-column:1/-1;grid-row:2;gap:12px}.up-gauge{width:235px}.up-create{width:235px;height:48px;border-radius:14px}.up-display{min-height:213px}.up-stage{height:150px;min-width:90px}.up-stage .up-platform{height:auto}.up-item-info,.up-target .up-item-info{min-height:63px}.up-item-info h2{font-size:12px;margin:6px 2px}.up-item-info>strong{font-size:11px}.up-rarity{font-size:8px}.up-presets{min-height:62px;padding:5px;gap:0}.up-presets button{padding:6px;font-size:10px}.up-balance{min-height:62px;flex-wrap:wrap;gap:6px;border-radius:16px;padding:10px}.up-balance>label:first-child{font-size:10px}.up-balance-amount{margin-left:auto}.up-balance input[type=range]{order:3;flex-basis:100%}.up-balance-amount input{width:47px}.up-feedback{margin:0;font-size:11px}.up-inventories{grid-template-columns:minmax(0,1fr);gap:12px}.up-panel>header{min-height:75px;gap:12px;padding:20px}.up-items{min-height:0}.up-filters{width:auto;flex:1}.up-panel:nth-child(2)>header{flex-wrap:wrap}.up-panel:nth-child(2) .up-filters{flex-basis:100%}.up-empty{min-height:220px}.up-pager{margin-bottom:20px}.up-help-dialog{padding:24px}.up-terms{font-size:10px;margin:10px 4px}.up-chance strong{font-size:25px}}
@media(max-width:360px){.upgrade-page{--up-columns:2;--up-grid-padding:14px;--up-grid-gap:7px;--up-card-height:113px}.up-heading h1{font-size:18px}.up-help{padding:0 7px;font-size:9px!important}.up-arena{padding:15px 10px;column-gap:9px}.up-skin-price{font-size:9px;right:6px}.up-skin-copy{left:8px;bottom:8px}.up-skin-copy strong{font-size:9px}.up-panel h2{font-size:16px}.up-panel>header{padding:18px 14px}.up-help b{display:none}}
@media(prefers-reduced-motion:reduce){.upgrade-page *,.up-settings{animation:none!important;transition:none!important}}

/* The marker runs on the liquid boundary, whose yellow arc is the winning zone. */
.up-liquid>.up-water{inset:0;width:100%;height:100%;background:none;transition:none;z-index:-1}
.up-rotor i{top:calc(9% - 14px);left:calc(50% - 10px);width:20px;height:14px;border-radius:3px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#ffdb71,#ffb226);border:0;box-shadow:none;filter:none}
.up-water-edge{fill:none;stroke:#ffcf57;stroke-width:6;stroke-linecap:round}
.up-scale{display:none}
.up-gauge:after{content:'Стрелка в жёлтой зоне — победа';position:absolute;left:-10%;right:-10%;bottom:21%;font-size:10px;color:#a6a6bd;text-align:center;pointer-events:none}
/* Light rises from the podium; only decorative layers move, never the skin. */
.up-target .up-scene:before,.up-target .up-scene:after{content:'';position:absolute;pointer-events:none;opacity:0}
.up-target .up-scene:before{inset:0 0 15%;z-index:0;background:radial-gradient(ellipse at 50% 65%,#fff0af80 0,#ffc34135 30%,transparent 68%)}
.up-target .up-scene:after{left:12%;right:12%;bottom:17%;height:18%;z-index:2;background:radial-gradient(ellipse,#fff8d7b3,#ffd55545 38%,transparent 70%)}
.up-reward-fx{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.up-reward-fx i{position:absolute;left:var(--x);top:74%;width:var(--size);height:var(--size);border-radius:50%;background:#fff0b5;box-shadow:0 0 6px #ffcc6880;opacity:0}
.upgrade-page[data-result=success] .up-target .up-scene:before{animation:up-win-light 1750ms ease-out both}
.upgrade-page[data-result=success] .up-target .up-scene:after{animation:up-win-light 1400ms ease-out both}
.upgrade-page[data-result=success] .up-reward-fx i{animation:up-win-spark 1200ms cubic-bezier(.12,.5,.25,1) var(--delay) both}
.upgrade-page[data-result=success] .up-target .up-orb{background:#73581a45}
.up-skin.is-new{animation:up-item-arrive 460ms ease-out both}
@keyframes up-win-light{0%{opacity:0}18%{opacity:1}45%{opacity:.65}100%{opacity:0}}
@keyframes up-win-spark{0%{opacity:0;transform:translate3d(0,0,0)}18%{opacity:1}65%{opacity:.75}100%{opacity:0;transform:translate3d(var(--drift),var(--rise),0)}}
@keyframes up-item-arrive{from{box-shadow:inset 0 0 0 2px #ffe08a,0 0 18px #f5b73580}to{box-shadow:inset 0 0 0 0 transparent,0 0 0 transparent}}
.up-skin-variant{position:absolute;left:8px;top:8px;font-size:8px;color:#fff9;max-width:45%;text-align:left}

/* Stationary gold aperture: its angular size is the actual win probability. */
.up-liquid{background:radial-gradient(ellipse at 50% 15%,#28334e 0,#191b30 44%,#121322 74%);overflow:visible;box-shadow:inset 0 1px 0 #8999cf12,0 14px 40px #06061155}
.up-liquid>.up-water{overflow:visible;filter:drop-shadow(0 0 7px #efa32138)}
.up-water-edge{stroke-width:.7;stroke-linecap:butt;stroke:#ffe49b}
.up-sector-rays{fill:none;stroke:#fff0b5;stroke-width:1;opacity:.65}
.up-chance{top:44%;left:5%;right:5%;gap:12px}
.up-chance:before{content:'';position:absolute;bottom:calc(100% + 17px);left:calc(50% - 15px);width:30px;height:26px;background:linear-gradient(#ffe6a0,#eea836);clip-path:polygon(50% 0,100% 38%,87% 55%,50% 27%,13% 55%,0 38%,50% 0,50% 43%,100% 81%,87% 100%,50% 70%,13% 100%,0 81%,50% 43%);filter:drop-shadow(0 2px 8px #ffbf3340)}
.up-chance strong{font-size:37px;letter-spacing:-.045em;font-weight:750;text-shadow:0 2px 15px #08081150}
.up-chance>span{color:#b7b5cb;font-size:11px}
.up-gauge:after{bottom:21%;left:13%;right:13%;font-size:10px;content:'';color:#a69b7b}
.up-dashes{display:none}
.up-track{stroke:#55516b;stroke-width:.8;opacity:.35}
.up-gauge:before{content:'';position:absolute;inset:9%;border:6px solid #23243780;border-radius:50%;pointer-events:none}
.up-rotor i{width:16px;height:11px;left:calc(50% - 8px);top:calc(9% - 14px)}
.upgrade-page[data-result=success] .up-liquid{box-shadow:inset 0 0 35px #41c38f12,0 0 28px #2cd99512}
.upgrade-page[data-result=success] .up-water{animation:up-sector-win .85s ease-out both}
@keyframes up-sector-win{0%{opacity:.8}50%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.upgrade-page[data-result=success] .up-water{animation:none}}

/* Reference wheel with a filled, faceted golden fan instead of liquid. */
.up-dashes{display:block;stroke:#efa729;stroke-width:2.5;stroke-dasharray:9 6;opacity:.85}
.up-track{stroke:#36364c;stroke-width:5;opacity:1}
.up-liquid{overflow:hidden;background:radial-gradient(ellipse at top,#63502b70,transparent 55%),#121222;box-shadow:none}
.up-liquid>.up-water{filter:none}
.up-gauge:before{display:none}
.up-scale{display:block;z-index:1;color:#e8dfc36e}
.up-chance{top:55%;left:8%;right:8%;gap:8px}
.up-chance:before{display:none}
.up-chance strong{font-size:28px;text-shadow:0 2px 12px #6a400050}
.up-chance>span{color:#f5e6c7;font-size:12px;text-shadow:0 1px 8px #33220c80}
.up-rotor i{width:21px;height:14px;left:calc(50% - 10.5px);top:4px}
.up-gauge:after{bottom:3%;font-size:9px}
@media(prefers-reduced-motion:reduce){.up-target .up-scene:before,.up-target .up-scene:after,.up-reward-fx i,.up-skin.is-new{animation:none!important}}

/* A quiet tab bar and compact catalogue keep the skins as the primary content. */
.up-library{container-type:inline-size}
.up-library>header{min-height:76px;padding:10px var(--up-grid-padding) 0;gap:0;flex-wrap:nowrap}
.up-library-title{display:flex;align-items:center;width:100%;min-width:0}
.up-library-title>h2.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.up-library-tabs{display:flex;align-items:center;gap:26px;padding:0;background:none;border:0}
.up-library-tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-height:55px;height:auto;padding:12px 0 20px;background:transparent;color:#81849d;font-size:14px;font-weight:650;white-space:nowrap;transition:color .16s}
.up-library-tabs button svg{width:18px;height:18px;color:inherit}
.up-library-tabs button:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:0;background:#349eff;opacity:0;transition:opacity .16s}
.up-library-tabs button[aria-selected=true]{background:transparent;color:#f4f6ff;box-shadow:none}
.up-library-tabs button[aria-selected=true]:after{opacity:1}
.up-library-tabs button:hover:not(:disabled){color:#dceaff;background:transparent}
.up-library-tabs button:disabled{opacity:.5}
.up-library-tabs small{min-width:20px;padding:3px 5px;border-radius:5px;background:#24273a;color:#9fa9c4;font-size:10px;font-weight:600;line-height:1}
.up-library [role=tabpanel]{min-width:0}
.up-market-toolbar{padding:18px var(--up-grid-padding) 0}
.up-shop-search-row{display:flex;align-items:stretch;gap:9px}
.up-market-toolbar .up-search{min-height:42px;min-width:0;border:1px solid #ffffff08;padding:11px 12px;background:#191a2c}
.up-market-toolbar .up-search input{font-size:12px}
.up-market-toolbar .up-search svg{flex:none;width:16px;height:16px}
.up-shop-filter-button{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;flex:none;padding:10px 12px;background:#202235;color:#a4adc6!important;font-size:11px!important;font-weight:600!important;transition:background .16s,color .16s}
.up-shop-filter-button svg{width:17px;height:17px}
.up-shop-filter-button:hover:not(:disabled),.up-shop-filter-button[aria-expanded=true]{background:#283149;color:#c5e2ff!important}
.up-shop-filter-button i{position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#49a8ff}
.up-shop-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;padding:12px;background:#161827;border:1px solid #ffffff08;border-radius:var(--site-radius,10px)}
.up-shop-budget{display:flex;align-items:center;gap:8px;min-width:0;min-height:38px;flex:1 1 150px;max-width:260px;padding:8px 10px;background:#202235;border:1px solid #ffffff08;border-radius:var(--site-radius,10px);font-size:11px;color:#969bb5;white-space:nowrap}
.up-shop-budget input{width:100%;min-width:0;border:0;background:none;color:#eee;font-size:12px;padding:0}
.up-shop-budget input::placeholder{color:#727a95}
.up-shop-affordable{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:38px;font-size:11px;color:#afb8d2;cursor:pointer;white-space:nowrap}
.up-shop-affordable input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.up-shop-toggle{position:relative;flex:none;width:32px;height:18px;border-radius:10px;background:#363b52;box-shadow:inset 0 0 0 1px #ffffff08;transition:background .18s}
.up-shop-toggle:after{content:'';position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#a5afc8;transition:transform .18s,background .18s}
.up-shop-affordable input:checked+.up-shop-toggle{background:#218ce9}
.up-shop-affordable input:checked+.up-shop-toggle:after{transform:translateX(14px);background:white}
.up-shop-affordable input:focus-visible+.up-shop-toggle{outline:2px solid #70baff;outline-offset:4px}
.up-shop-affordable:has(input:disabled){opacity:.5;cursor:default}
.up-shop-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;margin:0 var(--up-grid-padding);padding:5px 0;font-size:10px;color:#7f859e}
.up-shop-meta>span{min-width:0}
.up-shop-meta select{min-height:34px;max-width:58%;min-width:0;flex:none;padding:6px 28px 6px 8px;border:0;background-color:transparent;color:#929bb6;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}
.up-shop-grid{padding-block:2px 8px;min-height:calc(var(--up-card-height)*2 + var(--up-grid-gap) + 10px);max-height:calc(var(--up-card-height)*3 + var(--up-grid-gap)*2 + 10px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#36364f transparent;overscroll-behavior:contain;transition:opacity .16s}
.up-shop-grid[aria-busy=true]{opacity:.4;pointer-events:none}
.up-shop-grid .up-shop-empty{grid-column:1/-1;text-align:center;align-self:center;font-size:12px;line-height:1.6;color:#9292ad;padding:30px 12px}
.up-shop-pages{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0 14px;color:#858ba6;font-size:10px}
.up-shop-pages button{width:30px;height:30px;background:#1b1d30;color:#bec8e0;font-size:15px}
.up-shop-pages button:disabled{opacity:.3}
.up-shop-checkout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 var(--up-grid-padding);padding:16px 0 18px;border:0;border-top:1px solid #ffffff0a;border-radius:0!important;background:none}
.up-shop-summary{display:flex;flex-direction:column;gap:7px;min-width:0}
.up-shop-summary>strong{font-size:12px;color:#e1e6f4;line-height:1.3}
.up-shop-wallet{display:block;padding:0;background:none;font-size:10px;color:#7f89a5}
.up-shop-wallet b{color:#aab7d1;font-weight:600;margin-left:5px;font-variant-numeric:tabular-nums}
.up-library .up-shop-buy{min-height:42px;flex:none;padding:11px 17px;background:linear-gradient(135deg,#269bff,#1878ed);color:#fff;font-size:12px;font-weight:650;white-space:nowrap;transition:filter .18s}
.up-shop-buy:hover:not(:disabled){filter:brightness(1.1)}.up-shop-buy:disabled{opacity:.5;cursor:default}
.up-shop-message{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#a3c8eb;margin:0 var(--up-grid-padding);padding:0 0 18px;line-height:1.5}
.up-shop-message:has([data-shop-message]:empty){padding:0}
.up-shop-message button{background:#232b40;color:#acd8ff;font-size:11px;padding:9px 12px}
.up-shop-basket{margin:0 var(--up-grid-padding) 10px;padding:0 12px;background:#191b2d;border:1px solid #ffffff08;border-radius:var(--site-radius,10px)}
.up-shop-basket>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;cursor:pointer;list-style:none}
.up-shop-basket>summary::-webkit-details-marker{display:none}
.up-shop-basket>summary strong{font-size:11px}.up-shop-basket>summary strong span{color:#8895b3;font-size:10px;margin-left:5px}
.up-shop-basket-edit{display:flex;align-items:center;gap:8px;color:#8d9cbb;font-size:10px}
.up-shop-basket-edit i{display:block;width:6px;height:6px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .16s}
.up-shop-basket[open] .up-shop-basket-edit i{transform:rotate(225deg);margin-top:3px}
.up-shop-basket .up-shop-clear{margin:4px 0 10px;padding:6px 0;background:none;color:#8894b0;font-size:10px}
.up-shop-basket .up-shop-clear:hover:not(:disabled){color:#cbd6eb}
.up-shop-lines{max-height:184px;overflow:auto;scrollbar-width:thin;scrollbar-color:#41415b transparent;overscroll-behavior:contain}
.up-shop-line{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #ffffff06}
.up-shop-line>img{width:44px;height:36px;object-fit:contain;flex:none}
.up-shop-line-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.up-shop-line-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-shop-line-copy>span{font-size:10px;color:#9999b4}
.up-shop-quantity{display:flex;align-items:center;gap:5px;flex:none}
.up-shop-quantity button{display:grid;place-items:center;width:30px;height:30px;padding:0;background:#2b2b43;font-size:17px}
.up-shop-quantity button:disabled{opacity:.35}.up-shop-quantity>span{min-width:16px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
.up-library :is(button,input,select,summary):focus-visible{outline:2px solid #70baff;outline-offset:2px}
@container(max-width:420px){.up-library-tabs{gap:20px}.up-library-tabs button{font-size:12px;gap:7px}.up-shop-filters{gap:8px}.up-shop-budget{max-width:none}.up-shop-affordable{flex:1 1 100%}.up-shop-filter-button{width:42px;padding:10px}.up-shop-filter-button>span{display:none}.up-shop-checkout{flex-wrap:wrap}.up-shop-buy{flex:1 1 auto!important;padding-inline:12px!important}.up-shop-basket-edit{font-size:9px}}
@media(max-width:650px){.up-market-toolbar .up-search input,.up-shop-budget input{font-size:16px}.up-market-toolbar input::placeholder{font-size:11px}.up-shop-quantity button{width:34px;height:34px}.up-shop-pages button{width:36px;height:34px}}
@media(prefers-reduced-motion:reduce){.up-library-tabs button,.up-shop-grid,.up-shop-buy,.up-shop-toggle,.up-shop-toggle:after,.up-shop-basket-edit i{transition:none}}

.up-rarity[data-rarity=industrial]{background:#37638e;color:white}.up-rarity[data-rarity=consumer]{background:#526174;color:white}
