.trade-page{padding:38px 0 70px}.trade-page h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.05em;margin:16px 0}.trade-page>.crumbs{margin-bottom:30px}.trade-intro{color:var(--muted);max-width:700px}.trade-modes{margin:28px 0;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.trade-modes fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trade-modes legend{font-weight:850;margin-bottom:13px}.trade-modes fieldset label{display:flex;gap:10px;padding:12px;border:1px solid #51406f;border-radius:12px;align-items:center;cursor:pointer}.trade-modes fieldset label:has(:checked){background:#2c2148;border-color:var(--cyan)}.trade-modes small,.trade-modes b{display:block}.trade-modes small{color:var(--muted);font-size:.76rem}.trade-modes input{accent-color:var(--cyan)}.trade-balance{margin-top:20px}.trade-balance>div{display:flex;align-items:center;gap:12px;margin-top:7px}.trade-balance input{flex:1}.trade-balance strong{display:block;color:var(--cyan);text-align:center;font-size:.8rem}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-side{background:linear-gradient(145deg,#211a3b,#151122);border:1px solid var(--line);border-radius:20px;padding:22px}.trade-side header>span{color:var(--cyan);font-size:.65rem;font-weight:950;letter-spacing:.1em}.trade-side h2{margin:6px 0 18px;font-size:1.6rem}.trade-add{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.trade-page label>span,.trade-add label{font-size:.73rem;color:var(--muted);font-weight:850}.trade-add label{display:grid;gap:6px}.trade-page input:not([type=radio]):not([type=checkbox]):not([type=range]),.trade-page select{width:100%;min-height:44px;border:1px solid #59477c;border-radius:10px;background:#100d20;color:var(--ink);font:inherit;padding:9px 11px;font-size:.85rem;min-width:0}.trade-page button{min-height:44px;padding:9px 13px;background:#2b2145;border:1px solid #635080;border-radius:10px;color:var(--ink);font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.trade-page button:hover{border-color:var(--cyan)}.trade-add>button{background:var(--yellow);color:#171025;border:0}.trade-empty{color:var(--muted);padding:36px 15px;text-align:center;border:1px dashed #55446e;border-radius:14px}.trade-slots{display:grid;gap:12px}.trade-pet{padding:14px;background:#110e20;border:1px solid var(--line);border-radius:15px}.trade-pet-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.trade-pet-link{display:flex;gap:12px;align-items:center;min-width:0}.trade-pet-link img{width:58px;height:58px;object-fit:contain}.trade-pet-link>span{display:grid}.trade-pet-link strong{font-size:.94rem}.trade-pet-link small{font-size:.67rem;color:var(--muted)}.trade-remove{min-height:30px!important;width:30px;padding:0!important}.trade-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.trade-fields label{display:grid;gap:5px;min-width:0}.trade-options summary{font-size:.75rem;color:var(--cyan);cursor:pointer;padding:7px 0}.trade-mutations{display:flex;flex-wrap:wrap;gap:7px 10px;border:0;padding:0;margin:12px 0}.trade-mutations legend{font-size:.73rem;color:var(--muted);margin-bottom:8px}.trade-mutations label{font-size:.72rem;display:flex;align-items:center;gap:4px}.trade-mutations input{accent-color:var(--cyan)}.trade-row-total{display:block;color:var(--yellow);font-size:.85rem;margin-top:10px}.trade-total{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.trade-total span,.trade-total small{display:block;color:var(--muted);font-size:.76rem}.trade-total strong{display:block;color:var(--yellow);font-size:1.8rem}.trade-result{text-align:center;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px;margin:24px 0 15px}.trade-result h2{font-size:clamp(1.5rem,4vw,2.5rem);margin:10px 0;color:var(--yellow)}.trade-result p{color:var(--muted);font-size:.85rem}.trade-result[data-tone=win]{border-color:#36a598}.trade-result[data-tone=win] h2{color:var(--cyan)}.trade-result[data-tone=loss]{border-color:#b14868}.trade-result[data-tone=loss] h2{color:#ff8097}.trade-meter{display:flex;gap:12px;align-items:center;max-width:660px;margin:24px auto}.trade-meter>span{font-size:.65rem;color:var(--muted);white-space:nowrap}.trade-meter>div{flex:1;position:relative;height:9px;border-radius:20px;background:linear-gradient(90deg,#ff8097,#ffd84d,#39e6e0)}.trade-meter i{position:absolute;left:50%;top:-5px;width:19px;height:19px;background:var(--ink);border:3px solid #171025;border-radius:50%;transform:translateX(-50%);transition:left .2s}.trade-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.trade-actions>span{color:var(--cyan);font-size:.8rem}.trade-explain{margin:35px 0;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.trade-explain h2{font-size:1.4rem}.trade-explain p{font-size:.88rem;color:var(--muted)}.trade-explain details{margin:12px 0;border-top:1px solid var(--line);padding-top:12px}.trade-explain summary{color:var(--cyan);cursor:pointer;font-weight:850}.trade-explain a{color:var(--cyan);text-decoration:underline}.trade-caution{border-left:3px solid var(--yellow);padding-left:14px}.trade-page [data-pick-status]{color:var(--yellow);font-size:.75rem;margin:5px 0 12px}@media(max-width:800px){.trade-columns{grid-template-columns:1fr}.trade-side{padding:16px}.trade-modes fieldset{grid-template-columns:1fr}.trade-modes fieldset label{padding:10px}.trade-modes fieldset span{display:flex;align-items:center;gap:12px;flex:1}.trade-modes fieldset small{margin-left:auto}.trade-result{padding:20px 14px}.trade-explain{padding:18px}}@media(max-width:400px){.trade-add{grid-template-columns:1fr}.trade-fields{grid-template-columns:1fr 1fr}.trade-meter{gap:6px}.trade-meter>span{font-size:.6rem}}