/* Keep the phone header to one row; the Journey details live in its menu. */
@media (max-width:760px), (max-width:1000px) and (max-height:520px) {
  .header {grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:5px;min-height:54px;padding:8px;}
  .header-identity {grid-column:1;grid-row:1;}
  .header-identity .brand {font-size:23px;gap:4px;}
  .header-identity .brand-ball {width:23px;height:23px;font-size:23px;}
  #top-share,#top-journey,#top-mode-switch,#top-leave {display:none!important;}
  .header-actions {grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;flex:none;gap:4px;margin-left:0;justify-self:end;}
  .header-actions #skins-button {order:1;}
  .header-actions #friends-button {order:2;}
  .header-actions #language-menu {order:3;position:relative;inset:auto;}
  .header-actions #game-menu {order:4;}
  .header-actions .top-chip {min-height:36px;padding:7px;font-size:11px;gap:3px;}
  .header-actions .language-menu>summary {min-height:36px;padding:7px 6px;font-size:11px;gap:3px;}
  .header-actions .language-menu>summary svg {display:none;}
  .header-actions .game-menu>summary {min-height:36px;min-width:34px;padding:7px;font-size:17px;}
  .header-actions .language-popover {right:0;}
  .menu-popover {width:min(290px,calc(100vw - 16px));max-height:calc(100dvh - 74px);}
  body[data-view="menu"] .journey-top,#mobile-goals {display:none;}
  .menu-journey-progress {padding:8px 5px 13px;border-bottom:1px solid #435337;margin-bottom:5px;}
  #menu-journey-progress #profile-card {display:grid!important;margin:0;padding:0;border:0;background:none;gap:9px;}
  #menu-journey-progress #profile-card[hidden] {display:none!important;}
  .menu-journey-progress h3 {font-size:16px;margin:0;}
  .menu-journey-progress .journey-meta {font-size:11px;display:flex;gap:8px;justify-content:space-between;}
  .menu-journey-progress .goal-strip {display:grid;gap:9px;}
  .menu-journey-progress .goal-chip {font-size:11px;display:grid;grid-template-columns:1fr auto;gap:5px;}
  .menu-journey-progress progress {grid-column:1/-1;width:100%;height:5px;}
}
@media (max-width:380px) {
  .header {padding-inline:6px;gap:4px;}
  .header-identity .brand {font-size:19px;gap:3px;}
  .header-identity .brand-ball {width:20px;height:20px;font-size:20px;}
  .header-actions {gap:3px;}
  .header-actions .top-chip {padding-inline:5px;font-size:10px;}
  .header-actions .language-menu>summary {padding-inline:5px;}
}