.upgrader-experience{--ux-gold:#ffdb66;--ux-border:#4f4733;--ux-panel:#191c27;--ux-muted:#979fb4;min-width:0}.upgrader-experience .eyebrow{color:#d9bd72;letter-spacing:2px;font-size:9px}.ux-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;padding:28px 0 34px}.ux-wordmark{display:block;width:min(450px,100%);height:auto;margin:22px 0 18px}.ux-hero p{color:#a2a9bb;line-height:1.8;margin:0;font-size:14px}.ux-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex:none}.ux-limit{font-size:10px;letter-spacing:1px;color:#b4ad99}.ux-preferences{display:flex;gap:8px}.ux-preferences button{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#191c28;border:1px solid #353b4e;color:#a4adc1;font-size:10px}.ux-preferences button[aria-pressed=true]{background:#ffdb6610;border-color:#72613b;color:#ffdb66}.ux-preferences .portal-icon{width:15px;height:15px}.ux-preferences button>span:first-child:not(:last-child){font-size:17px}.ux-tabs{margin-bottom:20px}.upgrader-experience .asset-tab{border-radius:12px}.upgrader-experience .asset-tab.active{background:#ffdb6612;color:#ffdb66;border-color:#695b3c}.ux-step-labels{display:flex;justify-content:space-between;gap:12px;border:1px solid #343b4b;border-radius:14px 14px 0 0;background:#161a25;padding:16px 24px;color:#9ca4b8;font-size:10px}.ux-step-labels>span{display:flex;align-items:center;gap:10px}.ux-step-labels b{font-weight:800;color:#ffdb66;font-size:11px}.upgrader-experience .ux-workbench{display:grid;grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);gap:28px;background:radial-gradient(ellipse at 50% 60%,#ffcf4d0b,transparent 58%),#161923;border:1px solid var(--ux-border);border-top:0;border-radius:0 0 22px 22px;padding:32px;position:relative;overflow:hidden;margin-bottom:0;box-shadow:none}.ux-workbench>.stake{min-width:0;position:relative}.ux-workbench>.stake>small{display:block;font-size:9px;letter-spacing:2px;color:#b4ab8f;margin:0 0 15px;text-align:left}.ux-workbench .ux-target>small{color:#ffdb66}.ux-selected{--tone:#75a2dc;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:265px;padding:25px 15px;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 80%),#1b1e2b;border:1px solid color-mix(in srgb,var(--tone) 40%,#303344);border-radius:18px;text-align:center;overflow:hidden}.ux-selected:after{content:'';position:absolute;inset:9px;border:1px solid #ffffff06;pointer-events:none;border-radius:12px}.ux-selected.is-target{border-color:#a58a47}.ux-selected-art{display:grid;place-items:center;position:relative;width:89px;height:89px;margin:0 0 22px;border-radius:23px;background:color-mix(in srgb,var(--tone) 12%,#161923);border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);color:var(--tone);transform:rotate(-6deg)}.ux-selected-art>.portal-icon,.ux-selected-art>.ux-resource{width:48px;height:48px;object-fit:contain;transform:rotate(6deg)}.ux-selected-art>span{font-size:10px;letter-spacing:1px;font-weight:850;position:absolute;bottom:12px;transform:rotate(6deg)}.ux-selected-art:has(>span)>.portal-icon{transform:rotate(6deg) translateY(-5px);opacity:.5}.ux-selected-tag{font-size:8px;font-weight:800;letter-spacing:1.5px;color:var(--tone);text-transform:uppercase}.ux-selected h2{font-size:clamp(17px,2vw,24px);line-height:1.3;margin:12px 0 10px;overflow-wrap:anywhere}.ux-selected p{font-size:10px;line-height:1.6;color:#9da4b9;margin:0;min-height:32px}.tone-rare{--tone:#5ed1a0}.tone-superrare{--tone:#67afff}.tone-epic{--tone:#bf94ff}.tone-mythic{--tone:#fa8baf}.tone-legendary{--tone:#ffdb66}.tone-resource{--tone:#7acfe4}.ux-select-label{display:block;margin:18px 0 0;font-size:9px;color:#959fb6}.ux-workbench .stake select{font-size:12px;margin-top:9px;padding:12px;min-width:0;width:100%;background:#101521;border-color:#383e50}.ux-workbench .amount-label{display:block;margin-top:15px;font-size:10px}.ux-workbench .amount-label input{margin-top:8px;font-size:15px;font-weight:800}.ux-engine{align-self:center;display:flex;align-items:center;flex-direction:column;padding:0}.ux-engine-label{font-size:8px;letter-spacing:2px;color:#a99868;margin:0 0 28px}.ux-workbench .wheel{width:214px;height:214px;margin:0 0 25px;background:conic-gradient(from 0deg,#ffdb66 var(--chance,0deg),#363548 0);box-shadow:0 0 0 9px #ffdb6607,0 0 0 10px #ffdb6638,0 0 65px #ffdb6610}.ux-workbench .wheel:before{inset:8px;background:#171b26}.ux-workbench .wheel-inner{inset:25px;border-color:#ffdb6630}.ux-workbench .wheel-inner small{font-size:8px;letter-spacing:1.6px;color:#a49d86}.ux-workbench .wheel-inner strong{font-size:43px;color:#ffdb66;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.ux-workbench .wheel-inner>span{font-size:8px;text-align:center;max-width:120px;line-height:1.6;color:#8890a7}.ux-workbench .wheel-pointer{inset:-17px}.ux-workbench .wheel-pointer:before{border-top-color:#fff0c2;filter:drop-shadow(0 0 7px #ffdb6644)}.ux-quote{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 8px;font-size:10px;border-top:1px solid #3f3b2f}.ux-quote>span{color:#939bad}.ux-quote>strong{color:#ffdb66;font-size:16px}.ux-multipliers{display:flex;width:100%;gap:6px;margin:4px 0 18px}.ux-multipliers button{flex:1;min-width:0;font-size:11px;padding:10px 3px;border:1px solid #4d4535;border-radius:8px;background:#ffdb6606;color:#d9c58f}.ux-multipliers button.active{color:#ffdf81;border-color:#c0a35b;background:#ffdb6616}.ux-engine #upgradeButton{width:100%;max-width:none;background:#ffdb66;color:#28200b;box-shadow:0 7px 25px #ffdb6612;padding:15px 12px;font-size:12px}.ux-engine #upgradeButton:hover:enabled{background:#ffe68c}.ux-launch-hint{min-height:30px;font-size:9px;color:#a6a18f;line-height:1.6;margin:12px 0 0;text-align:center}.ux-roll-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 13px;padding:0 5px}.ux-roll-header>span:last-child{font-size:10px;color:#9ea7b9}.upgrader-experience .ux-roulette{position:relative;width:100%;height:155px;border:1px solid #584c32;background:linear-gradient(90deg,#10131f,#1d1e28,#10131f);border-radius:16px;overflow:hidden;padding:0;margin:0;isolation:isolate}.ux-roulette:before,.ux-roulette:after{content:'';position:absolute;top:0;bottom:0;width:14%;z-index:2;pointer-events:none}.ux-roulette:before{left:0;background:linear-gradient(90deg,#10131fee,transparent)}.ux-roulette:after{right:0;background:linear-gradient(-90deg,#10131fee,transparent)}.ux-roulette .roulette-indicator{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffe6a5;z-index:4;box-shadow:0 0 14px #ffdb6666;transform:translateX(-1px)}.ux-roulette .roulette-indicator:before{content:'';position:absolute;left:-5px;top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #ffe6a5}.ux-roulette .roulette-strip{display:flex;position:relative;align-items:center;gap:10px;padding:14px 0;width:max-content;will-change:transform;left:0;transform:translateX(0);height:100%}.ux-roulette .ux-roll-item{flex:none;width:134px;min-width:134px;height:124px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border:1px solid #3c3e50;border-radius:10px;background:#1a1e2b;opacity:.8}.ux-roulette .ux-roll-item.success{background:linear-gradient(135deg,#54452855,#1c1d29);border-color:#71603c}.ux-roll-art{display:grid;place-items:center;width:38px;height:38px;color:#f5d473;margin-bottom:8px}.ux-roll-art>.portal-icon,.ux-roll-art>.ux-resource{width:30px;height:30px;object-fit:contain}.ux-roll-art>b{font-size:35px;font-weight:300;color:#67728c;line-height:1}.ux-roulette .ux-roll-item>strong{font-size:10px;line-height:1.3;max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere;color:#dbd8ce;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ux-roulette .ux-roll-item>small{font-size:6px;letter-spacing:1px;color:#8f94a3;line-height:1.6;margin-top:5px}.ux-roulette .ux-roll-item.landed{opacity:1;border-color:#ffdb66;box-shadow:inset 0 0 30px #ffdb6612}.ux-roulette.lost .ux-roll-item.landed{border-color:#a088a4;background:#262332}.ux-consent{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:22px;background:#1a1d28;border:1px solid #393d4d;border-radius:14px;margin:22px 0 12px}.ux-consent .check{margin:0;max-width:850px;color:#b3bacb;font-size:11px;line-height:1.8;align-items:flex-start}.ux-consent input{width:19px;height:19px;min-height:19px;flex:none;accent-color:#ffdb66;margin-top:3px}.ux-consent-mark{color:#8b8163;flex:none}.ux-consent-mark>.portal-icon{width:29px;height:29px}.ux-rule-note{font-size:10px;color:#8c95aa;line-height:1.8;margin:0 5px 20px;max-width:900px}.ux-catalogs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;scroll-margin-top:140px}.ux-catalog{min-width:0;border:1px solid #353c4d;background:#161a25;border-radius:19px;padding:25px}.ux-catalog>header h2{font-size:23px;margin:12px 0 21px;line-height:1.3}.ux-filter-row{display:flex;gap:8px;margin-bottom:15px;min-width:0}.ux-filter-row input{min-width:0;flex:1;background:#0f1420;font-size:11px;padding:12px}.ux-filter-row select{width:43%;min-width:0;background:#0f1420;font-size:10px;padding:10px 8px}.ux-picker-count{color:#7f8ba5;font-size:9px;margin:10px 0 13px}.ux-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:540px;overflow-y:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#5c5648 #151925}.ux-item{--tone:#a5b1ce;position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:14px 10px 12px;border:1px solid #32394a;border-top:2px solid color-mix(in srgb,var(--tone) 60%,#32394a);background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 5%,transparent),#181d2a);border-radius:11px;color:#e4e7f0;min-height:135px;transition:border-color .15s,background .15s}.ux-item.selected{border-color:#ebcd73;background:#ffdb660e;box-shadow:0 0 0 1px #ffdb6625}.ux-item:hover:enabled{border-color:#a99055;background:#ffdb6608}.ux-item-art{color:var(--tone);position:relative;display:grid;place-items:center;width:36px;height:36px;background:color-mix(in srgb,var(--tone) 8%,#111722);border-radius:10px;margin-bottom:14px}.ux-item-art>.portal-icon,.ux-item-art>.ux-resource{width:25px;height:25px;object-fit:contain}.ux-item-art>b{position:absolute;bottom:7px;font-size:7px;line-height:1;color:#e8eaff}.ux-item-art:has(>b)>.portal-icon{opacity:.4}.ux-item>strong{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.ux-item>small{font-size:8px;line-height:1.5;color:#939db2;margin-top:6px;font-weight:400}.ux-item-check{position:absolute;right:9px;top:8px;color:#ffdb66;font-size:12px;opacity:0}.ux-item.selected .ux-item-check{opacity:1}.ux-empty{grid-column:1/-1;border:1px dashed #3e4659;border-radius:12px;padding:30px 20px;color:#8e9ab2;font-size:12px;line-height:1.8;text-align:center;width:100%}.ux-more{font-size:11px;width:100%;margin-top:14px}.ux-history-section{margin:36px 0 10px}.ux-history-section .section-heading{align-items:center;gap:16px;flex-wrap:wrap}.ux-history-section h2{font-size:25px;margin:10px 0 0}.ux-history-filters{display:flex;gap:5px;background:#181d29;padding:4px;border-radius:10px}.ux-history-filters button{background:transparent;font-size:10px;padding:9px 14px;color:#9da8bd}.ux-history-filters button[aria-pressed=true]{background:#ffdb6615;color:#ffdb66}.ux-history-list{display:grid;gap:9px;margin-top:20px}.ux-history-row{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #343d4f;border-radius:13px;background:#181d29;min-width:0}.ux-history-symbol{display:grid;place-items:center;width:35px;height:35px;flex:none;background:#343543;color:#aeb9d0;border-radius:10px;font-size:20px}.ux-history-row.success .ux-history-symbol{background:#ffdb6612;color:#ffdb66}.ux-history-row>div{flex:1;min-width:0}.ux-history-row strong{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ux-history-row strong>span{color:#78869f;margin:0 5px}.ux-history-row small{display:block;color:#8995ac;font-size:9px;margin-top:5px}.ux-history-outcome{flex:none;font-size:8px;letter-spacing:1px;color:#91a0b7}.ux-history-row.success .ux-history-outcome{color:#dfc879}.ux-result{display:flex;gap:24px;align-items:flex-start;border:1px solid #6b5b36;background:radial-gradient(ellipse at 0 0,#ffdb6612,transparent 60%),#1b1d26;padding:28px;border-radius:18px;margin:25px 0;min-width:0}.ux-result.lost{border-color:#544b62;background:#1c1d2a}.ux-result-mark{width:60px;height:65px;flex:none;display:grid;place-items:center;color:#ffdb66;background:#ffdb6610;border:1px solid #ffdb6644;border-radius:16px}.ux-result-mark>.portal-icon{width:32px;height:35px}.ux-result.lost .ux-result-mark{background:#b4a1c410;border-color:#b4a1c430;color:#bbabc9;font-size:40px;font-weight:300}.ux-result-copy{flex:1;min-width:0}.ux-result h2{font-size:27px;line-height:1.25;margin:13px 0;color:#fff0bc}.ux-result.lost h2{color:#dad8ed}.ux-result p{font-size:12px;color:#acb4c8;line-height:1.8;margin:12px 0}.ux-result small{font-size:10px;color:#8e99ad;line-height:1.6}.ux-result .button-row{margin-top:18px;flex-wrap:wrap}.ux-result button{font-size:11px}.ux-result .ux-chain-note{font-size:9px;color:#8e99ad;margin:12px 0 0}.ux-success-flash{position:absolute;inset:0;border:2px solid #ffdb6688;border-radius:inherit;background:radial-gradient(ellipse,#ffdb661a,transparent 65%);pointer-events:none;animation:ux-flash .9s ease-out forwards}@keyframes ux-flash{to{opacity:0}}.upgrader-experience .ux-workbench.spinning{box-shadow:0 0 50px #ffdb660d;border-color:#b69c4e}.upgrader-experience .ux-workbench.spinning .ux-selected-art{animation:ux-charge 1.2s ease-in-out infinite}@keyframes ux-charge{50%{filter:drop-shadow(0 0 12px #ffdb662a);transform:rotate(2deg) scale(1.03)}}
@media(max-width:1050px){.upgrader-experience .ux-workbench{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:20px;padding:25px 22px}.ux-workbench .wheel{width:180px;height:180px}.ux-workbench .wheel-inner{inset:23px}.ux-workbench .wheel-inner strong{font-size:36px}.ux-selected{min-height:255px}.ux-catalog{padding:21px 18px}.ux-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-hero{gap:20px}.ux-wordmark{max-width:365px}.ux-preferences{flex-direction:column;align-items:stretch}.ux-preferences button{justify-content:center}}
@media(max-width:700px){.ux-hero{flex-direction:column;align-items:stretch;gap:24px;padding:10px 0 24px}.ux-wordmark{width:min(360px,100%);margin:20px 0 15px}.ux-hero p{font-size:12px}.ux-hero-side{align-items:stretch;display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:none}.ux-hero-side>.badge{font-size:8px;justify-self:start;align-self:center}.ux-limit{font-size:8px;text-align:right;align-self:center}.ux-preferences{grid-column:1/-1;flex-direction:row}.ux-preferences button{flex:1;font-size:9px}.ux-preferences button>span:first-child:not(:last-child){font-size:15px}.ux-step-labels{padding:14px 13px;gap:8px}.ux-step-labels>span{flex-direction:column;align-items:flex-start;gap:6px;font-size:8px;line-height:1.5}.ux-step-labels b{font-size:10px}.upgrader-experience .ux-workbench{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 14px;gap:18px 13px}.ux-workbench .ux-engine{grid-row:2;grid-column:1/-1;width:100%;padding:20px 12px 3px;border-top:1px solid #4a4332;display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:25px;align-items:center;text-align:left}.ux-engine-label{grid-column:1/-1;text-align:center;margin:0 0 24px}.ux-workbench .wheel{grid-column:1;grid-row:2/6;width:170px;height:170px;margin:0;justify-self:center}.ux-workbench .wheel-inner strong{font-size:34px}.ux-workbench .wheel-inner small{font-size:7px}.ux-workbench .wheel-inner>span{font-size:7px;max-width:100px}.ux-quote{grid-column:2;padding:10px 0;gap:8px;flex-wrap:wrap;font-size:9px}.ux-quote>strong{font-size:19px}.ux-multipliers{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 13px}.ux-multipliers button{padding:8px;font-size:10px}.ux-engine #upgradeButton{grid-column:2;font-size:10px;line-height:1.4;padding:13px 10px}.ux-launch-hint{grid-column:2;font-size:8px;margin-top:9px}.ux-selected{min-height:230px;padding:20px 9px 15px}.ux-selected-art{width:64px;height:64px;border-radius:19px;margin-bottom:20px}.ux-selected-art>.portal-icon,.ux-selected-art>.ux-resource{width:38px;height:38px}.ux-selected-art>span{font-size:8px;bottom:9px}.ux-selected h2{font-size:15px;margin:10px 0;line-height:1.4}.ux-selected p{font-size:8px}.ux-selected-tag{font-size:7px;letter-spacing:1px}.ux-workbench>.stake>small{font-size:8px;letter-spacing:1.2px}.ux-workbench .stake select{font-size:10px;padding:10px 8px}.ux-select-label{font-size:8px;margin-top:14px}.ux-workbench .amount-label{font-size:8px}.ux-workbench .amount-label input{font-size:13px;padding:10px}.ux-catalogs{grid-template-columns:1fr;gap:18px;margin-top:26px}.ux-catalog{padding:22px 18px}.ux-catalog>header h2{font-size:23px}.ux-item-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:430px}.ux-item{padding:12px 9px;min-height:130px}.ux-item>strong{font-size:10px}.ux-item>small{font-size:7px}.ux-consent{padding:18px 15px;margin-top:18px}.ux-consent .check{font-size:10px}.ux-consent-mark{display:none}.ux-rule-note{font-size:9px}.ux-roll-header>span:last-child{font-size:8px}.ux-roll-header .eyebrow{font-size:8px}.ux-history-section h2{font-size:22px}.ux-history-section .section-heading{align-items:flex-start}.ux-history-row{padding:17px 13px;gap:12px;flex-wrap:wrap}.ux-history-row strong{font-size:11px}.ux-history-symbol{width:29px;height:29px;font-size:18px;border-radius:8px}.ux-history-outcome{font-size:7px}.ux-result{padding:23px 18px;gap:15px;flex-wrap:wrap}.ux-result-mark{width:42px;height:46px;border-radius:12px}.ux-result-mark>.portal-icon{width:25px;height:25px}.ux-result-copy{flex-basis:calc(100% - 60px)}.ux-result h2{font-size:21px}.ux-result p{font-size:11px}.ux-result .button-row{margin-left:-57px;width:calc(100% + 57px);display:grid;grid-template-columns:1fr;gap:10px}.ux-result button{font-size:10px}.ux-result-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}}
@media(max-width:380px){.ux-workbench .ux-engine{grid-template-columns:1fr;padding:20px 18px 3px;column-gap:0}.ux-workbench .wheel{grid-column:1;grid-row:auto;width:190px;height:190px;margin-bottom:25px}.ux-quote,.ux-multipliers,.ux-engine #upgradeButton,.ux-launch-hint{grid-column:1}.ux-multipliers{display:flex;margin-bottom:16px}.ux-multipliers button{flex:1}.ux-engine #upgradeButton{font-size:12px}.ux-launch-hint{font-size:9px}.ux-selected{min-height:220px}.ux-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-filter-row{flex-direction:column}.ux-filter-row select{width:100%}.ux-history-outcome{margin-left:41px}.ux-hero-side{gap:10px}.ux-limit{font-size:7px}.ux-hero-side>.badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){.ux-workbench.spinning .ux-selected-art{animation:none!important}.ux-success-flash{display:none}.ux-item{transition:none}}

.ux-hero>div:first-child{flex:1;min-width:0}.ux-workbench #chanceValue{white-space:nowrap;font-size:38px;line-height:1.5}.ux-selected .ux-item-value{font-size:8px;color:#8f9ab0;margin-top:10px}.ux-selected .ux-item-value b{color:#b5bfd1;margin-left:5px}.ux-item.tone-rare{--tone:#5ed1a0}.ux-item.tone-superrare{--tone:#67afff}.ux-item.tone-epic{--tone:#bf94ff}.ux-item.tone-mythic{--tone:#fa8baf}.ux-item.tone-legendary{--tone:#ffdb66}.ux-item.tone-resource{--tone:#7acfe4}
@media(max-width:1050px){.ux-workbench #chanceValue{font-size:30px}}
@media(max-width:380px){.ux-workbench #chanceValue{font-size:34px}}