/* V176 stage 6: trade dialog, portfolio chart, compact mobile layout. */
.challenge .stock-modal:not([hidden]){display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box}
.challenge .stock-modal[hidden]{display:none!important}
.challenge .stock-modal-panel{width:min(100%,560px);max-height:min(88dvh,780px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
.challenge .trade-panel .modal-heading{display:flex;gap:12px;align-items:start;justify-content:space-between}
.challenge .trade-panel #trade-title{overflow-wrap:normal;word-break:normal;hyphens:none;min-width:0}
.challenge .trade-panel #trade-price{display:block;color:#ffdb48;font-size:clamp(24px,6vw,34px);margin:8px 0}
.challenge .trade-panel .trade-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.challenge .trade-panel .trade-metrics>div{min-width:0;overflow-wrap:break-word}
.challenge .trade-panel .trade-metrics strong{display:block;font-variant-numeric:tabular-nums}
.challenge .trade-panel .quantity-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center}
.challenge .trade-panel .quantity-row input{min-width:0;text-align:center;font-size:18px}
.challenge .trade-panel .trade-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.challenge .trade-panel .trade-actions button{min-height:48px;min-width:0}
.challenge .trade-panel .trade-actions button:disabled{opacity:.5;cursor:not-allowed}
.challenge .market-chart{overflow:hidden}
.challenge .wealth-chart-svg{max-width:100%;display:block}
.challenge #chart-caption{font-variant-numeric:tabular-nums;overflow-wrap:break-word}
@media(max-width:600px){
 .challenge .stock-modal:not([hidden]){padding:10px}
 .challenge .stock-modal-panel{max-height:calc(100dvh - 20px);border-radius:18px;padding:16px}
 .challenge .trade-panel .trade-metrics{gap:5px;font-size:12px}
 .challenge .trade-panel .trade-metrics strong{font-size:13px}
 .challenge .market-chart{padding:16px!important}
 .challenge .stock-preview .preview-heading h3{font-size:clamp(12px,3.7vw,16px)!important;letter-spacing:-.35px!important}
 .challenge .stock-preview .preview-heading #show-all{font-size:12px!important;padding:10px 9px!important}
 .challenge .market-section .stock-preview{margin-top:14px!important}
}