.trade-stage{border-top:1px solid rgba(76,151,71,.28);background:radial-gradient(circle at 18% 0%,rgba(251,198,62,.26),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(63,181,126,.24),transparent 30rem),linear-gradient(180deg,#e8fff0,#f6fff0 48%,#fff8dc);padding:3rem 1rem}.trade-shell,.trade-reference{margin:0 auto;max-width:78rem}.trade-shell{overflow:hidden;border:1px solid rgba(167,218,147,.46);border-radius:24px;background:#101926;box-shadow:0 28px 80px #20392638;color:#f5fff1}.trade-board-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:end;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,#ffcb57f2 0 18%,#49a44ef2 18% 100%),#142235;padding:.55rem 1.25rem 1.25rem}.trade-board-head>div:first-child{border-radius:18px;background:#101926f5;padding:1.25rem}.trade-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;background:#c6facf24;color:#bff5bd;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800;line-height:1;padding:.5rem .65rem;text-transform:uppercase}.trade-board-head h2,.trade-reference h2{margin-top:.75rem;font-family:Fredoka,sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:.96}.trade-board-head p:not(.trade-kicker),.trade-reference p{margin-top:.8rem;max-width:48rem;color:#f5fff1c7;font-weight:750;line-height:1.55}.trade-count{min-width:10.5rem;border-radius:18px;background:#101926f5;padding:1rem;text-align:center;color:#f5fff1c7;font-weight:800}.trade-count span{display:block;color:#ffdf71;font-family:Fredoka,sans-serif;font-size:2.3rem;line-height:1}.trade-columns{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;padding:1.25rem}.trade-side{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#1b293bf5;padding:1rem}.trade-side-own{box-shadow:inset 0 0 0 1px #52b96c2e}.trade-side-other{box-shadow:inset 0 0 0 1px #fbc63e2e}.side-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.side-header p{color:#f5fff199;font-size:.82rem;font-weight:900;text-transform:uppercase}.side-header h3,.trade-result-panel h3{font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1}.side-header strong{border-radius:999px;background:#ffffff1a;color:#ffdf71;padding:.45rem .65rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.trade-slot{min-width:0;min-height:11.5rem;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#263449;transition:border-color .16s ease,transform .16s ease,background .16s ease}.trade-slot-empty{display:grid;place-items:center;gap:.35rem;color:#f5fff19e;text-align:center}.trade-slot-empty span{color:#ad6bff;font-family:Fredoka,sans-serif;font-size:3.75rem;line-height:.7}.trade-slot-empty strong{font-size:.9rem}.trade-slot:hover,.trade-slot:focus-within{border-color:#bef7bbcc;background:#31425a;transform:translateY(-1px)}.trade-slot-filled{display:grid;grid-template-rows:1fr auto;overflow:hidden}.slot-main{display:grid;justify-items:center;gap:.25rem;min-width:0;padding:.9rem .75rem .55rem;text-align:center}.item-art,.picker-art{display:grid;place-items:center;-o-object-fit:contain;object-fit:contain}img.item-art{width:4.2rem;height:4.2rem}.item-fallback{border:2px solid rgba(255,223,113,.54);border-radius:999px;background:radial-gradient(circle,#ffdf7138,#52b96c2e);color:#ffdf71;font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:800}.slot-name,.slot-meta,.slot-value{max-width:100%;overflow-wrap:anywhere}.slot-name{color:#fff;font-weight:900}.slot-meta,.slot-value{color:#f5fff1a8;font-size:.78rem;font-weight:750}.slot-value{color:#bff5bd}.slot-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);padding:.5rem}.slot-actions label{display:flex;align-items:center;gap:.35rem;color:#f5fff1ad;font-size:.74rem;font-weight:900}.slot-actions input{width:4.4rem;min-height:2rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#090f18b8;color:#fff;padding:0 .45rem}.slot-actions button{min-height:2rem;border-radius:10px;background:#ffffff1a;color:#f5fff1d1;font-size:.75rem;font-weight:900;padding:0 .55rem}.cash-row{display:grid;gap:.45rem;margin-top:.8rem;color:#f5fff1ad;font-size:.82rem;font-weight:900}.cash-row input{min-height:2.7rem;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#090f18ad;color:#fff;padding:0 .85rem}.trade-vs{align-self:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffdf711f;color:#ffdf71;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:900;padding:.8rem .65rem}.trade-result-panel{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1rem;margin:0 1.25rem 1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#1f2e41;padding:1.25rem}.trade-result-panel h3{margin-top:.7rem;color:#fff;font-size:clamp(2.4rem,5vw,4rem)}.trade-result-panel h3[data-state=win]{color:#7df0a1}.trade-result-panel h3[data-state=loss]{color:#ff7474}.trade-result-panel p{color:#f5fff1b8;font-weight:800}.indicator-wrap{align-self:center}.indicator-track{position:relative;overflow:hidden;height:1.1rem;border-radius:999px;background:#39485c}.indicator-mid{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:100%;background:#ffffffb8}.indicator-fill{display:block;height:100%;border-radius:999px;background:#ffdf71;transition:width .18s ease,background .18s ease}.indicator-fill[data-state=win]{background:#52d77a}.indicator-fill[data-state=loss]{background:#ff5252}.indicator-labels,.trade-values{display:flex;justify-content:space-between;gap:1rem;margin-top:.55rem;color:#f5fff19e;font-size:.78rem;font-weight:900}.trade-values{grid-column:1 / -1;border-radius:14px;background:#ffffff14;font-family:JetBrains Mono,monospace;padding:.85rem 1rem}.trade-reference{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:1rem;margin-top:1rem;color:#17321f}.trade-reference article,.reference-grid>div{border:1px solid rgba(167,218,147,.74);border-radius:18px;background:#ffffffe0;padding:1.25rem;box-shadow:0 18px 50px #2039261a}.trade-reference .trade-kicker{background:#dcfce1;color:#21833c}.trade-reference p{color:#60715c}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.reference-grid h3{font-family:Fredoka,sans-serif;font-size:1.35rem}.reference-grid p{margin-top:.55rem;color:#60715c;font-size:.95rem;font-weight:750;line-height:1.45}.picker-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#070d16c7;padding:1rem}.picker-backdrop[hidden]{display:none}.picker-dialog{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);width:min(100%,62rem);max-height:calc(100vh - 2rem);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#202d40;box-shadow:0 35px 100px #0000006b;color:#f5fff1}.picker-head,.picker-tools{display:grid;gap:1rem;padding:1rem}.picker-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;border-bottom:1px solid rgba(255,255,255,.1)}.picker-head h2{margin-top:.5rem;font-family:Fredoka,sans-serif;font-size:2rem}.picker-close{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;background:#ffffff14;color:#f5fff1cc;font-size:1.3rem;font-weight:900}.picker-tools{grid-template-columns:minmax(0,1fr) minmax(10rem,14rem)}.picker-tools label{display:grid;gap:.4rem;color:#f5fff19e;font-size:.78rem;font-weight:900}.picker-tools input,.picker-tools select{min-height:3.1rem;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#35445a;color:#fff;padding:0 .9rem}.picker-count{padding:0 1rem .8rem;color:#f5fff1a8;font-size:.85rem;font-weight:850}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.25rem,1fr));gap:.8rem;overflow:auto;padding:0 1rem 1rem}.picker-card{display:grid;justify-items:center;gap:.35rem;min-height:10.2rem;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#3a4a60;padding:.8rem;text-align:center;transition:border-color .16s ease,transform .16s ease,background .16s ease}.picker-card:hover,.picker-card:focus-visible{border-color:#bef7bbd6;background:#43556e;transform:translateY(-1px)}img.picker-art{width:4.5rem;height:4.5rem}.picker-name,.picker-meta{max-width:100%;overflow-wrap:anywhere}.picker-name{color:#fff;font-weight:950}.picker-meta{color:#f5fff19e;font-size:.78rem;font-weight:750}.picker-card strong{color:#ffdf71;font-family:JetBrains Mono,monospace;font-size:.86rem}.picker-empty{grid-column:1 / -1;display:grid;gap:.35rem;min-height:11rem;place-items:center;border:1px dashed rgba(255,255,255,.2);border-radius:16px;color:#f5fff1c7;text-align:center}@media (max-width: 980px){.trade-board-head,.trade-columns,.trade-result-panel,.trade-reference,.reference-grid{grid-template-columns:1fr}.trade-count{text-align:left}.trade-vs{justify-self:center}}@media (max-width: 620px){.trade-stage{padding:1.5rem .75rem}.trade-board-head,.trade-columns{padding:.8rem}.trade-board-head>div:first-child,.trade-side,.trade-result-panel,.trade-reference article,.reference-grid>div{border-radius:16px}.picker-tools{grid-template-columns:1fr}.slot-grid{gap:.6rem}.trade-slot{min-height:10.25rem}.slot-actions{gap:.25rem}.slot-actions input{width:3rem}.slot-actions button{padding:0 .35rem}.trade-result-panel{margin:0 .8rem .8rem;padding:1rem}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-card{min-height:9.4rem}}@media (max-width: 360px){.slot-grid{grid-template-columns:1fr}}