/* One selected card on phones and tablets; the desktop desk stays intact. */
.mobile-deck,#mobile-decision,.mobile-risk-card{display:none}
@media(max-width:1100px){
 #app .single-desk.app{height:auto;min-height:100dvh;overflow:visible;padding:8px;gap:8px;--desk-font:13px;--desk-small:12px;--desk-micro:11px;--desk-heading:14px;--panel-head:38px;--play-row:44px;--listing-row:54px}
 #app .single-desk .top{min-height:38px;flex-wrap:nowrap;gap:8px;padding-bottom:6px}
 #app .single-desk .top .brand strong{font-size:25px}
 #app .single-desk .top .brand svg{width:25px;height:25px}
 #app .single-desk .top .street-edition,#app .single-desk .top .clock,#app .single-desk .top .rank,#app .single-desk .desk-title{display:none}
 #app .single-desk .top #connection{margin-left:auto;font-size:10px}
 #app .single-desk .top .street-motion{font-size:9px;height:28px;min-height:28px;padding:3px}
 #app .single-desk .top>.btn{height:32px;min-height:32px;width:32px;padding:0}
 #app .mobile-deck{display:block;position:sticky;top:0;z-index:15;background:var(--card);border:1px solid #3c3f44;border-top:3px solid var(--ink);box-shadow:0 4px 0 var(--paper);flex:none}
 #app .mobile-summary{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}
 #app .mobile-summary button{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0;border:0;border-right:1px solid var(--line);background:transparent;padding:7px 10px;color:var(--ink);cursor:pointer}
 #app .mobile-summary button:last-child{border:0}
 #app .mobile-summary button:nth-child(2){background:#332d1d;color:var(--blue)}
 #app .mobile-summary small{font:10px var(--sans);color:var(--muted)}
 #app .mobile-summary b{font:700 17px/1.2 var(--mono);white-space:nowrap}
 #app .mobile-deck>label{display:flex;align-items:center;gap:12px;padding:7px 10px;font:10px var(--mono);letter-spacing:.6px;color:var(--muted)}
 #app .mobile-deck select{flex:1;width:0;height:44px;min-height:44px;font:600 16px var(--sans);color:var(--blue);background:#332d1d;border:1px solid #71602f;padding:6px 10px}
 #app #mobile-alert button{display:flex;justify-content:space-between;gap:8px;border:0;border-top:1px solid #82443a;width:100%;padding:8px 10px;background:#1b1d20;color:#ff9281;text-align:left;font:11px/1.4 var(--sans);cursor:pointer}
 #app #mobile-alert button span{flex:none;font-weight:600}
 #app #mobile-decision{display:block}
 #app #mobile-decision:empty,#app #mobile-decision:has(>[hidden]){display:none}
 #app #mobile-decision .coach{padding:10px;flex-wrap:wrap;gap:8px;height:auto;max-height:none}
 #app #mobile-decision .coach .copy{white-space:normal;overflow:visible;flex-basis:100%}
 #app #mobile-decision .coach .copy span{white-space:normal}
 #app #mobile-decision .coach .btn{min-height:40px}
 #app #mobile-decision .decision{display:flex;flex-direction:column;padding:12px}
 #app #mobile-decision .decision .lead{display:flex;flex-direction:column;gap:5px}
 #app #mobile-decision .decision .choices{display:grid;grid-template-columns:1fr;gap:6px;width:100%}
 #app #mobile-decision .decision .choice{min-height:72px;padding:8px;text-align:left}
 #app #mobile-decision .decision .choice small{font-size:12px;line-height:1.4}
 #app #mobile-decision .decision .timer{width:100%;min-height:26px}
 #app .single-desk:not([data-mobile-pane=overview])>#risk-strip,
 #app .single-desk:not([data-mobile-pane=overview])>#metrics,
 #app .single-desk:not([data-mobile-pane=overview])>.round-timeline{display:none}
 #app .single-desk .view.overview.on{display:block;flex:none;overflow:visible;min-height:0}
 #app .single-desk[data-mobile-pane=overview] .view.overview.on{display:none}
 #app .single-desk[data-mobile-pane=risk] .mobile-risk-card{display:block}
 #app .single-desk .desk-left,#app .single-desk .desk-center,#app .single-desk .desk-right{display:contents}
 #app .single-desk:not([data-mobile-pane=systems]) #ops-panel,
 #app .single-desk:not([data-mobile-pane=team]) #team-panel,
 #app .single-desk:not([data-mobile-pane=center]) #exchange-panel,
 #app .single-desk:not([data-mobile-pane=listings]) #tokens-all,
 #app .single-desk:not([data-mobile-pane=dirty]):not([data-mobile-pane=sabotage]) #desk-night{display:none}
 #app .single-desk .exchange-panel-head{display:none}
 #app .single-desk .desk-night{gap:8px}
 #app .single-desk .desk-tabs{height:42px}
 #app .single-desk .desk-tabs button{height:40px;font-size:14px}
 #app .single-desk .desk-system.system-row{height:auto;min-height:88px;padding:9px;gap:6px}
 #app .single-desk .system-body{grid-template-columns:minmax(0,1fr) 116px;gap:4px 6px}
 #app .single-desk .system-output{white-space:normal;line-height:1.3}
 #app .single-desk .system-condition{white-space:normal;line-height:1.3}
 #app .single-desk .system-row .desk-upgrade{height:44px;min-height:44px;font-size:12px;padding:4px}
 #app .single-desk .system-row .system-gain{font-size:10px}
 #app .single-desk .desk-quick .btn{min-height:44px;height:auto;font-size:11px;white-space:normal;padding:5px}
 #app .single-desk .desk-system-heading{height:auto!important;min-height:42px!important;flex-wrap:wrap;gap:5px!important}
 #app .single-desk .desk-system-heading .attraction-total{font-size:10px}
 #app .single-desk .team-member{height:auto;min-height:88px;grid-template-columns:minmax(0,1fr) 116px;grid-template-rows:auto auto auto;padding:9px;gap:5px 8px}
 #app .single-desk .team-person{grid-column:1;grid-row:1;flex-wrap:wrap}
 #app .single-desk .team-next{grid-column:1;grid-row:2;white-space:normal;line-height:1.3}
 #app .single-desk .team-levels{grid-column:1;grid-row:3;justify-self:start;font-size:12px;min-height:28px;padding:3px 0}
 #app .single-desk .team-buy,#app .single-desk .team-max{grid-column:2;grid-row:1/4;align-self:center;height:48px;min-height:48px;font-size:12px;padding:5px}
 #app .single-desk .team-buy small{font-size:10px}
 #app .single-desk .listing-buy{height:44px;min-height:44px}
 #app .single-desk .desk-choice-row,#app .single-desk .desk-night:has(#poach-person) .desk-choice-row{height:auto;min-height:44px;grid-template-columns:minmax(0,1fr) 88px 68px;padding:6px 9px}
 #app .single-desk .desk-choice-row>span{white-space:normal;line-height:1.3}
 #app .single-desk .play-cadence{display:block;float:none;font-size:10px;margin:2px 0 0}
 #app .single-desk .desk-choice-row b{font-size:12px}
 #app .single-desk .desk-choice-row>small{font-size:11px}
 #app .single-desk .desk-list-labels{grid-template-columns:minmax(0,1fr) 88px 68px;font-size:9px}
 #app .single-desk .desk-selected{padding:12px}
 #app .single-desk .desk-action{grid-template-columns:1fr;gap:8px}
 #app .single-desk .desk-action>.btn{min-height:44px;height:auto}
 #app .single-desk .desk-target-strip{height:auto;flex-wrap:wrap;padding:8px}
 #app .single-desk .desk-target-strip select{min-height:44px;font-size:16px}
 #app .single-desk .desk-target-strip>.btn{min-height:40px}
 #app .single-desk .desk-cash{min-height:54px;height:auto;gap:5px;padding:8px}
 #app .single-desk .desk-cash .btn{min-height:40px;font-size:11px;padding:5px}
 #app .single-desk #metrics{display:grid;grid-template-columns:1fr 1fr;height:auto}
 #app .single-desk #metrics .stat{min-height:86px;grid-template-columns:1fr;padding:10px;gap:5px;border-bottom:1px solid var(--line)}
 #app .single-desk #metrics .stat .stat-note{grid-column:1;grid-row:auto;max-width:none!important}
 #app .single-desk .round-timeline{flex:none}
 #app .single-desk .foot{height:auto;min-height:44px;flex-wrap:wrap;margin-top:4px}
 #app .single-desk .foot .tab{height:40px;padding:6px 9px;font-size:11px}
 #app .single-desk .foot .latest,#app .single-desk .foot .status{display:none}
 #app .single-desk .center-report{padding:12px}
 #app .single-desk .display-table{font-size:11px}
 #app .single-desk .market-head{flex-wrap:wrap!important;height:auto!important;min-height:70px;padding:10px!important}
 #app .single-desk .desk-center #market-panel .chart-wrap{height:240px;flex:none}
 #app .single-desk .order-ticket select{min-height:44px;font-size:16px}
 #app .single-desk .order-actions .btn{min-height:44px}
 #app .single-desk .risk-strip{height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .single-desk .risk-cell{height:40px;font-size:11px}
 #app .single-desk [id]{scroll-margin-top:145px}
 #app .single-desk #mobile-deck{scroll-margin-top:0}
}
@media(max-width:600px){
 #app .single-desk .listing-grid{grid-template-columns:1fr}
 #app .single-desk .attraction-total{margin-left:0}
 #app .single-desk .system-finances{margin-left:auto}
 #app .single-desk .desk-system-heading h2{width:100%}
 #app .single-desk .center-report .display-stats{grid-template-columns:1fr 1fr}
 #app .single-desk .flow-columns{grid-template-columns:1fr}
}

@media(max-width:1100px){
 #app .mobile-risk-card .ck{justify-content:space-between}
 #app .mobile-risk-card .ck>span{font:11px var(--mono);color:var(--muted)}
 #app .mobile-risk-intro{font:12px/1.5 var(--sans);color:var(--muted);margin:12px}
 #app .mobile-risk-rows{display:grid;grid-template-columns:1fr 1fr}
 #app .mobile-risk-row{padding:12px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-left:3px solid #3c3f44}
 #app .mobile-risk-row.hot{border-left-color:#82443a;background:#36211f}
 #app .mobile-risk-row.watch{border-left-color:#71602f;background:#1b1d20}
 #app .mobile-risk-row header{display:flex;justify-content:space-between;gap:8px;align-items:center}
 #app .mobile-risk-row h3{font:600 14px var(--sans);margin:0}
 #app .mobile-risk-row .risk-status{font:700 10px var(--mono);color:#b0ada5}
 #app .mobile-risk-row.hot .risk-status{color:#ff9281}
 #app .mobile-risk-row.watch .risk-status{color:#ffcc36}
 #app .mobile-risk-row>strong{display:block;font:700 22px var(--mono);margin:8px 0}
 #app .mobile-risk-row>p{font:12px/1.5 var(--sans);color:#b0ada5;margin:8px 0 2px}
 #app .mobile-risk-row .link{min-height:40px;font-size:12px}
 #app .mobile-risk-meter{height:4px;background:#25272b}
 #app .mobile-risk-meter>i{height:100%;display:block;background:#25272b}
 #app .mobile-risk-row.hot .mobile-risk-meter>i{background:#36211f}
 #app .mobile-risk-row.watch .mobile-risk-meter>i{background:#332d1d}
 #app .single-desk .growth-line{flex-wrap:wrap;padding:8px;gap:6px}
 #app .single-desk .growth-line select{height:44px!important;min-height:44px!important;font-size:16px}
 #app .single-desk .growth-line .btn{height:44px!important;min-height:44px!important}
}
@media(max-width:600px){#app .mobile-risk-rows{grid-template-columns:1fr}}

@media(max-width:1100px){
 #app .single-desk[data-mobile-pane=risk]:not(.exchange-closed):not(.round-ended) #mobile-decision:has(.coach:not(.decision)){display:none}
}