:root{
  --bg:#07090c;
  --panel:#0b0e12;
  --panel-2:#0e1217;
  --panel-3:#11161c;
  --line:#20262e;
  --line-soft:#171c22;
  --text:#eef2f5;
  --muted:#909ca7;
  --muted-2:#bbc4cc;
  --green:#4ff58b;
  --green-deep:#15c965;
  --green-bg:rgba(49,226,116,.11);
  --red:#ff4e68;
  --red-deep:#ea2948;
  --red-bg:rgba(255,62,91,.11);
  --gold:#f6ca58;
  --blue:#6fa8ff;
  --mono:ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
  --sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}
body{overflow-x:hidden}
button,input{font:inherit}
button{color:inherit}
button:not(:disabled){cursor:pointer}
button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.hidden{display:none!important}
.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 52% 12%,rgba(60,255,138,.025),transparent 32%),var(--bg)}

.app-header{
  height:58px;flex:0 0 58px;display:flex;align-items:center;gap:32px;padding:0 18px;
  border-bottom:1px solid var(--line);background:#090c10;position:relative;z-index:5
}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-width:max-content}
.brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 0 18px rgba(79,245,139,.18)}
.brand div{display:flex;align-items:baseline;font-size:.82rem;letter-spacing:.06em}
.brand b{font-weight:900}.brand span{margin-left:4px;color:var(--green);font-weight:700}
.desk-nav{align-self:stretch;display:flex;align-items:stretch}
.desk-nav button{position:relative;padding:0 17px;border:0;background:transparent;color:var(--muted-2);font-size:.8rem;font-weight:700}
.desk-nav button:hover{color:var(--text)}
.desk-nav button.active{color:var(--text)}
.desk-nav button.active:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:var(--green)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.help-chip{display:none;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--muted-2);font-weight:900}
.sim-badge,.session-chip{height:30px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);padding:0 10px;color:var(--muted-2);font-size:.64rem;font-weight:800;letter-spacing:.08em}
.sim-badge i,.market-clock small i,.chart-status i,.connection i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.session-chip{color:var(--green);border-color:rgba(79,245,139,.22)}
.session-chip:disabled{cursor:default;opacity:.72}
.account-chip{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);transition:border-color .15s,background .15s,transform .15s}
.account-chip:hover{border-color:rgba(79,245,139,.42);background:var(--green-bg);transform:translateY(-1px)}
.account-chip>span:first-child{font-size:1rem;color:var(--green)}
.account-chip>span:last-child{display:flex;flex-direction:column;text-align:left;line-height:1.1}
.account-chip b{font-size:.69rem}.account-chip small{margin-top:3px;color:var(--green);font-family:var(--mono);font-size:.63rem}

.market-strip{
  min-height:74px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);
  background:#0b0e12;gap:clamp(18px,2.4vw,42px);overflow-x:auto;scrollbar-width:none
}
.market-strip::-webkit-scrollbar{display:none}
.pair-summary{display:flex;align-items:center;gap:10px;min-width:146px}
.coin-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#8c7cff,#30f0a3);color:#050609;font-weight:900}
.pair-summary div:last-child{display:flex;flex-direction:column}
.pair-summary strong{font-size:.94rem}.pair-summary span{margin-top:3px;color:var(--muted);font-size:.69rem}
.primary-quote{min-width:100px;display:flex;flex-direction:column}
.primary-quote strong{color:var(--green);font-family:var(--mono);font-size:1.22rem}.primary-quote span{margin-top:2px;color:var(--muted);font-size:.68rem}
.strip-stat{min-width:max-content;display:flex;flex-direction:column;gap:5px}
.strip-stat span,.market-clock>span{color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:.06em}
.strip-stat b{font-family:var(--mono);font-size:.78rem;font-weight:700}
.market-clock{margin-left:auto;min-width:100px;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 11px;padding-left:18px;border-left:1px solid var(--line)}
.market-clock>span{grid-column:1}.market-clock strong{grid-row:1/3;grid-column:2;font-family:var(--mono);font-size:1.35rem}
.market-clock small{display:flex;align-items:center;gap:5px;color:var(--muted-2);font-size:.64rem;font-weight:800;letter-spacing:.07em}

.terminal{
  flex:1;min-height:0;display:grid;
  grid-template-columns:minmax(480px,1fr) minmax(230px,285px) minmax(290px,350px);
  grid-template-rows:minmax(400px,calc(100vh - 358px)) 178px;
  border-bottom:1px solid var(--line)
}
.terminal-panel{min-width:0;min-height:0;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.chart-panel{grid-column:1;grid-row:1;display:flex;flex-direction:column}
.book-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column}
.trade-panel{grid-column:3;grid-row:1/3}
.account-panel{grid-column:1/3;grid-row:2}
.panel-head{height:40px;flex:0 0 40px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.panel-head button{align-self:stretch;border:0;background:transparent;color:var(--muted);font-size:.76rem;font-weight:700}
.panel-head button:hover{color:var(--text)}
.panel-head button.active{color:var(--text);box-shadow:inset 0 -2px var(--green)}
.chart-toolbar{justify-content:space-between;padding:0 10px 0 14px}
.pair-tools,.timeframe-tools{height:100%;display:flex;align-items:center;gap:5px}
.pair-tools strong{margin-right:8px;font-size:.8rem}
.pair-tools button{padding:0 8px}
.timeframe-tools .timeframe-chip{height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:4px;background:var(--green-bg);color:var(--green);font-family:var(--mono);font-size:.7rem;font-weight:800}
.timeframe-tools span{color:var(--muted);font-size:.65rem}
.timeframe-tools .chart-setting{align-self:auto;height:26px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:.68rem}
.timeframe-tools .chart-setting.active{border-color:rgba(79,245,139,.28);background:var(--green-bg);color:var(--green)}
.timeframe-tools .heat-chip{height:26px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(246,202,88,.22);border-radius:4px;background:rgba(246,202,88,.07);color:var(--gold);font-family:var(--mono);font-size:.62rem;font-weight:900;letter-spacing:.035em}
.timeframe-tools .heat-chip.hot{border-color:rgba(255,126,79,.30);background:rgba(255,126,79,.09);color:#ff9a69}
.timeframe-tools .heat-chip.extreme{border-color:rgba(255,78,104,.34);background:var(--red-bg);color:var(--red)}
.timeframe-tools .run-seed{margin-left:5px;padding-left:10px;border-left:1px solid var(--line);font-family:var(--mono);font-size:.62rem}
.ohlc-bar{height:28px;flex:0 0 28px;display:flex;align-items:center;gap:15px;padding:0 14px;color:var(--muted);font-family:var(--mono);font-size:.66rem}
.ohlc-bar b{color:var(--muted-2);font-weight:400}
.chart-stage{position:relative;flex:1;min-height:280px;overflow:hidden;background:linear-gradient(180deg,rgba(12,16,20,.6),rgba(8,11,14,.6))}
#chart{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:pan-y}
.watermark{position:absolute;z-index:0;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;align-items:baseline;opacity:.035;pointer-events:none;font-size:clamp(2.5rem,6vw,6rem);font-weight:900;letter-spacing:-.05em;white-space:nowrap}
.watermark span{margin-left:.14em;color:var(--green)}
.chart-status{position:absolute;z-index:2;left:14px;right:14px;bottom:9px;display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.64rem;font-weight:700;pointer-events:none}
.chart-status span:first-child{display:flex;align-items:center;gap:6px}
.event-ticker{height:39px;flex:0 0 39px;display:flex;align-items:center;gap:12px;padding:0 13px;border-top:1px solid var(--line);overflow:hidden}
.event-ticker .event-source{padding:4px 7px;border-radius:3px;background:var(--panel-3);color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.07em}
.event-ticker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}
.event-ticker .event-mood{margin-left:auto;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.07em}
.event-ticker.bull{background:linear-gradient(90deg,var(--green-bg),transparent 65%);border-top-color:rgba(79,245,139,.22)}
.event-ticker.bull .event-source,.event-ticker.bull .event-mood{color:var(--green)}
.event-ticker.bear{background:linear-gradient(90deg,var(--red-bg),transparent 65%);border-top-color:rgba(255,78,104,.22)}
.event-ticker.bear .event-source,.event-ticker.bear .event-mood{color:var(--red)}
.event-ticker.wild{background:linear-gradient(90deg,rgba(246,202,88,.1),transparent 65%)}
.event-ticker.wild .event-source,.event-ticker.wild .event-mood{color:var(--gold)}

.tab-head{padding:0 6px}.tab-head button{padding:0 9px}.tab-head .book-group{height:28px;margin-left:auto;margin-right:3px;padding:0 6px;border:1px solid transparent;border-radius:4px;color:var(--muted);font-family:var(--mono);font-size:.68rem}.tab-head .book-group:hover{border-color:var(--line);color:var(--text)}
.book-view{flex:1;display:flex;min-height:0;flex-direction:column;padding-bottom:5px}
.book-columns{height:29px;display:grid;grid-template-columns:1fr .85fr 1fr;align-items:center;padding:0 9px;color:var(--muted);font-size:.7rem}
.book-columns span:nth-child(n+2){text-align:right}
.book-side{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:0;overflow:hidden}
.book-side.bids{justify-content:flex-start}
.book-row{position:relative;min-height:22px;display:grid;grid-template-columns:1fr .85fr 1fr;align-items:center;padding:0 9px;font-family:var(--mono);font-size:.74rem;overflow:hidden;transition:background .12s}
.book-row:before{content:"";position:absolute;z-index:0;right:0;top:1px;bottom:1px;width:var(--depth);background:var(--depth-color)}
.book-row span{position:relative;z-index:1;text-align:right}.book-row span:first-child{text-align:left}
.book-row.ask span:first-child{color:var(--red)}.book-row.bid span:first-child{color:var(--green)}
.book-row:hover{background:#172029;box-shadow:inset 2px 0 var(--blue)}
.book-row:focus-visible{outline:1px solid var(--blue);outline-offset:-1px;background:#172029;box-shadow:inset 2px 0 var(--blue)}
.book-row.user-order{background:rgba(111,168,255,.09);box-shadow:inset 2px 0 var(--blue)}
.book-row .you-tag{margin-left:4px;padding:1px 3px;border-radius:2px;background:var(--blue);color:#06101b;font-family:var(--sans);font-size:.62rem;vertical-align:1px}
.book-mid{height:41px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:4px 9px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.book-mid strong{grid-row:1/3;color:var(--green);font-family:var(--mono);font-size:.92rem}
.book-mid span{font-family:var(--mono);font-size:.66rem}.book-mid small{color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.04em}
.tape-view{flex:1;min-height:0;overflow:hidden}
.market-tape{height:calc(100% - 27px);overflow:hidden}
.tape-row{height:23px;display:grid;grid-template-columns:1fr .85fr 1fr;align-items:center;padding:0 9px;font-family:var(--mono);font-size:.72rem}
.tape-row span:nth-child(n+2){text-align:right}.tape-row.buy span:first-child{color:var(--green)}.tape-row.sell span:first-child{color:var(--red)}
.tape-row span:last-child{color:var(--muted)}
.tape-row.user-trade{background:rgba(111,168,255,.09);box-shadow:inset 2px 0 var(--blue)}
.tape-row .you-tag{margin-left:4px;padding:1px 3px;border-radius:2px;background:var(--blue);color:#06101b;font-family:var(--sans);font-size:.58rem;vertical-align:1px}
.tape-empty{display:grid;height:100%;place-items:center;color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.06em}

.trade-panel{display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#33404c transparent;background:#0d1116}
.trade-panel>*{flex-shrink:0}
.trade-type-tabs{padding:0 7px;overflow-x:auto;scrollbar-width:none}.trade-type-tabs::-webkit-scrollbar{display:none}.trade-type-tabs button{padding:0 8px;white-space:nowrap}.trade-type-tabs>span{margin-left:auto;padding:0 4px;color:var(--muted);font-size:.7rem;white-space:nowrap}
.buy-sell-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:48px;margin:12px 14px 0;padding:4px;border-radius:7px;background:#080b0e;border:1px solid var(--line)}
.buy-sell-tabs button{border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:800}
.buy-sell-tabs #buyTab.active,.buy-sell-tabs #coverTab.active{background:var(--green-bg);color:var(--green)}
.buy-sell-tabs #sellTab.active,.buy-sell-tabs #shortTab.active{background:var(--red-bg);color:var(--red)}
.position-control{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:10px 14px 0;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#090d11}
.position-control>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}
.position-control span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em}
.position-control b,.position-side{width:max-content;padding:3px 6px;border-radius:3px;background:#192129;color:var(--muted-2);font-size:.7rem;font-weight:900;letter-spacing:.05em}
.position-control b.long,.position-side.long{background:var(--green-bg);color:var(--green)}
.position-control b.short,.position-side.short{background:var(--red-bg);color:var(--red)}
.position-control small{grid-column:1/3;overflow:hidden;color:var(--muted);font-family:var(--mono);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.close-position,.close-position-row{height:30px;flex:0 0 auto;padding:0 9px;border:1px solid rgba(246,202,88,.35);border-radius:4px;background:rgba(246,202,88,.08);color:var(--gold);font-size:.62rem;font-weight:900;white-space:nowrap}
.close-position:hover,.close-position-row:hover{background:rgba(246,202,88,.15);border-color:var(--gold)}
.exit-presets{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:6px;margin:7px 14px 10px;padding:7px;border:1px solid var(--line);border-radius:6px;background:#090d11}
.exit-presets>span{padding:0 4px;color:var(--muted);font-size:.6rem;font-weight:900;letter-spacing:.07em}
.exit-presets button{min-height:30px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:var(--panel-3);color:var(--muted-2);font-size:.59rem;font-weight:900}
.exit-presets button:first-of-type:hover{border-color:rgba(79,245,139,.4);color:var(--green)}
.exit-presets button:last-child:hover{border-color:rgba(255,78,104,.4);color:var(--red)}
.balance-line{display:flex;justify-content:space-between;padding:12px 15px 10px;color:var(--muted);font-size:.74rem}.balance-line b{color:var(--text);font-family:var(--mono);font-size:.8rem}
.ticket-fields{padding:0 14px}
.field{display:block;margin-bottom:11px}
.field>.field-label{display:block;margin:0 0 6px;color:var(--muted);font-size:.72rem;font-weight:700}
.field>.field-input{height:45px;display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:#080b0e;transition:border-color .15s}
.field>.field-input:focus-within{border-color:#46525d}
.field input{width:100%;min-width:0;height:100%;padding:0 12px;border:0;background:transparent;color:var(--text);font-family:var(--mono);font-size:1rem}
.field input::placeholder{color:#46505a}
.field input:focus{outline:0}
.field b{padding:0 11px;color:var(--muted-2);font-size:.68rem}
.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:1px 0 13px}
.quick-amounts button{height:33px;border:1px solid var(--line);border-radius:4px;background:var(--panel-3);color:var(--muted-2);font-family:var(--mono);font-size:.7rem}
.quick-amounts button:hover{border-color:#3c4853;color:var(--text)}
.quick-amounts button.active{border-color:rgba(79,245,139,.45);background:var(--green-bg);color:var(--green)}
.order-summary{margin:0 14px;padding:10px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.order-summary div{display:flex;justify-content:space-between;padding:4px 0;font-size:.72rem}
.order-summary span{color:var(--muted)}.order-summary b{font-family:var(--mono);font-weight:500}
.order-error{min-height:24px;margin:7px 14px 0;color:var(--red);font-size:.7rem;line-height:1.35}
.place-order{height:45px;min-height:45px;flex:0 0 45px;margin:0 14px;border:0;border-radius:6px;font-size:.78rem;font-weight:900;letter-spacing:.03em}
.place-order:disabled{background:#1b2229;color:#5c6771}
.place-order.buy-order:not(:disabled){background:linear-gradient(180deg,#59f995,#2ed978);color:#031008;box-shadow:0 9px 24px rgba(32,224,112,.13)}
.place-order.sell-order:not(:disabled){background:linear-gradient(180deg,#ff6077,#ed3856);color:#170307;box-shadow:0 9px 24px rgba(255,56,86,.12)}
.ticket-note{min-height:24px;margin:9px 15px 10px;color:var(--muted);font-size:.7rem;line-height:1.45}
.ticket-note.quote-loaded{color:var(--blue)}
.execution-panel{margin:0 14px 11px;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:#090d11}
.execution-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0;color:var(--muted);font-size:.7rem}
.execution-panel>div b{color:var(--text);font-family:var(--mono);font-size:.7rem;font-weight:500;text-align:right}
.execution-panel .execution-head{margin-bottom:5px;padding-bottom:8px;border-bottom:1px solid var(--line-soft);font-size:.64rem;font-weight:800;letter-spacing:.06em}
.execution-panel .execution-head b{padding:3px 6px;border-radius:3px;background:#192129;color:var(--muted-2);font-family:var(--sans);font-size:.64rem;font-weight:900}
.execution-panel .execution-head b.ready{background:var(--green-bg);color:var(--green)}
.execution-panel .execution-head b.resting{background:rgba(111,168,255,.12);color:var(--blue)}
.mini-wallet{margin-top:auto;border-top:1px solid var(--line);padding:10px 14px 12px;background:#0a0e12}
.mini-wallet div{display:flex;justify-content:space-between;padding:4px 0;font-size:.67rem}.mini-wallet span{color:var(--muted)}.mini-wallet b{font-family:var(--mono);font-size:.71rem;font-weight:500}

.account-panel{display:flex;min-height:178px;flex-direction:column;background:#0a0d11}
.account-summary{height:61px;display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(4,1fr);border-bottom:1px solid var(--line)}
.account-summary>div{display:flex;flex-direction:column;justify-content:center;padding:0 16px;border-right:1px solid var(--line-soft)}
.account-summary span{color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:.05em}.account-summary b{margin-top:5px;font-family:var(--mono);font-size:.76rem}
.equity-block{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto 1fr!important}
.equity-block span{grid-column:1/3}.equity-block strong{align-self:end;font-family:var(--mono);font-size:1.05rem}.equity-block b{align-self:end;color:var(--green);font-size:.66rem}
.account-tabs{height:35px;display:flex;border-bottom:1px solid var(--line);padding-left:6px}
.account-tabs button{position:relative;height:100%;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700}
.account-tabs button.active{color:var(--text)}.account-tabs button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--green)}
.account-tabs button span{margin-left:3px;padding:1px 4px;border-radius:8px;background:#242c34;font-size:.64rem}
.account-table-wrap{flex:1;min-height:0;overflow:auto}
table{width:100%;border-collapse:collapse}
th{height:28px;padding:0 12px;text-align:left;color:var(--muted);font-size:.66rem;font-weight:600;white-space:nowrap}
td{height:32px;padding:0 12px;border-top:1px solid var(--line-soft);font-family:var(--mono);font-size:.71rem;white-space:nowrap}
td.buy{color:var(--green)}td.sell{color:var(--red)}
.no-exit-orders{color:var(--red);font-family:var(--sans);font-size:.62rem;font-weight:900;letter-spacing:.04em}
.empty-row{text-align:center;color:var(--muted);font-family:var(--sans)}
.cancel-order{height:25px;padding:0 9px;border:1px solid var(--line);border-radius:3px;background:var(--panel-3);color:var(--muted-2);font-size:.64rem}
.news-log{flex:1;min-height:0;padding:7px 13px;overflow:auto}
.news-log p{margin:0;padding:5px 0;border-bottom:1px solid var(--line-soft);color:var(--muted-2);font-family:var(--mono);font-size:.65rem}
.news-log .bull{color:var(--green)}.news-log .bear{color:var(--red)}.news-log .trade-buy{color:var(--green)}.news-log .trade-sell{color:var(--red)}

.terminal-footer{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#090c10;border-bottom:1px solid var(--line)}
.commentator{min-width:0;display:flex;align-items:center;gap:8px}
.commentator img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(79,245,139,.25)}
.commentator>span{color:var(--green);font-size:.62rem;font-weight:900;letter-spacing:.07em}
.commentator p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-2);font-size:.68rem}
.commentator.paradox img{border-color:rgba(176,106,255,.4)}.commentator.paradox>span{color:#c08cff}
.connection{display:flex;align-items:center;gap:6px;color:var(--muted);font-family:var(--mono);font-size:.64rem}
.connection span{color:#3d4650}
.mobile-nav{display:none}

.modal-layer{
  position:fixed;z-index:50;inset:0;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(3,5,7,.78);backdrop-filter:blur(10px)
}
.modal-layer.active{display:flex;animation:modalIn .2s ease both}
@keyframes modalIn{from{opacity:0}to{opacity:1}}
.start-modal,.results-modal,.leaderboard-modal,.how-to-modal{
  position:relative;width:min(100%,1060px);max-height:calc(100vh - 44px);overflow:auto;border:1px solid #2c343e;border-radius:15px;
  background:linear-gradient(145deg,#10151b,#080b0f 72%);box-shadow:0 30px 100px rgba(0,0,0,.65)
}
.start-modal{display:grid;grid-template-columns:1.22fr .78fr;overflow:hidden}
.close-intro,.modal-close{position:absolute;z-index:2;right:13px;top:11px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#11161c;color:var(--muted);font-size:1.25rem}
.modal-copy{padding:clamp(32px,5vw,64px)}
.eyebrow{margin:0 0 13px;color:var(--green);font-size:.64rem;font-weight:900;letter-spacing:.15em}
.modal-copy h1{margin:0;font-size:clamp(2.7rem,6vw,5.35rem);line-height:.87;letter-spacing:-.07em;font-weight:900}
.modal-copy h1 em{color:var(--green);font-style:normal}
.modal-copy>p:not(.eyebrow):not(.fine-print){max-width:650px;margin:22px 0 20px;color:var(--muted-2);font-size:1rem;line-height:1.55}
.modal-copy .game-pitch{font-weight:700}
.feature-pills{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 22px}
.feature-pills span{padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.02);color:var(--muted-2);font-size:.64rem;font-weight:700}
.duration-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.duration-picker button{display:flex;min-height:96px;flex-direction:column;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:8px;background:#0a0e12;text-align:left}
.duration-picker button:hover{border-color:#3b4651}.duration-picker button.active{border-color:rgba(79,245,139,.6);background:var(--green-bg);box-shadow:inset 0 0 0 1px rgba(79,245,139,.08)}
.duration-picker span{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.09em}.duration-picker strong{margin:5px 0 3px;font-family:var(--mono);font-size:1.45rem}.duration-picker button.active strong{color:var(--green)}
.duration-picker small{color:var(--muted);font-size:.63rem}
.spot-row{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:#080b0e}
.spot-row div{display:flex;flex-direction:column}.spot-row span{color:var(--muted);font-size:.64rem}.spot-row strong{margin-top:3px;font-family:var(--mono);font-size:.78rem}.spot-row small{color:var(--muted);font-size:.64rem}
.launch-button{width:100%;height:52px;margin-top:9px;border:0;border-radius:7px;background:linear-gradient(180deg,#5bfc98,#25d76d);color:#031108;font-size:.72rem;font-weight:900;letter-spacing:.06em;box-shadow:0 14px 30px rgba(34,223,111,.15)}
.launch-button:disabled{background:#1b2229;color:#606b75;box-shadow:none}
.how-to-inline{width:100%;height:38px;margin-top:7px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted-2);font-size:.7rem;font-weight:800;letter-spacing:.05em}
.how-to-inline:hover{border-color:#3d4853;color:var(--text)}
.fine-print{margin:9px 0 0!important;color:var(--muted)!important;font-size:.64rem!important;line-height:1.5!important}
.modal-art{position:relative;min-height:580px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(79,245,139,.21),transparent 34%),linear-gradient(180deg,#10171b,#080b0e)}
.modal-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,14,.45),transparent 25%),linear-gradient(0deg,#080b0e 2%,transparent 30%)}
.modal-art img{position:relative;z-index:1;width:110%;max-width:560px;max-height:570px;object-fit:contain;object-position:bottom center;mix-blend-mode:screen;opacity:.94;filter:drop-shadow(0 20px 35px rgba(0,0,0,.55))}
.character-ring{position:absolute;width:330px;height:330px;border:1px solid rgba(79,245,139,.17);border-radius:50%;top:80px;box-shadow:0 0 0 48px rgba(79,245,139,.02),0 0 0 94px rgba(79,245,139,.015)}
.modal-art blockquote{position:absolute;z-index:3;left:22px;right:22px;bottom:18px;margin:0;padding:12px;border:1px solid rgba(79,245,139,.22);border-radius:7px;background:rgba(6,10,8,.82);color:#d9e8de;font-size:.68rem;line-height:1.5}

.results-modal,.leaderboard-modal{width:min(100%,830px);padding:28px}
.how-to-modal{width:min(100%,850px);padding:28px}
.how-to-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin:18px 0;padding:16px;border:1px solid rgba(79,245,139,.3);border-radius:8px;background:var(--green-bg)}
.how-to-hero strong{color:var(--green);font-family:var(--mono);font-size:1.55rem}.how-to-hero span{color:var(--muted-2);font-size:.85rem;font-weight:700}
.how-to-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.how-to-steps article{display:flex;gap:11px;min-height:86px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#0a0e12}
.how-to-steps article:last-child{grid-column:1/3}
.how-to-steps article>b{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:var(--green);color:#041108;font-family:var(--mono);font-size:.78rem}
.how-to-steps strong{font-size:.75rem;letter-spacing:.04em}.how-to-steps p{margin:6px 0 0;color:var(--muted-2);font-size:.72rem;line-height:1.45}
.how-to-steps em{color:var(--green);font-style:normal;font-weight:800}.how-to-steps i{color:var(--red);font-style:normal;font-weight:800}
.order-guide{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--line)}
.order-guide>div{display:flex;flex-direction:column;gap:4px;padding:11px;background:#0a0e12}.order-guide strong{font-size:.7rem}.order-guide span{color:var(--muted);font-size:.68rem;line-height:1.4}
.how-to-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.how-to-footer span{color:var(--muted);font-family:var(--mono);font-size:.66rem}.how-to-footer button{height:42px;padding:0 26px;border:0;border-radius:6px;background:var(--green);color:#041108;font-size:.72rem;font-weight:900}
.results-head,.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}
.results-head h2,.modal-title-row h2{margin:0;font-size:clamp(1.55rem,4vw,2.45rem);letter-spacing:-.04em}.results-head>span{color:var(--muted);font-family:var(--mono);font-size:.66rem}
.result-score-submit{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(330px,1.18fr);gap:8px 14px;margin:16px 0 10px;padding:15px;border-color:rgba(79,245,139,.45);background:linear-gradient(120deg,rgba(49,226,116,.14),rgba(10,14,18,.96) 62%);box-shadow:inset 3px 0 var(--green),0 12px 28px rgba(0,0,0,.22)}
.result-score-submit .claim-copy{grid-row:1/3;display:flex;flex-direction:column;justify-content:center}
.result-score-submit .claim-copy span{color:var(--green);font-size:.64rem;font-weight:900;letter-spacing:.12em}
.result-score-submit .claim-copy strong{margin-top:5px;font-size:.79rem;line-height:1.35}
.result-score-submit .claim-copy p{margin:5px 0 0;color:var(--muted-2);font-size:.66rem;line-height:1.4}
.result-score-submit .claim-form{display:flex;align-self:end}
.result-score-submit .claim-form input{height:46px;font-size:.78rem}
.result-score-submit .claim-form button{height:46px;min-width:190px;font-size:.69rem}
.result-score-submit>p{grid-column:2;margin:0}
.result-metrics{display:grid;grid-template-columns:1.3fr repeat(2,1fr);gap:7px;margin:16px 0}
.result-metrics>div{min-height:76px;display:flex;flex-direction:column;justify-content:center;padding:13px;border:1px solid var(--line);border-radius:7px;background:#0a0e12}
.result-metrics span{color:var(--muted);font-size:.64rem;font-weight:700}.result-metrics strong{margin-top:7px;font-family:var(--mono);font-size:.9rem}.hero-result{grid-row:span 2}.hero-result strong{font-size:clamp(1.6rem,4vw,2.6rem)}.hero-result b{margin-top:7px;color:var(--green);font-family:var(--mono);font-size:.72rem}.regret-result strong{color:var(--gold)}
.verdict{display:flex;align-items:center;gap:13px;margin:16px 0;padding:13px;border:1px solid rgba(79,245,139,.16);border-radius:8px;background:var(--green-bg)}
.verdict img{width:54px;height:54px;border-radius:50%;object-fit:cover}.verdict span{color:var(--green);font-size:.64rem;font-weight:900;letter-spacing:.08em}.verdict blockquote{margin:5px 0 0;font-size:.76rem;font-weight:700}.verdict p{margin:5px 0 0;color:var(--muted-2);font-size:.66rem}
.result-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:7px}
.result-actions button{height:43px;border:1px solid var(--line);border-radius:6px;background:var(--panel-3);font-size:.67rem;font-weight:800}.result-actions .primary-action{border-color:transparent;background:var(--green);color:#041108}

.modal-title-row{position:relative;padding-right:45px}.modal-title-row .modal-close{right:0;top:-4px}
.leaderboard-tabs{display:flex;gap:6px;margin:16px 0}
.leaderboard-tabs button{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:#0b0f13;color:var(--muted);font-size:.67rem;font-weight:800}.leaderboard-tabs button.active{border-color:rgba(79,245,139,.45);background:var(--green-bg);color:var(--green)}
.score-submit{padding:13px;border:1px solid var(--line);border-radius:7px;background:#0a0e12}.score-submit label{display:block;margin-bottom:7px;color:var(--muted);font-size:.64rem;font-weight:700}.score-submit>div{display:flex}.score-submit input{height:40px;flex:1;min-width:0;padding:0 11px;border:1px solid var(--line);border-radius:5px 0 0 5px;background:#06090c;color:var(--text);font-family:var(--mono)}.score-submit button{height:40px;padding:0 16px;border:0;border-radius:0 5px 5px 0;background:var(--green);color:#041108;font-size:.68rem;font-weight:900}.score-submit p{min-height:12px;margin:7px 0 0;color:var(--muted);font-size:.63rem}.score-submit p.score-error{color:var(--red)}.score-submit p.score-success{color:var(--green)}
.board-table-wrap{max-height:300px;margin-top:12px;overflow:auto;border:1px solid var(--line);border-radius:7px}.board-table-wrap tr.you{background:var(--green-bg)}.board-table-wrap tr.you td{color:var(--green)}
.board-banter{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.board-banter>div{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#0a0e12}.board-banter img{width:31px;height:31px;border-radius:50%;object-fit:cover}.board-banter p{margin:0;color:var(--muted-2);font-size:.64rem;line-height:1.4}
.board-note{margin:9px 0 0;color:var(--muted);font-size:.64rem}

@media (max-width:1100px){
  .terminal{grid-template-columns:minmax(430px,1fr) 225px 300px}
  .desk-nav{display:none}
  .strip-stat:nth-of-type(4){display:none}
  .modal-art{min-height:540px}
}

@media (max-width:860px){
  body{padding-bottom:calc(59px + env(safe-area-inset-bottom))}
  .app-header{height:54px;flex-basis:54px;padding:0 11px}.brand div{font-size:.72rem}.brand img{width:28px;height:28px}
  .sim-badge,.account-chip{display:none}.header-actions{gap:6px}
  .help-chip{display:block;width:40px;height:40px}
  .market-strip{min-height:67px;padding:0 10px;gap:14px}.pair-summary{min-width:116px}.primary-quote{min-width:84px}.strip-stat{display:none}.market-clock{position:sticky;right:0;min-width:88px;margin-left:auto;padding:0 0 0 8px;background:#0b0e12}.market-clock strong{font-size:1.18rem}
  .terminal{display:block;min-height:calc(100vh - 180px);min-height:calc(100dvh - 180px - env(safe-area-inset-bottom))}
  .terminal-panel{display:none!important;border-right:0}
  .terminal-panel.mobile-view.active{display:flex!important;min-height:calc(100vh - 180px);min-height:calc(100dvh - 180px - env(safe-area-inset-bottom))}
  .chart-panel,.book-panel,.trade-panel,.account-panel{height:calc(100vh - 180px);height:calc(100dvh - 180px - env(safe-area-inset-bottom))}
  .book-columns{font-size:.7rem}.book-row{min-height:26px;font-size:.75rem}.tape-row{height:26px;font-size:.74rem}
  .trade-panel{padding-bottom:10px;overflow:auto}.trade-panel .mini-wallet{margin-top:15px}
  .trade-type-tabs button{min-width:max-content;font-size:.75rem}.trade-type-tabs>span{font-size:.7rem}
  .buy-sell-tabs{height:52px}.buy-sell-tabs button{font-size:.8rem}.field>.field-input{height:48px}.quick-amounts button{height:44px;font-size:.75rem}
  .position-control span,.position-control b{font-size:.72rem}.position-control small{font-size:.72rem}.close-position{height:44px;font-size:.72rem}
  .balance-line{font-size:.78rem}.balance-line b{font-size:.82rem}.field>.field-label{font-size:.74rem}
  .exit-presets{grid-template-columns:1fr 1fr;padding:8px}.exit-presets>span{grid-column:1/3;font-size:.68rem}.exit-presets button{min-height:42px;font-size:.68rem}
  .order-summary div,.order-error{font-size:.74rem}.ticket-note{font-size:.75rem}.execution-panel>div{font-size:.74rem}.execution-panel>div b{font-size:.76rem}.mini-wallet div{font-size:.74rem}.mini-wallet b{font-size:.76rem}
  .place-order{position:sticky;z-index:6;bottom:10px;height:48px;min-height:48px;flex-basis:48px;box-shadow:0 10px 28px rgba(0,0,0,.42)}
  .account-panel{overflow:auto}.account-summary{height:auto;grid-template-columns:1fr 1fr}.account-summary>div{min-height:60px}.account-summary span{font-size:.7rem}.account-summary b{font-size:.8rem}.equity-block{grid-column:1/3}
  .account-table-wrap{min-height:280px}
  .terminal-footer{display:none}
  .score-submit input,.result-score-submit .claim-form input{font-size:16px}.score-submit button{font-size:.72rem}
  .mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(59px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#090d11}
  .mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700}.mobile-nav button span{font-size:1rem}.mobile-nav button.active{color:var(--green)}.mobile-nav button.active:before{content:"";position:absolute;left:24%;right:24%;top:0;height:2px;background:var(--green)}
  .start-modal{grid-template-columns:1fr;max-width:620px;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-art{display:none}.modal-copy{padding:36px 25px calc(28px + env(safe-area-inset-bottom))}
  .close-intro{display:block}
}

@media (max-width:700px){
  .result-score-submit{grid-template-columns:1fr;padding:13px}
  .result-score-submit .claim-copy{grid-row:auto}
  .result-score-submit .claim-copy strong{font-size:.78rem}
  .result-score-submit .claim-copy p{font-size:.68rem}
  .result-score-submit .claim-form{display:grid;grid-template-columns:1fr}
  .result-score-submit .claim-form input,.result-score-submit .claim-form button{height:48px;border-radius:5px}
  .result-score-submit .claim-form button{margin-top:6px;min-width:0;font-size:.72rem}
  .result-score-submit>p{grid-column:1}
}

@media (max-width:560px){
  .modal-layer{height:100vh;height:100dvh;padding:0;align-items:stretch;overflow:hidden}
  .start-modal,.results-modal,.leaderboard-modal,.how-to-modal{width:100%;height:100vh;height:100dvh;min-height:0;max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:0}
  .modal-copy{min-height:max-content;padding:48px 17px calc(20px + env(safe-area-inset-bottom))}.modal-copy h1{font-size:clamp(2.5rem,13vw,4.1rem)}
  .modal-copy>p:not(.eyebrow):not(.fine-print){font-size:.78rem;line-height:1.55}
  .duration-picker{grid-template-columns:1fr 1fr}.duration-picker button{min-height:82px;padding:11px}.duration-picker strong{font-size:1.18rem}.duration-picker small{line-height:1.35}
  .results-modal,.leaderboard-modal,.how-to-modal{padding:55px 14px 24px}
  .how-to-hero{grid-template-columns:1fr;gap:5px}.how-to-steps{grid-template-columns:1fr}.how-to-steps article:last-child{grid-column:auto}.order-guide{grid-template-columns:1fr}.how-to-footer{align-items:stretch;flex-direction:column}.how-to-footer button{width:100%;min-height:48px}
  .result-metrics{grid-template-columns:1fr 1fr}.hero-result{grid-column:1/3;grid-row:auto}
  .result-actions{grid-template-columns:1fr 1fr}.result-actions .primary-action{grid-column:1/3}
  .board-banter{grid-template-columns:1fr}
  .ohlc-bar{gap:9px;padding:0 9px;font-size:.68rem}.ohlc-bar span:last-child{display:none}
  .chart-toolbar{padding-left:9px}.timeframe-tools>span:not(.run-seed):not(.heat-chip){display:none}.run-seed{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .chart-stage{min-height:350px}
  .account-summary>div{padding:0 10px}.account-tabs{overflow-x:auto}.account-tabs button{min-width:max-content}
  th{padding:0 9px;font-size:.7rem}td{padding:0 9px;font-size:.75rem}
  .score-submit>div{display:grid;grid-template-columns:1fr}.score-submit input{border-radius:5px}.score-submit button{margin-top:6px;border-radius:5px}
  .trade-type-tabs{overflow-x:auto;scrollbar-width:none}.trade-type-tabs::-webkit-scrollbar{display:none}.trade-type-tabs>span{padding-right:4px}
  .close-intro,.modal-close{width:44px;height:44px;right:8px;top:7px}
}

@media (max-width:860px) and (max-height:700px){
  .modal-copy{padding-top:42px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .modal-copy h1{font-size:clamp(2.15rem,10vw,3.25rem)}
  .modal-copy>p:not(.eyebrow):not(.fine-print){margin-top:13px;line-height:1.45}
  .feature-pills{margin:11px 0 12px}
  .duration-picker button{min-height:70px;padding:9px 10px}
  .duration-picker strong{margin-top:3px;font-size:1.08rem}
  .spot-row{padding:8px 10px}
  .launch-button{height:50px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}