.upgrade-picker{background:linear-gradient(145deg,#202228,#17191e);border:1px solid #30333b;border-radius:15px;overflow:hidden;margin:20px 0 25px;scroll-margin-top:90px}.picker-tabs{display:grid;grid-template-columns:1fr 1fr;background:#14161a;border-bottom:1px solid #30333b;padding:7px 7px 0;gap:4px}.picker-tabs>button{border:0;background:transparent;color:#888e98;border-radius:10px 10px 0 0;padding:16px;min-height:50px;font-size:13px;letter-spacing:.2px}.picker-tabs>button.active{background:#23262d;color:#fff;box-shadow:inset 0 2px #ffdc26}.picker-tabs>button>span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 5px;border-radius:5px;background:#ffffff0a;margin-left:6px;font-size:10px;color:#ffd935}.picker-tabs>button:disabled{opacity:.5;cursor:not-allowed}.picker-body{padding:24px}.inventory-switch{display:grid;grid-template-columns:1fr 1fr;max-width:470px;background:#111318;border:1px solid #ffffff05;border-radius:30px;padding:4px;gap:4px;margin-bottom:22px}.inventory-switch>button{background:transparent;border:0;border-radius:25px;color:#898f98;padding:12px 18px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px}.inventory-switch>button.active{background:var(--yellow);color:#171717;box-shadow:0 3px 15px #ffdc2619}.inventory-switch .icon{height:17px;width:17px;margin:0}.picker-description{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px;color:#969ca5;font-size:11px;line-height:1.6}.picker-description>span:last-child{font-size:10px;white-space:nowrap;color:#747c88}.picker-description .picker-change{font-size:10px;padding:7px 12px;background:#ffffff05;color:#ffdb36}.picker-body .items{max-height:480px;overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin;scrollbar-color:#4d4b32 #17191e}.picker-body input[type=search]{width:100%;margin-bottom:18px;font-size:13px;min-height:44px}.picker-search{display:flex;align-items:center;gap:20px}.picker-search input{flex:1}.picker-search>.muted{white-space:nowrap;font-size:10px;margin-bottom:18px}.shop-entry{min-width:0;position:relative;padding-bottom:26px}.shop-entry .item{width:100%}.shop-entry>span{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:10px;color:#ffda36;line-height:1.6}.picker-empty{padding:35px 20px 45px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#ffdc2608,transparent 80%);border:1px dashed #ffffff10;border-radius:10px}.picker-empty h3{font-size:20px;margin:12px}.picker-empty p{font-size:12px;max-width:400px;margin:0 auto 22px}.picker-empty button{font-size:12px;margin:4px;min-height:43px}.upgrade-center{scroll-margin-top:100px}.upgrade-loading{padding:30px 20px 55px;text-align:center}.upgrade-loading h1{font-size:34px;margin-top:15px}.upgrade-loading h2{font-size:22px;margin-top:25px}.upgrade-loading p{font-size:12px;max-width:380px;margin:15px auto 25px}.loading-dial{width:220px;height:220px;margin:35px auto;background:radial-gradient(#ffdc2610,#17191d);border:1px solid #ffdc2630;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px #ffffff02;position:relative}.loading-dial:after{content:'';position:absolute;inset:-1px;border-radius:50%;border:3px solid transparent;border-top-color:#ffdc26;animation:loading-orbit 1.5s linear infinite}.loading-dial>.icon{width:70px;height:70px;color:#ffdc26}@keyframes loading-orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){.upgrade-picker{margin-top:12px}.picker-body{padding:18px}.picker-tabs>button{padding:14px 8px;font-size:12px}.inventory-switch{max-width:none}.picker-body .items{max-height:450px}.picker-search{display:block}.picker-search>.muted{display:block;margin-top:-9px;margin-bottom:17px}}
@media(max-width:650px){.upgrade-picker{border-radius:13px;margin:16px 0 20px}.picker-tabs{padding:5px 5px 0;gap:2px}.picker-tabs>button{font-size:11px;letter-spacing:0;padding:13px 5px;min-height:48px;white-space:nowrap}.picker-tabs>button>span{min-width:16px;height:16px;font-size:9px;margin-left:4px}.picker-body{padding:14px 11px 16px}.inventory-switch{margin-bottom:16px;padding:3px}.inventory-switch>button{min-height:37px;font-size:11px;padding:9px;gap:7px}.inventory-switch .icon{width:16px;height:16px}.picker-description{font-size:9px;gap:9px;margin-bottom:12px;align-items:center}.picker-description>span:last-child{font-size:8px}.picker-description .picker-change{font-size:9px;padding:7px 10px}.picker-body input[type=search]{font-size:11px;min-height:41px;margin-bottom:13px;padding:11px}.picker-body .items{max-height:430px;gap:8px;padding:2px}.picker-empty{padding:23px 12px 28px}.picker-empty h3{font-size:17px;margin:10px}.picker-empty p{font-size:10px;line-height:1.8;margin-bottom:15px}.picker-empty button{font-size:10px;padding:11px 13px;min-height:40px}.shop-entry{padding-bottom:27px}.shop-entry>span{font-size:8px;bottom:4px}.shop-entry .item{min-height:165px}.upgrade-layout:has(.spectrum-wheel){margin-bottom:18px}.upgrade-layout .selection{height:168px;padding:10px 8px;gap:6px}.upgrade-layout .selection img{height:68px}.upgrade-layout .selection h3{font-size:12px}.upgrade-layout .selection p{font-size:8px;line-height:1.5}.upgrade-layout .selection .eyebrow{font-size:5px;letter-spacing:.5px}.upgrade-layout .selection small{font-size:7px}.upgrade-layout .selection b{font-size:10px}.upgrade-layout .selection strong{font-size:13px}.selection-placeholder{line-height:1;font-size:35px}.spectrum-wheel{width:234px;height:234px;margin-top:35px;margin-bottom:43px}.spectrum-wheel .wheel-core strong{font-size:43px}.spectrum-wheel .wheel-core>small{font-size:6px}.scale-max{top:-33px}.scale-min{bottom:-33px}.dial-readout{font-size:4px}.upgrade-center{padding-top:9px;padding-bottom:2px}.chance-presets{margin-bottom:12px}.chance-presets button{min-width:75px;padding:10px;min-height:44px;font-size:19px}.upgrade-action{width:min(100%,265px);min-height:46px}.upgrade-loading{padding:24px 12px 40px}.upgrade-loading h1{font-size:29px}.upgrade-loading h2{font-size:20px}.upgrade-loading p{font-size:11px}.loading-dial{height:190px;width:190px;margin:28px auto}.loading-dial .icon{height:55px;width:55px}.picker-tabs>button:hover{transform:none}.picker-body .source-items .item,.picker-body .target-items .item{min-height:167px}}
@media(prefers-reduced-motion:reduce){.loading-dial:after{animation:none}}
@media(min-width:360px) and (max-width:650px){.picker-tabs>button{font-size:12px}.inventory-switch>button{font-size:12px}.picker-description{font-size:10px}}