.trading-layout{display:grid;grid-template-columns:1fr 340px;grid-template-rows:auto 1fr auto;gap:16px;min-height:calc(100vh - 160px)}.trading-header{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.trading-header .game-selector{flex:1;min-width:200px;max-width:320px}.trading-header .timeframe-btns{display:flex;gap:4px}.trading-header .timeframe-btns button{padding:6px 14px;font-size:var(--font-xs);font-weight:700;background:var(--bg-secondary);border:1px solid var(--gold-border-light);border-radius:var(--button-radius);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.trading-header .timeframe-btns button.active{background:var(--gold);color:var(--text-inverse);border-color:var(--gold)}.trading-header .timeframe-btns button:hover:not(.active){border-color:var(--gold);color:var(--text-secondary)}.kline-container{background:var(--bg-secondary);border:1px solid var(--gold-border-light);border-radius:var(--card-radius);position:relative;overflow:hidden;min-height:420px}.kline-container canvas{display:block;width:100%;height:100%;cursor:crosshair}.price-stats{display:flex;gap:24px;padding:12px 0;flex-wrap:wrap;font-size:var(--font-sm)}.price-stats .stat-item .label{color:var(--text-tertiary);font-size:var(--font-xs);text-transform:uppercase}.price-stats .stat-item .value{font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.price-stats .stat-item.positive .value{color:var(--positive)}.price-stats .stat-item.negative .value{color:var(--negative)}.order-book{background:var(--bg-secondary);border:1px solid var(--gold-border-light);border-radius:var(--card-radius);overflow:hidden}.order-book .ob-header{padding:12px 16px;font-size:var(--font-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--gold-border-light);display:flex;justify-content:space-between}.order-book .ob-rows{max-height:320px;overflow-y:auto}.order-book .ob-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:6px 16px;font-size:var(--font-xs);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-fast);position:relative}.order-book .ob-row:hover{background:var(--bg-hover)}.order-book .ob-row.bid .price{color:var(--positive)}.order-book .ob-row.ask .price{color:var(--negative)}.order-book .ob-row .depth-bar{position:absolute;right:0;top:0;height:100%;opacity:0.06;pointer-events:none}.order-book .ob-row.bid .depth-bar{background:var(--positive)}.order-book .ob-row.ask .depth-bar{background:var(--negative)}.order-book .ob-mid{text-align:center;padding:8px;font-size:var(--font-sm);font-weight:900;font-family:var(--font-mono);border-top:1px solid var(--gold-border-light);border-bottom:1px solid var(--gold-border-light)}.trade-form{background:var(--bg-secondary);border:1px solid var(--gold-border-light);border-radius:var(--card-radius);padding:16px;margin-top:8px}.trade-form .form-tabs{display:flex;gap:4px;margin-bottom:12px}.trade-form .form-tabs button{flex:1;padding:8px;font-size:var(--font-sm);font-weight:900;border-radius:var(--button-radius);border:1px solid transparent}.trade-form .form-tabs .tab-buy{color:var(--positive);background:var(--positive-bg)}.trade-form .form-tabs .tab-buy.active{background:var(--positive);color:#fff}.trade-form .form-tabs .tab-sell{color:var(--negative);background:var(--negative-bg)}.trade-form .form-tabs .tab-sell.active{background:var(--negative);color:#fff}.trade-form .form-row{margin-bottom:10px}.trade-form .form-row label{display:block;font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:4px;font-weight:700}.trade-form .total-display{padding:8px;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-input);border-radius:var(--button-radius);margin-bottom:10px}.trade-form .submit-btn{width:100%;padding:10px;font-weight:900;font-size:var(--font-sm);border-radius:var(--button-radius);letter-spacing:1px;text-transform:uppercase}.trade-form .submit-btn.buy{background:var(--positive);color:#fff}.trade-form .submit-btn.sell{background:var(--negative);color:#fff}.recent-trades{background:var(--bg-secondary);border:1px solid var(--gold-border-light);border-radius:var(--card-radius);overflow:hidden}.recent-trades .rt-header{padding:10px 16px;font-size:var(--font-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--gold-border-light)}.portfolio-section{background:var(--bg-secondary);border:1px solid var(--gold-border-light);border-radius:var(--card-radius);padding:16px;margin-top:16px}.portfolio-section h4{font-size:var(--font-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.portfolio-section .holding-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(205,190,145,0.05)}.pnl-positive{color:var(--positive)}.pnl-negative{color:var(--negative)}@media(max-width:1024px){.trading-layout{grid-template-columns:1fr}}