/* CIX terminal, 25 September 2026. Match information density to the task. */
:root{--panel:#101a29;--edge:#27384b;--muted:#a0b2c9}
main{max-width:1680px;padding:24px 28px 0}.arena-head{margin-bottom:20px}.panel{background:#0e1826;border-radius:12px}.small{font-size:12px}.micro{font-size:11px}button{min-height:38px}input,select,textarea{min-height:44px}.eyebrow{font-size:10px}
.welcome{padding:38px 28px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.85fr);gap:7%}.entry{max-width:500px;padding:28px}.intro h2{font-size:clamp(34px,4.5vw,64px)}.intro-facts{gap:30px}.intro-facts span{font-size:12px}.arena-steps{list-style:none;counter-reset:step;padding:0;margin:30px 0;color:#a3b8d1;font-size:13px;display:grid;gap:12px}.arena-steps li{counter-increment:step;display:flex;align-items:center;gap:12px}.arena-steps li:before{content:'0'counter(step);color:#93c7ff;font-size:11px;border:1px solid #29435e;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none}.arena-steps b{color:#f0f6ff}.signal-art{display:none}.solo-start{margin-top:20px;min-height:52px!important}#group-options{margin-top:24px;padding-top:18px;border-top:1px solid var(--edge)}#group-options>summary{cursor:pointer;font-size:14px;color:#dceaff;list-style:none;display:flex;justify-content:space-between;gap:14px;min-height:44px;align-items:center}#group-options>summary:after{content:'+';font-size:20px}#group-options[open]>summary:after{content:'−'}#group-options>summary span{font-size:10px;color:var(--muted);margin-left:auto}.entry-note{font-size:12px}.entry .quick-match{min-height:46px}
.in-arena #cix-home-fluid,.in-arena #cix-home-fluid-toggle{display:none!important}.in-arena .arena-head h1{font-size:24px}.in-arena .arena-head .eyebrow{font-size:9px}.in-arena .arena-head{margin-bottom:14px}
.room-bar{margin:0 0 10px;padding:12px 0}.timer-label{font-size:9px;color:var(--muted);letter-spacing:1px;display:flex;align-items:center;gap:10px}.room-bar #timer{font-size:25px;letter-spacing:0}.room-bar .pill{font-size:10px}.round-message{font-size:12px;margin-bottom:12px;padding:10px 14px}.metrics{margin-bottom:14px}.metrics>div{padding:14px 18px}.metrics strong{font-size:24px;margin:3px 0}.metrics span,.metrics small{font-size:11px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 210px 310px;gap:12px;align-items:start}.market-column,.trade-column,.market-board{display:contents}.chart-panel{grid-column:1;grid-row:1;min-width:0}.book-panel{grid-column:2;grid-row:1;min-width:0;align-self:stretch}.order-panel{grid-column:3;grid-row:1/3;min-width:0;padding:18px}.position-panel{grid-column:1/3;grid-row:2;min-width:0}.leaderboard-panel{grid-column:1/3;grid-row:3;min-width:0}.trollbox{grid-column:3;grid-row:3;min-width:0}.market-picker{padding:12px 16px!important}.market-picker .small{display:none}.market-head{padding:15px 16px;gap:9px;flex-wrap:wrap}.market-head .small{font-size:10px}.market-head h2{font-size:20px}.live-price strong{font-size:23px}.live-price .small{font-size:10px}.chart-wrap{height:350px}.chart-toolbar{padding:8px 12px}.timeframes{gap:0}.timeframes button{font-size:11px;padding:6px 8px;min-height:32px}.chart-tools{gap:7px;flex-wrap:wrap;justify-content:flex-start}.chart-tools button,.chart-tools select,.chart-tools a{font-size:10px;min-height:30px}.chart-legend{font-size:10px;padding:8px 15px;min-height:35px}.chart-bottom{font-size:10px;padding:10px 15px}.book-panel{padding:16px 12px}.book-labels{font-size:9px}.book-row{min-height:20px;font-size:10px;padding:3px 0}.book-panel .micro{font-size:10px}.book-panel .small{font-size:10px}#book-toggle{display:none}
.order-panel h3{font-size:16px}.order-panel label{font-size:12px;margin:14px 0 7px}.order-panel>p.small{font-size:11px}.presets button{font-size:11px;min-height:34px}.costs{padding:10px 0}.costs div{font-size:11px}.order-kind button{font-size:12px}.risk-note{font-size:11px;line-height:1.55;margin:12px 0}.trade-buttons button{min-height:48px;font-size:13px}.advanced-leverage{margin:10px 0;color:var(--muted);font-size:11px}.advanced-leverage summary{cursor:pointer;min-height:30px;display:flex;align-items:center}.optional-protection{font-size:12px}.order-panel>.micro:last-child{font-size:10px;color:#849ab3}.leverage-wrap input[type=range]{min-height:34px}.leverage-wrap input[type=number]{min-height:38px}.position-stats span{font-size:11px}.position-stats b{font-size:13px}.protection label{font-size:11px}.protection button{font-size:11px;min-height:40px}.tabs button{font-size:13px}.empty{padding:25px 18px}.empty b{font-size:14px}.empty p{font-size:12px}.leaderboard-panel{padding:20px}.leaderboard-panel h3{font-size:18px}table{font-size:12px}th{font-size:10px}td{padding:12px 10px}.row-button{font-size:13px;min-height:36px;white-space:normal}.my-row{background:#8dc8ff0b}.my-row td:first-child{border-left:2px solid #9ed1ff;padding-left:9px}.bot-style{display:block;font-size:10px;font-weight:400;color:#91a6bf;margin-left:28px}.message b{font-size:12px}.message p{font-size:12px}.message time{font-size:10px}.messages{height:260px}.chat-note{font-size:11px}#chat-input{font-size:13px}.chat-foot{font-size:10px}.trollbox h3{font-size:18px}
.round-review{padding:22px;margin:14px 0;border-color:#699dcb;background:linear-gradient(120deg,#193047,#0e1826);display:flex;align-items:center;flex-wrap:wrap;gap:20px}.round-review h2{font-size:26px;margin:0 0 7px}.round-review p{font-size:13px;margin:0}.round-review>.micro{flex-basis:100%;font-size:11px}#review-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-left:auto}#review-stats span{display:block;font-size:10px;color:var(--muted)}#review-stats b{font-size:17px}.arena-mobile-nav{display:none}
@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 230px 330px}.chart-wrap{height:400px}}
@media(max-width:1200px) and (min-width:781px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.chart-panel{grid-column:1;grid-row:1}.order-panel{grid-column:2;grid-row:1/4}.position-panel{grid-column:1;grid-row:3}.leaderboard-panel{grid-column:1;grid-row:4}.trollbox{grid-column:2;grid-row:4}.book-panel{display:none;grid-column:1;grid-row:2}.show-order-book .book-panel{display:block}#book-toggle{display:inline-block}.head-actions{flex-wrap:wrap;justify-content:flex-end}.room-bar{flex-wrap:wrap}.welcome{padding:24px 0;gap:25px;grid-template-columns:1fr 1fr}.intro h2{font-size:43px}.intro-facts{gap:20px}.intro-facts b{font-size:21px}.chart-wrap{height:380px}}
@media(max-width:780px){main{padding:18px 12px 0}.welcome{grid-template-columns:1fr;padding:16px 0;gap:22px}.intro h2{font-size:39px;margin:12px 0 16px}.intro>p:not(.eyebrow){font-size:14px}.intro-facts{gap:25px;margin-top:20px}.intro-facts b{font-size:23px}.intro-facts span{font-size:11px}.arena-steps{display:none}.entry{max-width:none;padding:20px}.arena-head{align-items:flex-start;gap:10px}.head-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.head-actions button{min-height:36px;font-size:10px;padding:6px 8px}.head-actions .virtual{font-size:9px}.arena-head h1{font-size:25px}.in-arena .arena-head{margin-bottom:8px}.room-bar{gap:10px}.room-bar>div{flex-wrap:wrap}.room-bar #room-title{font-size:11px}.room-bar #timer{font-size:23px}.room-tools .timer-label{margin-left:auto}.room-tools button{font-size:11px}.metrics>div{padding:10px 12px}.metrics strong{font-size:21px}.metrics span,.metrics small{font-size:10px}.round-message{font-size:11px}.arena-mobile-nav{display:flex;position:sticky;top:0;z-index:10;background:#0b1522;border:1px solid #344963;padding:5px;border-radius:10px;margin:0 0 12px;gap:3px}.arena-mobile-nav button{flex:1;border:0;background:transparent;font-size:12px;min-height:44px;padding:8px 2px;color:#a4bad3}.arena-mobile-nav button[aria-pressed=true]{background:#263f5b;color:#e5f2ff}.workspace{display:flex;flex-direction:column;gap:12px}.chart-panel,.order-panel,.book-panel,.position-panel,.leaderboard-panel,.trollbox{width:100%;grid-area:auto}.market-column,.trade-column,.market-board{display:contents}.chart-panel{order:1}.book-panel{order:2}.order-panel{order:3}.position-panel{order:4}.leaderboard-panel{order:5}.trollbox{order:6}.book-panel{display:none}#book-toggle{display:inline-block}.show-order-book[data-arena-panel=chart] .book-panel{display:block}html:not([data-arena-panel=chart]) .chart-panel,html:not([data-arena-panel=trade]) :is(.order-panel,.position-panel),html:not([data-arena-panel=standings]) .leaderboard-panel,html:not([data-arena-panel=chat]) .trollbox{display:none}.market-head h2{font-size:18px}.market-head .small{font-size:9px}.live-price strong{font-size:21px}.chart-wrap{height:320px}.chart-legend{font-size:9px}.chart-tools{gap:5px}.timeframes button{min-height:35px;font-size:11px}.chart-bottom{font-size:9px}.chart-panel:fullscreen .chart-wrap{height:calc(100dvh - 260px);min-height:200px}.position-stats{grid-template-columns:repeat(2,1fr)}.protection{flex-wrap:wrap}.protection label{flex-basis:40%}.protection button{flex:1}.trade-buttons button{min-height:52px}.order-panel{padding:18px}.messages{height:330px}.message p{font-size:13px}.leaderboard-panel{padding:14px}table{font-size:11px;min-width:580px}.round-review{padding:18px;gap:14px}.round-review h2{font-size:24px}#review-stats{width:100%;grid-template-columns:1fr 1fr;margin:0;gap:13px}.round-review>.primary{width:100%}.timer-label{font-size:9px}.book-panel .book-row{min-height:28px}#group-options>summary{font-size:13px}#group-options>summary span{font-size:9px}}