/* All trade design stays inside the existing game frame and uses its original font. */
#tradeModal{padding:12px;background:#0C1728;}
#tradeModal #tradeBody{min-height:calc(100% - 45px);display:flex;flex-direction:column;}
#tradeModal #tradeBody>*{flex-shrink:0;}
#tradeModal h2{font-size:16px;margin-bottom:12px;}
#tradeModal .trade-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px;}
#tradeModal .trade-tab{min-width:0;font:inherit;text-align:left;border:1px solid #30465A;border-bottom:3px solid #223348;border-radius:5px;background:#142438;color:#A5B9C9;padding:7px 6px;cursor:pointer;}
#tradeModal .trade-tab small{display:block;font-size:10px;margin-bottom:4px;color:#8FA6B3;}
#tradeModal .trade-tab b{display:block;font-size:12px;white-space:nowrap;}
#tradeModal .trade-tab.on{background:#29332E;border-color:#9C8451;border-bottom-color:#D1B073;color:#FFE6A2;}
#tradeModal .trade-tab.on small{color:#D5BF8D;}
#tradeModal .trade-view{margin:0;border:2px solid #5D6D63;border-bottom-color:#B69D70;border-radius:5px;overflow:hidden;background:#477786;}
#tradeModal .trade-scene{display:block;width:100%;height:auto;aspect-ratio:180/112;border-radius:0;image-rendering:pixelated;}
#tradeModal figcaption{display:flex;justify-content:space-between;gap:5px;padding:7px 8px;background:#172B31;font-size:10px;color:#DFDDC3;}
#tradeModal figcaption b{font-size:10px;color:#94C4A3;font-weight:400;white-space:nowrap;}
#tradeModal .trade-loyalty{padding:9px 2px 11px;}
#tradeModal .trade-loyalty>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px;}
#tradeModal .trade-loyalty b{font-weight:400;color:#D9C18E;}
#tradeModal .trade-loyalty span{font-size:10px;color:#849AA9;}
#tradeModal .trade-meter{height:4px;overflow:hidden;background:#233749;border-radius:2px;}
#tradeModal .trade-meter i{display:block;height:100%;background:#A7B88A;}
#tradeModal .trade-offer{border-top:1px solid #2C4051;border-bottom:1px solid #2C4051;padding:10px 0 8px;}
#tradeModal .trade-offer-title{display:flex;justify-content:space-between;gap:4px;align-items:center;margin-bottom:10px;}
#tradeModal .trade-offer-title h3{margin:0;font-size:12px;color:#E4E4D8;font-weight:400;}
#tradeModal .trade-offer-title>span{font-size:10px;color:#A5B7BF;white-space:nowrap;}
#tradeModal .trade-price{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.8;color:#97ACBA;}
#tradeModal .trade-price b{font-weight:400;color:#D3DCD9;}
#tradeModal .trade-price.bonus,#tradeModal .trade-price.bonus b{color:#A8CCA2;}
#tradeModal .trade-fold{border-bottom:1px solid #223748;font-size:10px;}
#tradeModal .trade-fold summary{cursor:pointer;padding:11px 0;color:#B7C8CD;list-style-position:inside;}
#tradeModal .trade-fold summary>span{float:right;font-size:10px;color:#718D9C;}
#tradeModal .trade-fish{max-height:160px;overflow-y:auto;padding:0 5px 8px;}
#tradeModal .trade-fish>div{display:flex;justify-content:space-between;padding:5px 0;color:#AFC3CD;}
#tradeModal .trade-fish b{font-weight:400;color:#D9C18E;}
#tradeModal .trade-fish small{font-size:10px;color:#8EA5B4;}
#tradeModal .trade-auto{display:flex;align-items:center;gap:9px;cursor:pointer;padding:10px 0;border-bottom:1px solid #223748;}
#tradeModal .trade-auto input{width:17px;height:17px;accent-color:#B7C59B;flex:none;margin:0;}
#tradeModal .trade-auto span{font-size:10px;color:#BFCFCC;}
#tradeModal .trade-auto small{display:block;font-size:10px;color:#7893A1;margin-top:3px;}
#tradeModal .trade-story p{font-size:11px;line-height:1.8;color:#B7C8C3;margin:0 0 9px;}
#tradeModal .trade-story>div{padding:8px;margin-bottom:8px;background:#182C32;color:#C6BF96;font-size:10px;}
#tradeModal .trade-note{font-size:10px;line-height:1.8;color:#7F99A7;}
#tradeModal .trade-record{display:flex;justify-content:space-between;font-size:10px;color:#6F8999;padding:10px 0 13px;}
#tradeModal .trade-record b{font-weight:400;color:#95ACB6;}
#tradeModal .trade-record em{font-style:normal;color:#6F8999;}
#tradeModal .trade-checkout{margin-top:auto!important;position:sticky;bottom:-12px;z-index:1;margin:0 -12px -12px;padding:10px 12px 12px;background:#142335;border-top:2px solid #7D7152;box-shadow:0 -6px 0 rgba(12,23,40,.9);}
#tradeModal .trade-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
#tradeModal .trade-total>span{font-size:11px;color:#BAC6C6;}
#tradeModal .trade-total strong{font-size:23px;line-height:1;color:#F8D88B;letter-spacing:-1px;}
#tradeModal .trade-total strong small{font-size:12px;font-weight:400;}
#tradeModal .trade-actions{display:grid;grid-template-columns:70px minmax(0,1fr);gap:7px;}
#tradeModal .trade-actions .btn{min-width:0;padding:12px 5px;font-size:12px;border-radius:6px;}
#tradeModal .trade-actions .main{background:#DABB79;color:#34291C;border-bottom-color:#9D8150;}
#tradeModal .trade-empty{font-size:11px;line-height:1.6;color:#9DB3BD;margin:0;}
#tradeModal .trade-empty small{display:block;font-size:10px;color:#718C9C;margin-top:3px;}
#tradeModal .trade-result{padding:9px;margin-bottom:8px;background:#1D3536;border:1px solid #3E6254;border-radius:4px;font-size:11px;color:#B4D4AF;line-height:1.6;}
#tradeModal .trade-locked{padding:22px 12px 8px;border:1px solid #3B4D54;border-top:3px solid #8C805F;background:#142535;border-radius:4px;}
#tradeModal .trade-kicker{font-size:10px;color:#A7AD94;}
#tradeModal .trade-locked h3{font-size:17px;color:#E1D3AC;margin:8px 0 10px;}
#tradeModal .trade-locked>p{font-size:11px;line-height:1.8;}
#tradeModal .trade-condition{margin:18px 0;font-size:11px;}
#tradeModal .trade-condition>span{color:#8DA5AD;}
#tradeModal .trade-condition>b{float:right;font-weight:400;color:#D3D8C3;}
#tradeModal .trade-condition .trade-meter{clear:both;margin-top:8px;}
#tradeModal .trade-back{width:100%;margin-top:10px;}
@media(max-width:360px){#tradeModal{padding:9px;}#tradeModal .trade-tab{padding:6px 4px;}#tradeModal .trade-tab b{font-size:10px;}#tradeModal .trade-checkout{bottom:-9px;margin:0 -9px -9px;padding:9px;}}
#eggBody .egg-sell{display:block;margin:7px auto 0;font:inherit;font-size:10px;border:1px solid #8A6A35;background:#2A2930;color:#FFE08A;border-radius:5px;padding:6px;cursor:pointer}
.egg-sale-confirm{margin:10px 0;padding:10px;background:#1C2B42;border:1px solid #8A6A35;border-radius:8px;font-size:12px;line-height:1.7}.egg-sale-confirm .bar{margin-top:8px}
.net-lock{font:inherit;font-size:10px!important;background:#26394E!important;color:#FFE08A!important;padding:6px!important}.net-trade-entry{width:100%;margin-bottom:8px}