.swap-page{--swap-panel:#0f1223eb;--swap-slot:#151a2ee6;--swap-line:#ffffff1a;--swap-accent:#13cdff;--swap-warn:#ff4d67;--rarity-color:#475569;background:linear-gradient(#080c16 0%,#060a12 100%);width:100%;max-width:100%;overflow-x:clip}.swap-page .upgrade-list__title{display:block}.swap-shell{box-sizing:border-box;width:min(1660px,96vw);max-width:100%;margin-inline:auto;padding:1.6rem 0 5.5rem}.swap-stage{grid-template-columns:minmax(0,1fr) 20rem minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.swap-panel{border:1px solid var(--swap-line);background:var(--swap-panel);flex-direction:column;min-width:0;min-height:22rem;padding:.9rem;display:flex;position:relative}.swap-panel>*{z-index:1;position:relative}.swap-panel--offer{border:1px solid var(--swap-line);background:var(--swap-panel);container-type:inline-size}.swap-panel--offer:before{content:none}.swap-panel--receive{border-color:color-mix(in srgb, var(--rarity-color) 55%, var(--swap-line));box-shadow:0 0 0 1px color-mix(in srgb, var(--rarity-color) 12%, transparent);transition:border-color .3s,box-shadow .3s}.swap-panel--receive .swap-target{flex:auto;min-height:12rem;position:relative}.swap-panel--receive .swap-panel__bar{flex:none}.swap-panel--receive.swap-panel--filled{border-color:var(--rarity-color);box-shadow:0 0 28px color-mix(in srgb, var(--rarity-color) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--rarity-color) 18%, transparent)}.swap-panel--receive.swap-panel--filled.swap-panel--pending{border-color:var(--swap-warn);box-shadow:0 0 24px color-mix(in srgb, var(--swap-warn) 26%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--swap-warn) 18%, transparent)}.swap-slots{--slot-row:7.6rem;--slot-gap:.55rem;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--slot-row);gap:var(--slot-gap);max-height:calc(3 * var(--slot-row) + 2 * var(--slot-gap));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;scroll-padding-block:var(--slot-gap);flex:auto;align-content:start;display:grid;overflow-y:auto}@container (max-width:36rem){.swap-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.swap-slots>.swap-slot--empty:nth-last-child(-n+3){display:none}}.swap-slots::-webkit-scrollbar{width:6px}.swap-slots::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.swap-slot{--skin-rarity:#64748b;border:1px solid var(--swap-line);background:var(--swap-slot);color:#fff;cursor:pointer;place-items:center;min-height:6.6rem;padding:.5rem;transition:border-color .16s,background-color .16s;display:grid;position:relative;overflow:hidden}.swap-slot:before{content:"";pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:.35rem}.swap-slot:hover{border-color:#ffffff38}.swap-slot__plus{opacity:.55;width:1.8rem;height:1.8rem;position:relative}.swap-slot__plus:before,.swap-slot__plus:after{content:"";background:#cbd5e1;width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swap-slot__plus:after{transform:translate(-50%,-50%)rotate(90deg)}.swap-slot__hint{text-align:center;color:#94a3b8;max-width:9rem;font-size:.68rem;font-weight:600;line-height:1.35}.swap-slot--item{text-align:left;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--skin-rarity) 22%, transparent), transparent 62%), var(--swap-slot);grid-template-rows:auto minmax(0,1fr) auto;place-items:stretch stretch;gap:.1rem;min-height:0;padding:.45rem .55rem .4rem;animation:.22s both swap-slot-in}.swap-slot--item:before{content:none}@keyframes swap-slot-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.swap-slot__wear{z-index:1;color:#cbd5e1e6;font-size:.56rem;font-style:italic;font-weight:900;position:absolute;top:.55rem;right:.65rem}.swap-slot__image{object-fit:contain;filter:drop-shadow(0 8px 14px #0000008c);width:100%;height:3.5rem;margin:.25rem 0 .05rem}.swap-slot__meta{align-content:end;min-width:0;min-height:0;display:grid}.swap-slot__name,.swap-slot__skin{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.swap-slot__name{letter-spacing:.04em;text-transform:uppercase;font-size:.6rem;font-weight:900}.swap-slot__skin{color:#94a3b8;font-size:.56rem;font-weight:600}.swap-slot__price{white-space:nowrap;color:#d5f4ff;font-size:.64rem;font-weight:900;line-height:1.2}.swap-slot__remove{z-index:2;letter-spacing:.12em;text-transform:uppercase;color:#ffdfe4;opacity:0;background:#28080eb8;place-items:center;font-size:.6rem;font-weight:900;transition:opacity .16s;display:grid;position:absolute;inset:0}.swap-slot--item:hover .swap-slot__remove{opacity:1}.swap-balance{border:1px solid var(--swap-line);background:var(--swap-slot);grid-template-columns:minmax(0,1fr) max-content;margin-top:.75rem;display:grid}.swap-balance__row{display:contents}.swap-balance__title{color:#e2e8f0;align-items:center;gap:.5rem;padding:.75rem .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.swap-balance__title svg{color:#8be36f;width:1.05rem;height:1.05rem}.swap-balance__input{border-left:1px solid var(--swap-line);justify-content:flex-end;align-items:center;gap:.3rem;min-width:7.5rem;padding:0 .9rem;transition:background-color .14s;display:inline-flex}.swap-balance__input:focus-within{background:#13cdff0f}.swap-balance__input input{field-sizing:content;color:#fff;text-align:right;background:0 0;border:0;outline:none;width:7ch;min-width:7ch;font-size:.9rem;font-weight:900}.swap-balance__input input:disabled{opacity:.45;cursor:not-allowed}.swap-balance__input span{color:#94a3b8;font-size:.72rem;font-weight:800}.swap-balance__slider{--slider-fill:0%;appearance:none;background:linear-gradient(90deg, #8be36f 0%, #8be36f var(--slider-fill), #ffffff1f var(--slider-fill), #ffffff1f 100%);cursor:pointer;outline:none;grid-column:1/-1;width:100%;height:2px;margin:0;display:block}.swap-balance__slider:disabled{opacity:.4;cursor:not-allowed}.swap-balance__slider::-webkit-slider-thumb{appearance:none;background:#8be36f;border:3px solid #060a12;border-radius:999px;width:14px;height:14px;box-shadow:0 0 10px #8be36f99}.swap-balance__slider::-moz-range-thumb{background:#8be36f;border:3px solid #060a12;border-radius:999px;width:10px;height:10px;box-shadow:0 0 10px #8be36f99}.swap-balance__meta,.swap-balance__max{border-top:1px solid #ffffff0f}.swap-balance__meta{letter-spacing:.04em;color:#94a3b8e6;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;min-width:0;margin:0;padding:.55rem .9rem;font-size:.62rem;font-weight:700;display:flex}.swap-balance__max{border:0;border-left:1px solid var(--swap-line);letter-spacing:.14em;text-transform:uppercase;color:#8be36f;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:100%;min-width:7.5rem;padding:0 .9rem;font-size:.72rem;font-weight:900;transition:background-color .14s,color .14s;display:inline-flex}.swap-balance__max:hover:not(:disabled){background:#8be36f14}.swap-balance__max:disabled{opacity:.4;cursor:not-allowed}.swap-balance__locked{color:#fbbf24f2;cursor:help;align-items:center;gap:.35rem;display:inline-flex}.swap-balance__locked svg{flex:none;width:.8rem;height:.8rem}.swap-core{--swap-sweep-ms:.6s;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-width:0;padding:.75rem .5rem;display:flex;position:relative}.swap-core__label{color:#e2e8f0e6;font-size:.74rem;font-weight:600}.swap-core__parts{border:1px solid var(--swap-line);background:var(--swap-slot);color:#e2e8f0;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.7rem;font-weight:800;display:inline-flex}.swap-core__parts svg{color:#cbd5e1d9;width:.95rem;height:.95rem}.swap-core__parts b{color:#94a3b8;font-weight:900}.swap-core__total{color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem);font-style:italic;font-weight:900;line-height:1.1}.swap-core__lines{fill:none;stroke-width:1.1px;opacity:.85;width:100%;height:4.2rem}.swap-core__line{stroke:#475569;opacity:.55}.swap-core__fill{--swap-line-stagger:0s;stroke:var(--swap-warn);stroke-dasharray:1 1;stroke-dashoffset:1px;stroke-linecap:butt;opacity:1;filter:none;transition:stroke-dashoffset var(--swap-sweep-ms) linear var(--swap-line-stagger), stroke 0s}.swap-core__fill--source{stroke:var(--rarity-color)}.swap-core--has-target .swap-core__fill--target{stroke-dashoffset:0}.swap-core--approved .swap-core__fill--target{stroke:var(--rarity-color)}.swap-core--approved .swap-core__fill--source{stroke:var(--rarity-color);stroke-dashoffset:0;transition-delay:calc(var(--swap-sweep-ms) + var(--swap-line-stagger)), 0s}.swap-core--retreat .swap-core__fill--target{stroke-dashoffset:1px;transition-delay:calc(var(--swap-sweep-ms) + var(--swap-line-stagger)), 0s}.swap-core--draining .swap-core__fill--target{stroke-dashoffset:-1px;transition-delay:var(--swap-line-stagger), 0s}.swap-core--draining .swap-core__fill--source{stroke-dashoffset:-1px;transition-delay:calc(var(--swap-sweep-ms) + var(--swap-line-stagger)), 0s}.swap-core--snap .swap-core__fill{transition:none}.swap-core__fill--prev{stroke-dashoffset:0;transition:none}.swap-core--recolor .swap-core__fill--target,.swap-core--recolor-source .swap-core__fill--source{stroke-dashoffset:1px;transition:none}@media (prefers-reduced-motion:reduce){.swap-core__fill{transition:none}}.swap-core__lines--bottom{transform:scaleY(-1)}.swap-core__cta{width:100%;max-width:10rem}.swap-core__cta .club-action-btn{--club-btn-bg:#151a2ed9;--club-btn-bg-hover:#1e253ef2;--club-btn-border:#ffffff47;--club-btn-border-hover:white;--club-btn-glow:#ffffff24;--club-btn-inset:#00000040;letter-spacing:.16em;width:100%;min-height:3.1rem;font-size:.8rem;font-weight:700}.swap-core__status{--swap-status-height:6.4rem;box-sizing:border-box;width:100%;max-width:16rem;height:var(--swap-status-height);text-align:center;color:#94a3b8;align-content:center;justify-items:center;gap:.3rem;margin:0;font-size:.66rem;font-weight:600;line-height:1.35;display:grid;overflow:hidden}.swap-core__status svg{width:1.5rem;height:1.5rem}.swap-core__status p{margin:0}.swap-core__status-meta{letter-spacing:.02em;color:#ffb6c1;font-size:.88rem;font-weight:800}.swap-core__status--warn{color:var(--swap-warn)}.swap-core__status--cashback{color:#8be36f;font-weight:700}.swap-core__status--cashback svg{filter:drop-shadow(0 0 8px #8be36f73)}.swap-core__fill{letter-spacing:.04em;text-underline-offset:.2em;color:var(--swap-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.62rem;font-weight:800;text-decoration:underline}.swap-help-wrap{justify-content:center;margin-top:.35rem;display:flex;position:relative}.swap-help{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;font-size:.62rem;font-weight:800;display:inline-flex}.swap-help:hover{color:#fff}.swap-help svg{width:.95rem;height:.95rem}.swap-help__panel{z-index:20;visibility:hidden;border:1px solid var(--swap-line);text-align:left;opacity:0;pointer-events:none;background:#0a0e1cfa;width:min(22rem,80vw);padding:.8rem .9rem;transition:visibility 0s linear .14s,opacity .14s,transform .14s;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,.35rem);box-shadow:0 20px 44px #0000008c}.swap-help-wrap:hover .swap-help__panel,.swap-help-wrap:focus-within .swap-help__panel,.swap-help-wrap--open .swap-help__panel{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}.swap-help__panel ol{color:#cbd5e1f2;margin:0;padding-left:1.1rem;font-size:.72rem;line-height:1.5}.swap-help__panel li+li{margin-top:.35rem}.swap-target{border:1px solid var(--swap-line);background:radial-gradient(circle at 50% 50%, #ffffff0a, transparent 62%), var(--swap-slot);color:#fff;cursor:pointer;flex:auto;width:100%;min-height:0;padding:0;transition:border-color .2s;display:block;position:relative;overflow:hidden;container-type:size}.swap-target:hover{border-color:#ffffff38}.swap-target--filled{border-color:color-mix(in srgb, var(--rarity-color) 40%, var(--swap-line));background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--rarity-color) 16%, transparent), transparent 62%), var(--swap-slot)}.swap-target__figure{box-sizing:border-box;transform-origin:50%;will-change:transform;min-width:0;min-height:0;position:absolute;inset:clamp(1.1rem,7%,2.5rem);overflow:hidden}.swap-target:not(.swap-target--filled) .swap-target__figure{inset:.5rem}.swap-target__image{box-sizing:border-box;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 18px #00000080);width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.swap-target .upgrade-target-empty{pointer-events:none}.swap-target .upgrade-target-empty__scene{--swap-empty-scene-size:clamp(8rem, 18vw, 14rem);width:var(--swap-empty-scene-size);height:var(--swap-empty-scene-size);max-width:var(--swap-empty-scene-size);max-height:var(--swap-empty-scene-size);aspect-ratio:1;flex:none;display:grid}.swap-panel__bar{border:1px solid var(--swap-line);background:var(--swap-slot);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.7rem .9rem;display:flex}.swap-panel__price{color:#fff;font-size:1.05rem;font-weight:900}.swap-panel__name{text-align:right;justify-items:end;gap:.1rem;min-width:0;font-size:.7rem;line-height:1.2;display:grid}.swap-panel__name b{letter-spacing:.03em;text-transform:uppercase;font-weight:900}.swap-panel__name>span{color:#cbd5e1;align-items:baseline;gap:.35rem;font-weight:700;display:inline-flex}.swap-panel__name i{color:#94a3b8;font-size:.6rem;font-style:normal;font-weight:900}.swap-message{text-align:center;background:#081c2db3;border:1px solid #00b4ff47;margin:1rem 0 0;padding:.75rem 1rem;font-size:.78rem}.swap-message--won{--won-color:#64748b;border-color:color-mix(in srgb, var(--won-color) 55%, #ffffff1a);background:radial-gradient(120% 160% at 0% 50%, color-mix(in srgb, var(--won-color) 16%, transparent), transparent 55%), #0c1220eb;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--won-color) 14%, transparent);text-align:left;align-items:center;gap:.9rem;padding:.7rem 1rem;animation:.32s both swap-message-in;display:flex}@keyframes swap-message-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.swap-message__image{object-fit:contain;filter:drop-shadow(0 4px 10px #00000073);flex:none;width:4.6rem;height:3.2rem}.swap-message__meta{gap:.15rem;min-width:0;display:grid}.swap-message__label{letter-spacing:.08em;text-transform:uppercase;color:#34d399f2;font-size:.58rem;font-weight:800}.swap-message__name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;line-height:1.3;overflow:hidden}.swap-message--error{color:#ff9aaa;background:#35111ad9;border-color:#a43a4d;flex-direction:column;align-items:center;gap:.25rem;display:flex}.swap-message__detail{color:#ffb6c1;font-size:.92rem;font-weight:800}.swap-filters{--swap-control-height:2.2rem;--swap-control-bg:#0a1728;--swap-control-border:#1a3a52;--swap-control-active-bg:#0b1a2d;--swap-control-active-border:#13cdff;z-index:20;background:radial-gradient(120% 140% at 0 0,#13cdff12,#0000 46%),linear-gradient(#0f1626f5,#0a0f1cfa);border:1px solid #ffffff14;margin-top:1.5rem;position:relative;box-shadow:inset 0 1px #ffffff0a,0 14px 34px #00000047}.swap-filters:before{content:"";background:linear-gradient(90deg, var(--swap-accent), #13cdff26 45%, transparent 80%);pointer-events:none;width:100%;height:2px;position:absolute;inset:0 auto auto 0}.swap-filters__bar{background:#060a1259;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;min-height:3.1rem;padding:.5rem .6rem .5rem .95rem;display:flex}.swap-filters--collapsed .swap-filters__bar{border-bottom-color:#0000}.swap-filters__title{letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px #00d4ff4d;align-items:center;gap:.55rem;margin:0;font-size:.66rem;font-style:italic;font-weight:900;display:flex}.swap-filters__title-icon{width:1.7rem;height:1.7rem;color:var(--swap-accent);background:#13cdff14;border:1px solid #13cdff59;place-items:center;display:grid;box-shadow:inset 0 0 14px #13cdff2e}.swap-filters__title-icon svg{width:.85rem;height:.85rem}.swap-filters__count{border:1px solid var(--swap-control-active-border);background:var(--swap-control-active-bg);letter-spacing:.08em;color:#e8f7ff;align-items:center;height:1.3rem;margin-left:.15rem;padding:0 .5rem;font-size:.56rem;font-style:normal;display:inline-flex;box-shadow:inset 0 0 14px #13cdff38}.swap-filters__spacer{flex:auto}.swap-filters__clear,.swap-filters__toggle{height:var(--swap-control-height);border:1px solid var(--swap-control-border);background:var(--swap-control-bg);color:#e2e8f0;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s;display:inline-flex}.swap-filters__clear{letter-spacing:.08em;text-transform:uppercase;padding:0 .85rem;font-size:.6rem;font-style:italic;font-weight:900}.swap-filters__clear svg{width:.8rem;height:.8rem}.swap-filters__clear:hover:not(:disabled){color:#ff9aaa;border-color:#ff6b81a6;box-shadow:inset 0 0 18px #ff4d6729}.swap-filters__clear:disabled{opacity:.35;cursor:not-allowed}.swap-filters__toggle{width:var(--swap-control-height);padding:0}.swap-filters__toggle svg{width:.8rem;height:.8rem;transition:transform .22s;transform:rotate(180deg)}.swap-filters--collapsed .swap-filters__toggle svg{transform:rotate(0)}.swap-filters__toggle:hover,.swap-filters__toggle:focus-visible{color:#e8f7ff;border-color:var(--swap-control-active-border);background:var(--swap-control-active-bg);outline:none;box-shadow:inset 0 0 18px #13cdff38}.swap-filters__body{grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);display:grid}.swap-filters--collapsed .swap-filters__body{grid-template-rows:0fr}.swap-filters__body-inner{opacity:1;min-height:0;transition:opacity .22s 60ms,transform .3s cubic-bezier(.22,1,.36,1);transform:none}.swap-filters--collapsed .swap-filters__body-inner,.swap-filters__body--animating .swap-filters__body-inner{overflow:hidden}.swap-filters--collapsed .swap-filters__body-inner{opacity:0;pointer-events:none;transition:opacity .16s,transform .3s cubic-bezier(.22,1,.36,1);transform:translateY(-.35rem)}.swap-filters__grid{grid-template-columns:minmax(11rem,14rem) minmax(11rem,14rem) minmax(20rem,1fr) auto;align-items:start;gap:.85rem 1.1rem;padding:.85rem .95rem 1rem;display:grid}.swap-filters__field--extras{justify-self:end}@media (prefers-reduced-motion:reduce){.swap-filters__body,.swap-filters__body-inner,.swap-filters__toggle svg{transition:none}}.swap-filters__field--extras .swap-wears{justify-content:flex-end}.swap-filters__field{gap:.4rem;min-width:0;display:grid}.swap-filters__label{letter-spacing:.14em;text-transform:uppercase;color:#94a3b8e6;align-items:center;gap:.45rem;font-size:.58rem;font-style:italic;font-weight:900;display:flex}.swap-filters__label:before{content:"";background:linear-gradient(90deg, var(--swap-accent), transparent);flex:none;width:.7rem;height:2px}.swap-wears{flex-wrap:wrap;gap:.4rem;display:flex}.swap-wear{text-align:left;cursor:pointer;background:linear-gradient(#0c192a 0%,#081220 100%);border:1px solid #1a3a52;gap:.05rem;min-width:4.9rem;padding:.35rem .5rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.swap-wear:hover{border-color:#13cdff80;transform:translateY(-1px)}.swap-wear__code{letter-spacing:.04em;color:#e2e8f0;font-size:.74rem;font-style:italic;font-weight:900}.swap-wear__name{letter-spacing:.04em;white-space:nowrap;color:#94a3b8d9;font-size:.52rem;font-weight:700}.swap-wear--active{border-color:var(--swap-accent);box-shadow:inset 0 0 22px #13cdff38}.swap-wear--active .swap-wear__code{color:#eafaff}.swap-wear--active .swap-wear__name{color:#67e8f9f2}.swap-toggle{--toggle-color:var(--swap-accent);color:#cbd5e1;cursor:pointer;background:linear-gradient(#0c192a 0%,#081220 100%);border:1px solid #1a3a52;align-items:center;gap:.45rem;height:2.6rem;padding:0 .7rem;font-size:.68rem;font-weight:800;transition:border-color .14s,color .14s;display:inline-flex}.swap-toggle--st{--toggle-color:#cf6a32}.swap-toggle--sv{--toggle-color:gold}.swap-toggle:hover{border-color:color-mix(in srgb, var(--toggle-color) 55%, transparent)}.swap-toggle__box{color:#0000;background:#040a12cc;border:1px solid #294c68;place-items:center;width:1rem;height:1rem;display:grid}.swap-toggle__box svg{width:.7rem;height:.7rem}.swap-toggle--active{border-color:var(--toggle-color);color:#fff}.swap-toggle--active .swap-toggle__box{border-color:var(--toggle-color);background:var(--toggle-color);color:#06101c}.swap-board{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;margin-top:1.25rem;display:grid}.swap-list{min-width:0;scroll-margin-top:1.25rem}.swap-page .swap-picker{padding:0}.swap-picker .upgrade-picker__sheet{max-width:none}.swap-board .upgrade-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem}.swap-board .upgrade-card__image{object-fit:contain;height:4.5rem}@media (max-width:1499px){.swap-board .upgrade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.swap-stage{grid-template-columns:1fr}.swap-core{order:2;min-height:0}.swap-panel--offer{order:1}.swap-panel--receive{order:3}.swap-core__lines{display:none}.swap-panel{min-height:0}.swap-board{grid-template-columns:1fr}.swap-filters__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-filters__field--wide{grid-column:auto;min-width:0}.swap-filters__field--extras{justify-self:end}}@media (max-width:767px){.swap-shell{width:94vw;padding-top:1rem}.swap-stage{flex-direction:column;gap:.85rem;display:flex}.swap-stage>.swap-panel--focus{order:1}.swap-stage>.swap-core{order:2}.swap-stage .swap-panel:not(.swap-panel--focus){display:none}.swap-picker .upgrade-picker__sheet{max-height:min(82vh,42rem)}.swap-picker .swap-board{flex:auto;min-height:0;margin-top:0;overflow:auto}.swap-picker .swap-filters--inventory{display:none}.swap-picker .swap-filters{flex:0 auto;max-height:12rem;margin:0 0 .7rem;overflow-y:auto}.swap-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-slots>.swap-slot--empty:nth-last-child(-n+6){display:none}.swap-balance{grid-template-columns:1fr}.swap-balance__slider{grid-column:auto}.swap-balance__input,.swap-balance__max{border-left:0;border-top:1px solid var(--swap-line);justify-content:flex-end;padding:.5rem .9rem}.swap-filters__bar{padding-inline:.7rem .5rem}.swap-filters__clear span{display:none}.swap-filters__clear{width:var(--swap-control-height);padding:0}.swap-filters__grid{grid-template-columns:1fr;padding:.75rem .7rem .85rem}.swap-filters__field--extras{justify-self:stretch}.swap-filters__field--extras .swap-wears{justify-content:flex-start}.swap-wear{flex:4.4rem;min-width:0}.swap-board .upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:430px){.swap-board .upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.swap-slot--item{animation:none}}