.trade-page{color:#2e251b}.trade-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 26px;background:linear-gradient(135deg,#37291d,#1c1712);color:#eee1c4;border:1px solid #81673f}.trade-heading p,.market-detail header p{margin:0;color:#c8a765;font-size:.72rem;letter-spacing:.15em}.trade-heading h1{margin:.2rem 0;font-family:Georgia,serif}.trade-heading a{color:#ead29b}.supply-note{padding:12px 18px;background:#e7dcc1;border:1px solid #a68b5e}.trade-table-wrap{overflow:auto;background:#f1ead8;border:1px solid #aa9167}.trade-table{width:100%;border-collapse:collapse}.trade-table th,.trade-table td{padding:12px;border-bottom:1px solid #cdbb98;text-align:left}.trade-table th{background:#d8c9a8;font-size:.72rem}.trade-table td small{display:block;color:#746652;max-width:280px}.trade-table input,.market-actions input{width:90px;padding:7px;background:#fbf6e9;border:1px solid #9a8057}.trade-table button,.market-actions button,.order-list button,.market-tabs button,.chart-ranges button{padding:7px 10px;border:1px solid #7c623d;background:#4b3924;color:#f4e6c7}.market-tabs{display:flex;gap:4px;margin:15px 0}.market-tabs button.active,.chart-ranges button.active{background:#9c793e}.trade-table tr.selected{background:#e2d2ae}.market-detail{margin-top:16px;padding:18px;background:#e9dfc7;border:1px solid #987b4e}.market-detail>header{display:flex;justify-content:space-between;gap:20px}.market-actions{display:grid;gap:6px}.market-actions form{display:flex;gap:5px}.market-panels{display:grid;grid-template-columns:minmax(180px,1fr) 3fr;gap:18px;margin-top:16px}.market-panels table{width:100%}.market-panels td{padding:6px;border-bottom:1px solid #c7b38d}.market-chart{width:100%;height:220px;background:#211c17;border:1px solid #755f3d}.market-chart-empty{height:220px;display:grid;place-items:center;background:#211c17;color:#a99876}.chart-ranges{display:flex;gap:3px;margin-bottom:5px}.order-list{display:grid;gap:8px}.order-list article{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#e9dfc7;border:1px solid #aa9167}@media(max-width:850px){.market-panels,.market-detail>header{grid-template-columns:1fr;display:grid}.market-actions form{flex-wrap:wrap}}
.market-row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.market-ticket-grid,.city-hall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}.market-ticket,.city-card{border:1px solid rgba(116,76,26,.35);background:rgba(255,250,232,.55);padding:1rem}.market-ticket form{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;margin:.65rem 0}.market-ticket small,.city-card span{display:block;margin-top:.45rem;color:#725f43}.city-card h2{margin:.35rem 0}
@media(max-width:760px){.market-ticket form{grid-template-columns:1fr}.market-row-actions{min-width:180px}}
.order-list{padding:18px;background:#f1ead8;border:1px solid #aa9167;box-shadow:0 8px 22px rgba(54,39,20,.18)}
.order-list>p{margin:0;padding:18px;background:#e9dfc7;border:1px solid #c6ae82;color:#6f5b3d}
.order-list article{gap:12px}
@media(max-width:850px){.order-list article{align-items:flex-start;flex-direction:column}}
.city-card{background:#fff;opacity:1}
.market-open{width:38px;height:34px;padding:0!important;font-size:18px;line-height:1;background:#8b682f!important;border-color:#604519!important;border-radius:5px;cursor:pointer}.market-open[aria-expanded="true"]{background:#d39a2f!important;box-shadow:0 0 0 2px #fff3c4 inset}.market-detail-row>td{padding:0!important;background:#e9dfc7}.market-detail-row .market-detail{margin:0;border-width:1px 0 1px}.market-close{padding:7px 11px;border:1px solid #765c35;background:#f7efd9;color:#4b3924;cursor:pointer}.market-ticket form button{padding:9px 12px;border:0;border-radius:4px;color:#fff;font-weight:700;letter-spacing:.04em;cursor:pointer}.market-ticket:first-child form button{background:#43834b;box-shadow:0 3px 0 #28592e}.market-ticket:last-child form button{background:#b94b43;box-shadow:0 3px 0 #7c2d28}.market-ticket:first-child form button:hover{background:#52975a}.market-ticket:last-child form button:hover{background:#ce5a51}.market-ticket form button:disabled{opacity:.55;cursor:wait}
.market-open{width:56px;height:34px;background:#dcebd2!important;border:1px solid #789568!important;border-radius:3px;color:#315330!important;box-shadow:0 2px 0 #a9c39a;filter:none}.market-open:hover{background:#cbe2bd!important}.market-open[aria-expanded="true"]{background:#a9d196!important;border-color:#557b48!important;box-shadow:0 0 0 2px #eef8e8 inset}
/* Keep the full order ticket inside the viewport on compact screens. */
@media(max-width:850px){
 .tutorial-marketplace .trade-table-wrap{overflow:visible}
 .tutorial-marketplace .trade-table,.tutorial-marketplace .trade-table>tbody{display:block;width:100%}
 .tutorial-marketplace .trade-table>thead{display:none}
 .tutorial-marketplace .trade-table>tbody>tr:not(.market-detail-row){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:2px solid #aa9167}
 .tutorial-marketplace .trade-table>tbody>tr>td{min-width:0;overflow-wrap:anywhere}
 .tutorial-marketplace .trade-table>tbody>tr:not(.market-detail-row)>td::before{display:block;font:10px monospace;color:#725f43;margin-bottom:5px}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(1)::before{content:'COMMODITY'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(2)::before{content:'BEST BUY'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(3)::before{content:'BEST SELL'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(4)::before{content:'LAST PRICE'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(5)::before{content:'24H CHANGE'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(6)::before{content:'24H VOLUME'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(7)::before{content:'OWNED'}
 .tutorial-marketplace tr:not(.market-detail-row)>td:nth-child(8)::before{content:'TRADE'}
 .tutorial-marketplace .market-detail-row,.tutorial-marketplace .market-detail-row>td{display:block;width:100%}
 .tutorial-marketplace .market-detail{padding:12px;min-width:0}
 .tutorial-marketplace .market-ticket-grid,.tutorial-marketplace .market-panels{grid-template-columns:minmax(0,1fr)}
 .tutorial-marketplace .market-ticket{min-width:0;padding:12px}
 .tutorial-marketplace .market-ticket form{grid-template-columns:minmax(0,1fr)}
 .tutorial-marketplace .market-ticket input,.tutorial-marketplace .market-ticket button{width:100%;min-width:0}
 .tutorial-marketplace .market-tabs,.tutorial-marketplace .chart-ranges{flex-wrap:wrap}
 .tutorial-marketplace .market-panels td::before{display:none!important}
}