html{scroll-behavior:smooth}body{-webkit-tap-highlight-color:transparent}button,input,select{touch-action:manipulation}.market-backdrop,.mobile-trade-button{display:none}
@media(max-width:820px){.nav-rail{height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));z-index:30;box-shadow:0 -10px 30px #05070c99}.nav-rail nav{flex:1}.rail-button{min-width:58px;width:auto;padding:4px 8px}.market-panel{bottom:0;width:min(86vw,340px);height:100dvh;z-index:40;transform:translateX(-105%);padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));box-shadow:16px 0 40px #0009}.market-backdrop{position:fixed;inset:0;border:0;background:#03060ab8;backdrop-filter:blur(2px);z-index:35}.market-backdrop.open{display:block}.workspace{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.topbar{height:62px;position:sticky;top:0;z-index:20;background:#0b0e14eb;backdrop-filter:blur(12px)}.account-select{display:flex}.instrument-bar{min-height:112px;position:relative}.quote-cluster{position:absolute;left:0;bottom:12px}.quote-cluster div:first-child{padding-left:0;border-left:0}.mobile-trade-button{display:block;border:0;background:var(--violet);color:white;border-radius:8px;padding:10px 12px;font-weight:700}.chart-toolbar{overflow:auto;gap:10px}.timeframes,.chart-tools{flex-shrink:0}.market-stats{overflow:auto;grid-template-columns:repeat(5,minmax(110px,1fr))}.order-ticket,.blotter-card{scroll-margin-top:70px}.order-ticket .field input,.order-ticket .field select,.input-affix{min-height:44px}.segmented button{min-height:40px}.trade-button{min-height:54px}.blotter-tabs{min-width:max-content}.blotter-tabs button{min-height:46px}.toast{left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));text-align:center}.market-collapsed{display:block}.market-collapsed .market-panel{padding:calc(18px + env(safe-area-inset-top)) 16px}.market-collapsed .workspace{display:block}}
@media(max-width:560px){.workspace{padding-left:8px;padding-right:8px}.wordmark span,.wordmark small{display:none}.account-select{padding:7px 8px}.account-select span{display:none}.account-select select{max-width:102px}.instrument-bar{min-height:108px}.quote-cluster{display:flex}.quote-cluster div:nth-child(n+3){display:none}.mobile-trade-button{font-size:11px}.chart-wrap{height:300px}.drawing-tools{display:none}.chart-toolbar{height:44px}.chart-toolbar button{padding:7px 6px}.market-stats{display:grid;grid-template-columns:repeat(5,104px);padding:9px}.market-stats div{display:grid!important;padding-left:9px}.two-fields{grid-template-columns:1fr}.trade-actions{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;background:var(--ivory);padding:8px 0 2px}.table-wrap{padding:4px 8px 10px;overflow:visible;min-height:110px}table{min-width:0;display:block}thead{display:none}tbody{display:grid;gap:8px}tr:not(.empty-row){display:grid;grid-template-columns:1fr 1fr;background:#151c28;border:1px solid var(--line);border-radius:9px;padding:10px}td{display:grid;gap:3px;padding:6px 7px;border:0;font-size:10px}td:before{color:var(--muted);font:8px var(--sans);text-transform:uppercase;letter-spacing:.05em}td:nth-child(1){grid-column:1/-1;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:2px}td:nth-child(2):before{content:'Contract'}td:nth-child(3):before{content:'Stake'}td:nth-child(4):before{content:'Entry'}td:nth-child(5):before{content:'Live price'}td:nth-child(6):before{content:'Payout'}td:nth-child(7):before{content:'Profit / loss'}td:nth-child(8):before{content:'Duration'}td:nth-child(9){grid-column:1/-1}td:nth-child(9) button{width:100%;min-height:38px}.empty-row{display:table-row}.empty-row td{display:table-cell;height:90px}.modal-card{border-radius:14px 14px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}dialog{margin:auto 0 0;width:100%;max-width:none}.modal-actions button{min-height:44px}}
@media(max-width:370px){.rail-button{min-width:52px;padding:3px}.rail-button small{font-size:8px}.mobile-trade-button{padding:9px 8px}.symbol-title h1{font-size:14px}.chart-wrap{height:270px}.quote-cluster strong{font-size:10px}}