.page-tradeup{padding-top:34px;padding-bottom:42px}
.tradeup-quick-select{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 15px}.tradeup-quick-select>.secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 11px;font-size:10px;color:#b9ccd9;background:#a7c8dc0c;border:1px solid #9cbdd240;border-radius:3px;white-space:nowrap}.tradeup-quick-select>.secondary>.icon{width:13px;height:13px}.tradeup-quick-select>.secondary:hover:not(:disabled){background:#a7c8dc20;border-color:#b6d2e080}.tradeup-quick-select>.secondary:disabled{opacity:.35;cursor:default}.tradeup-quick-select>span{flex:1;min-width:150px;font-size:9px;line-height:1.7;color:#819eaf}.tradeup-selection-notice{font-size:10px;line-height:1.8;color:#b6c8a2;margin:0 0 14px}.tradeup-selection-notice:empty{display:none}
.page-tradeup .insight-page-heading>.secondary{display:flex;align-items:center;gap:8px}.page-tradeup .insight-page-heading>.secondary>.icon{width:16px;height:16px}
.tradeup-rule-banner{display:flex;align-items:center;gap:11px;padding:15px 19px;border:1px solid #92b0c526;border-radius:4px;background:#607e9210;color:#a1b5c5;font-size:12px;line-height:1.8;margin-bottom:19px}.tradeup-rule-banner>.icon{width:17px;height:17px}
.tradeup-recipe-controls{display:flex;align-items:flex-end;gap:15px;margin-bottom:22px}.tradeup-recipe-controls>label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#8d9dac;min-width:185px}.tradeup-recipe-controls>p{font-size:10px;color:#6b7d8d;line-height:1.8;padding-bottom:10px;margin-left:auto}
.page-tradeup .market-dropdown-trigger{min-height:37px;font-size:11px;background:#24323e;border-color:#6a829447}.page-tradeup .market-dropdown-trigger[aria-expanded=true]{border-color:#a4bfcd77;background:#2c404e;color:#cbdde7}.page-tradeup .market-dropdown-menu{background:linear-gradient(135deg,#354956,#243642);border-color:#7894a866}.page-tradeup .market-dropdown-option[aria-selected=true]{background:#9dbbc31a;color:#d1e5ed;border-color:#9dbbc3}
.tradeup-workspace{display:grid;grid-template-columns:1fr 1fr;align-items:start;overflow:visible;border:1px solid #829bad32;border-radius:5px;background:linear-gradient(135deg,#223440,#1b2935)}
.tradeup-materials,.tradeup-contract{min-width:0;padding:21px 22px}.tradeup-materials{border-right:1px solid #a6c0d119}.tradeup-contract{min-height:620px;background:radial-gradient(ellipse at 50% 15%,#8cabb712,transparent 75%)}
.tradeup-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:39px;margin-bottom:17px}.tradeup-panel-heading h2{font-size:16px;line-height:1.5;font-weight:450;color:#cad8e1}.tradeup-panel-heading h2>span{font-size:11px;color:#7b95a8;margin-left:7px}.tradeup-panel-heading>.market-dropdown{width:142px}.tradeup-panel-heading .market-dropdown-trigger{min-height:32px;padding-top:6px;padding-bottom:6px;font-size:10px}
.tradeup-picker-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:9px;margin-bottom:15px}.tradeup-picker-toolbar .search-field{max-width:none;min-width:0;width:auto;min-height:37px;height:37px;background:#14263255;border-color:#9db7cc26}.tradeup-picker-toolbar input{font-size:10px;height:35px;min-width:0}.tradeup-picker-toolbar .search-field>.icon{width:14px;height:14px}.tradeup-picker-toolbar .market-dropdown-trigger{font-size:10px}
.tradeup-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:660px;overflow:auto;overscroll-behavior:contain;padding:2px 5px 4px 2px;scrollbar-width:thin;scrollbar-color:#607686 #20323f}
.tradeup-pick{display:flex;flex-direction:column;min-width:0;text-align:left;padding:9px 10px;background:linear-gradient(145deg,#5265754d,#192d3c80);border:1px solid #aac2d420;border-bottom:2px solid color-mix(in srgb,var(--rarity) 80%,transparent);border-radius:2px;transition:background .15s,border-color .15s,box-shadow .15s}
.tradeup-pick-top{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#a5b6c7;font-size:8px}.tradeup-pick-top>i{display:flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #bdcfdd3d;border-radius:2px}.tradeup-pick-top .icon{width:12px;height:12px}.tradeup-pick>img{height:70px;width:100%;object-fit:contain;margin:6px 0 8px;filter:drop-shadow(0 4px 3px #0005)}.tradeup-pick>strong{font-size:11px;font-weight:450;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#cad9e4}.tradeup-pick>span:not(.tradeup-pick-top):not(.acquisition-badge){font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#98adbf;margin-top:1px}.tradeup-pick>small{display:flex;justify-content:space-between;gap:4px;font-size:8px;color:#809aad;margin:7px 0}.tradeup-pick>small>b{font-weight:400;font-family:Consolas,monospace}.tradeup-pick>.acquisition-badge{align-self:flex-start;font-size:7px}
.tradeup-pick:hover:not(:disabled){background:linear-gradient(145deg,#6f84945c,#294353);border-color:#a6c3d46b}.tradeup-pick.is-selected{background:linear-gradient(145deg,#758c9860,#30526799);border-color:#c1d7e68c;box-shadow:inset 0 0 0 1px #b9cedb33}.tradeup-pick.is-selected .tradeup-pick-top>i{background:#adc4d2;color:#223746;border-color:#adc4d2}.tradeup-pick:disabled{opacity:.25}
.tradeup-picker-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:17px;font-size:10px;color:#819bad}.tradeup-picker-pages button{padding:6px 10px;background:#9ab9cb0a;border:1px solid #8ba8bd26;border-radius:2px;font-size:10px;color:#a2b7c7}.tradeup-picker-pages button:disabled{opacity:.25}
.tradeup-selection-count{font-size:24px;font-weight:400;color:#c4d8e3;font-variant-numeric:tabular-nums}.tradeup-selection-count>small{font-size:12px;color:#6f8d9e}
.tradeup-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:20px}.tradeup-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:102px;padding:14px 6px 6px;background:#90aabc14;border:1px solid #a6bfce35;border-bottom:2px solid var(--rarity);border-radius:2px}.tradeup-slot>span{position:absolute;left:7px;top:4px;font-size:8px;color:#7a96a7;font-family:Consolas,monospace}.tradeup-slot>img{width:100%;height:57px;object-fit:contain}.tradeup-slot>small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px;color:#adbfcc}.tradeup-slot>i{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:#12212d99}.tradeup-slot>i>.icon{width:23px;height:23px;color:#d2e0e9}.tradeup-slot:hover>i{display:flex}.tradeup-slot.is-empty{border:1px dashed #aac2d326;background:#13293430}.tradeup-slot.is-empty>.icon{width:24px;height:24px;color:#6a899e;opacity:.35;margin:9px 0}.tradeup-slot.is-empty>small{font-size:8px;color:#638195}
.tradeup-output-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #bdcfd423;border-bottom:1px solid #bdcfd423;padding:16px 0}.tradeup-output-summary>div>span{display:block;font-size:9px;color:#7e99ab;margin-bottom:5px}.tradeup-output-summary strong{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:450;color:#c7d8e2}.tradeup-output-summary strong>i{width:6px;height:6px;border-radius:50%;background:var(--rarity)}.tradeup-output-summary>span{font-size:10px;color:#9bb1c1}
.tradeup-collections{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.tradeup-collections>span{display:flex;align-items:center;gap:9px;padding:4px 7px;border:1px solid #9cb8cb21;border-radius:2px;background:#a4bac407;color:#87a4b6;font-size:9px}.tradeup-collections b{font-size:10px;font-weight:450;color:#c3d6e2}
.tradeup-outcomes{border:1px solid #acc3d022;border-radius:3px;margin:14px 0;background:#12273430}.tradeup-outcomes>summary{display:flex;align-items:center;gap:8px;font-size:10px;color:#a0b6c5;cursor:pointer;padding:11px 13px;list-style:none}.tradeup-outcomes summary::-webkit-details-marker,.tradeup-rules summary::-webkit-details-marker{display:none}.tradeup-outcomes>summary>span{font-size:9px;color:#6d8b9f}.tradeup-outcomes>summary>.icon{margin-left:auto;width:12px;height:12px;transform:rotate(90deg);transition:transform .2s}.tradeup-outcomes[open]>summary>.icon{transform:rotate(-90deg)}.tradeup-outcomes>div{max-height:245px;overflow:auto;padding:0 12px 9px;scrollbar-width:thin;scrollbar-color:#647c8c #1b303e}
.tradeup-outcome{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #9ebacd14}.tradeup-outcome>img{width:49px;height:37px;object-fit:contain}.tradeup-outcome>span{min-width:0;flex:1}.tradeup-outcome strong{display:block;font-size:9px;font-weight:450;color:#bccfdc;line-height:1.5}.tradeup-outcome small{display:block;font-size:8px;color:#6f91a5;margin-top:3px}.tradeup-outcome>b{font-size:10px;font-weight:450;color:#afc6d5;white-space:nowrap}
.tradeup-selection-help{padding:25px 0;font-size:11px;color:#6f8b9e;line-height:1.8}
.tradeup-review{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 14px;font-size:10px;color:#a3b7c5}.tradeup-review>span:last-child{font:9px/1.6 Consolas,monospace;color:#6f91a5}.tradeup-ack{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#acbdc9;line-height:1.8;cursor:pointer}.tradeup-ack>input{margin:4px 0 0;accent-color:#a1b979;flex-shrink:0}.tradeup-ack:has(input:disabled){opacity:.45;cursor:default}.tradeup-favorite-note{color:#c2a36c;font-size:10px;margin:8px 0}.tradeup-error{color:#e4ad97;font-size:11px;margin-top:10px;line-height:1.8;overflow-wrap:anywhere}.tradeup-error:empty{display:none}
.tradeup-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;padding-top:18px;border-top:1px solid #b1c9d51c}.tradeup-actions>button{font-size:11px;min-height:37px;padding:8px 15px;gap:7px}.tradeup-actions>button>.icon{width:14px;height:14px}.tradeup-actions>.secondary{color:#a3b8c7;border-color:#93b0c333;background:#a9c6d509}.tradeup-actions>.primary{position:relative;overflow:hidden;min-width:124px;justify-content:center;color:#eef1e9;background:#6c854e;border:1px solid #b5c79a44;border-radius:3px}.tradeup-actions>.primary.is-busy:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#e5eed840 48%,transparent 70%);animation:tradeup-shine 1.2s linear infinite}.tradeup-actions>.primary:disabled{opacity:.4}
.tradeup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:370px;text-align:center;color:#829ead;gap:13px;padding:35px 25px}.tradeup-empty>.icon{width:36px;height:36px;opacity:.3}.tradeup-empty>strong{font-size:14px;font-weight:450}.tradeup-empty>p{font-size:11px;line-height:1.8;max-width:270px;color:#647f92}.tradeup-empty>a{font-size:11px;color:#a9bdcc}.tradeup-empty>a>.icon{width:13px;height:13px}
.tradeup-rules{margin-top:24px;border-top:1px solid #a6bcc51a;font-size:11px;color:#7f94a5}.tradeup-rules>summary{display:flex;align-items:center;gap:10px;padding:16px 0;cursor:pointer;list-style:none}.tradeup-rules>summary>.icon{width:12px;height:12px;transform:rotate(90deg)}.tradeup-rules[open]>summary>.icon{transform:rotate(-90deg)}.tradeup-rules>div{max-width:900px;padding:0 0 10px;line-height:1.9}.tradeup-rules p+p{margin-top:10px}.tradeup-rules a{color:#acbdcb}
.collection-tradeup-link{display:flex;align-items:center;gap:7px;font-size:11px;color:#b8a278}.collection-tradeup-link>.icon{width:14px;height:14px}.acquisition-badge.source-tradeup{color:#9dbbdb;background:#446e9814;border-color:#648bb43d}
.tradeup-result-modal{width:min(530px,100%);background:linear-gradient(130deg,#354a57,#20323f);border-color:#718c9c55}.tradeup-result{text-align:center;padding:12px 8px}.tradeup-result h2{font-size:25px;font-weight:450;margin:7px 0 5px}.tradeup-result-art{display:flex;align-items:center;justify-content:center;position:relative;height:205px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 68%)}.tradeup-result-art>img{width:90%;height:185px;object-fit:contain;filter:drop-shadow(0 15px 12px #0005);animation:tradeup-reveal .55s cubic-bezier(.2,.7,.3,1) both}.tradeup-result-quality{font-size:10px;color:var(--rarity)}.tradeup-result h3{font-size:18px;font-weight:450;margin:9px 0 10px;color:#d2e0e8}.tradeup-result h3>span{font-weight:350;color:#adbfcb}.tradeup-result>p{font-size:11px;color:#839eaf;margin:11px 0}.tradeup-result>footer{display:flex;justify-content:center;gap:12px;margin-top:27px}.tradeup-result>footer>button{font-size:11px;min-height:36px;padding:8px 15px}.tradeup-result>footer .icon{width:14px;height:14px}
@keyframes tradeup-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes tradeup-reveal{from{opacity:0;transform:translateY(12px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.tradeup-workspace{grid-template-columns:1fr}.tradeup-materials{border-right:0;border-top:1px solid #acc1d11c}.tradeup-contract{grid-row:1;min-height:0}.tradeup-slots{max-width:650px}.tradeup-recipe-controls>p{max-width:180px}.tradeup-picker-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:590px}.tradeup-outcomes>div{max-height:220px}}
@media(max-width:760px){.sidebar{grid-template-columns:repeat(7,minmax(0,1fr))}.sidebar .nav-item>span:not(.nav-dot){font-size:7.5px}.page-tradeup .insight-page-heading{gap:15px;align-items:flex-start}.page-tradeup .insight-page-heading h1{font-size:27px}.page-tradeup .insight-page-heading p{font-size:11px}.page-tradeup .insight-page-heading>.secondary{font-size:9px;padding:7px 9px;min-height:33px;gap:5px;white-space:nowrap}.page-tradeup .insight-page-heading>.secondary>.icon{width:13px;height:13px}.tradeup-rule-banner{font-size:10px;padding:12px 14px;gap:8px}.tradeup-recipe-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tradeup-recipe-controls>label{min-width:0;font-size:9px}.tradeup-recipe-controls>p{grid-column:1/-1;margin:0;max-width:none;padding:0;font-size:9px}.tradeup-materials,.tradeup-contract{padding:17px 16px}.tradeup-panel-heading h2{font-size:15px}.tradeup-slots{gap:7px}.tradeup-slot{height:93px;padding-left:4px;padding-right:4px}.tradeup-slot>img{height:51px}.tradeup-slot>small{font-size:8px}.tradeup-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tradeup-picker-toolbar{grid-template-columns:minmax(0,1fr) 125px}.tradeup-selection-count{font-size:22px}.tradeup-output-summary strong{font-size:14px}.tradeup-output-summary>span{font-size:9px}.tradeup-review{flex-wrap:wrap}.tradeup-ack{font-size:10px}.tradeup-result-art{height:170px}.tradeup-result-art>img{height:160px}.tradeup-result h3{font-size:16px}}
@media(max-width:480px){.tradeup-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tradeup-picker-toolbar{grid-template-columns:1fr}.tradeup-slots{gap:5px}.tradeup-slot{height:85px;padding-top:15px}.tradeup-slot>img{height:43px}.tradeup-slot>span{font-size:7px;left:4px}.tradeup-slot>small{font-size:7px}.tradeup-slot.is-empty>.icon{width:20px;height:20px}.tradeup-slot.is-empty>small{font-size:6px}.tradeup-actions{gap:10px}.tradeup-actions>button{font-size:10px;padding:7px 11px}.tradeup-actions>.primary{min-width:108px}.tradeup-panel-heading>.market-dropdown{width:125px}}
@media(prefers-reduced-motion:reduce){.tradeup-pick,.tradeup-outcomes>summary>.icon{transition:none}.tradeup-actions>.primary.is-busy:after,.tradeup-result-art>img{animation:none}}