/* Incremental use of the standalone game's canonical styles.css tokens. */
.experience-note,.first-order-cue{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);padding:.65rem;margin:.5rem 0;overflow-wrap:anywhere}
.experience-note p,.first-order-cue p{margin:0 0 .35rem}
.first-order-cue{border-color:var(--brand)}
#practice-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
#practice-controls[hidden],.first-order-cue[hidden],.experience-note[hidden]{display:none}
#solo-practice,#waiting-practice{margin:.5rem 0;min-height:44px;white-space:normal}
#first-order-dismiss,#practice-pause{min-height:44px;min-width:44px}
#top-traders-provisional-list{list-style:none;margin:0;padding:0}
#top-traders-provisional-status{color:var(--dim)}
.first-order-cue{grid-column:1/-1}
/* Container width responds to browser zoom as well as a narrow phone viewport. */
.phone{container-type:inline-size}
@container(max-width:350px){
 #trade-controls{display:flex;flex-direction:column;gap:6px;min-width:0}
 #trade-controls>.buys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #trade-controls>.buys .btn{height:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;padding-inline:4px}
 #trade-controls>.order-size-mode{flex-direction:row;flex-wrap:wrap;align-self:stretch}
 #trade-controls>.qtyrow{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
 #trade-controls .qtyrow>.stepper{flex:1 0 100%;min-width:0}
 #trade-controls #order-presets,#trade-close-position{flex:1 1 44%;width:44%;min-width:0}
 #chart-wrap #interval-widget{flex-wrap:wrap}
 .trade-account-summary{flex-wrap:wrap;min-width:0}
 .trade-pnl-summary{flex-wrap:wrap;min-width:0}
 .order-context{flex-basis:100%}
}
@container(max-width:260px){
 .app-header .header-home,.app-header .header-try{display:none}
 .app-header{gap:0;padding-inline:4px}
 .app-header button{min-width:44px;padding-inline:2px}
 #practice-controls .btn{padding-inline:4px}
}

.phone.in-round:has(#competition-strip[data-practice=true]){--competition-height:44px;--game-top:calc(58px + var(--competition-height))}
#competition-strip[data-practice=true]{grid-template-rows:44px}
#competition-strip[data-practice=true] .rankings-ticker{grid-row:1}
#competition-strip[data-practice=true] .power-slot,#competition-strip[data-practice=true] #rankings-pause{display:none}
#practice-controls p{margin:0;flex:1 1 auto}
#practice-controls .btn{width:auto;flex:0 1 auto}