/* Compact, consistent mobile trading surfaces. */
:root{--surface:#171917;--card:#202220;--line:#303530;--text:#f4f5f2;--dim:#929b92;--blue:#009e62}
body,.shell{background:#171917;color:var(--text)}
.top{height:58px;background:#171917;border-bottom:1px solid #292d29;padding:7px 14px}.logo{gap:7px}.mg-brand{display:none}.brand-long{font-size:19px;letter-spacing:-.9px}.brand-long b{color:#f3f5f1}.top .menu-trigger{font-size:21px!important;color:#a8b0a8}.top .pill{background:#202220;border-color:#383d38;border-radius:13px;min-width:98px;padding:5px 10px}.top .pill strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.top-deposit{border-radius:12px;min-height:38px;padding:8px 13px;background:#009d61}
.sec:not(#trade){padding:18px 15px 90px;max-width:760px}.sec:not(#trade) h1{font-size:22px!important;margin:0 0 16px!important}.sec:not(#trade) .panel{background:#202220;border:1px solid #323832;border-radius:15px;padding:16px;box-shadow:none}.sec:not(#trade) .panel+.panel{margin-top:12px}.sec:not(#trade) .item{border-color:#303630;padding:11px 0}.sec:not(#trade) .btn{border-radius:11px;min-height:40px}.sec:not(#trade) .field{background:#1b1e1b;border-color:#3b423c;min-height:42px;font-size:13px}.sec:not(#trade) .notice{background:#193b2b;border-color:#2c6547;color:#d2e6d8}
#trade{padding:0 10px 20px}.terminal-stack{gap:9px}.contract-tabs{margin:0 -10px;width:calc(100% + 20px);max-width:none;border-bottom:1px solid #2e342e}.contract-tabs button{min-height:43px;padding:0 13px;font-size:12px;font-weight:600}.contract-tabs button.on{background:transparent;border-bottom:2px solid #00a76a;color:#00b978}.chart-panel{border:1px solid #303630;background:#1e211e;border-radius:15px;padding:8px!important}.market-line{padding:2px 2px 6px}.market-line .field{width:min(68%,240px);min-height:37px;padding:7px 9px;background:#252925;font-size:12px}.quote-block .stamp{font-size:8px}.quote-block #quote{font-size:15px}.chart{height:clamp(230px,35vh,320px);background:#1b201c;border-radius:8px}.chart-footer{padding:4px 2px 0;min-height:21px}.chart-modes{gap:4px}.chart-modes .choice{background:transparent;border:0;color:#9ba69c;padding:1px 5px;min-height:20px;font-size:10px}.chart-modes .choice.on{background:#183d2b;color:#1bd485}.chart-meta{font-size:9px;max-width:none}.chart-meta #chartInfo{display:none}.digit-panel{background:#202220;border-radius:15px;padding:8px 6px!important}.digit-title{padding:0 7px 6px;font-size:11px}.digit-stat{gap:1px}.digit-stat>div{min-width:0}.digit-stat .number{width:28px;height:28px;font-size:13px}.digit-stat .pct{font-size:9px;margin-top:3px}.ticket-panel{background:#202220;border-radius:15px;padding:12px!important}.ticket-panel .row>b{font-size:13px}.ticket-panel .pill{font-size:9px;padding:4px 7px}.ticket-panel .ticket-row{margin-top:10px!important}.ticket-panel .ticket-value{font-size:16px;margin-top:2px}.ticket-panel .muted.tiny{font-size:10px;line-height:1.4;margin-top:8px!important}.ticket-panel .scroll-x{margin-top:8px}.trade-float{bottom:calc(60px + env(safe-area-inset-bottom));padding:6px 10px;gap:8px;border-color:#303630;background:#191c19}.trade-float button{min-height:50px;font-size:15px;border-radius:11px;font-weight:700;padding:7px}.trade-float button:first-child{background:#009e62}.trade-float button:last-child{background:#c43a3d}.nav{height:60px;background:#1b1e1b;border-color:#303630}.nav button{font-size:10px}.nav button span{font-size:18px}.nav button.on:after{width:4px;height:4px}.shell{padding-bottom:135px}.auth>.panel{border-radius:18px;background:#202220}
@media(min-width:800px){.terminal-stack{gap:14px}.chart{height:min(58vh,500px)}.trade-float{bottom:60px}.sec:not(#trade){padding-top:26px}}
@media(max-width:390px){.top{padding:6px 9px;gap:4px}.brand-long{font-size:15px}.top .pill{min-width:83px;padding:4px 6px}.top .pill strong{font-size:10px}.top-deposit{font-size:12px;padding:7px 9px}.contract-tabs button{padding:0 10px;font-size:11px}.digit-stat .number{width:25px;height:25px;font-size:12px}.digit-stat .pct{font-size:8px}}
.stake-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:10px}.stake-presets button{min-height:31px;background:#242824;border:1px solid #3a413b;border-radius:8px;color:#c6cec6;font:600 11px ui-monospace,SFMono-Regular,monospace}.stake-presets button.on{border-color:#00ac6a;background:#16412c;color:#d9f5e4}