/* Build 6.07: iPhone Duo unfolded (and other wide, landscape screens). One typeface for numbers and headings, lighter and tighter;
   pages use the full width, with two columns on more pages; the bottom menu runs across the whole screen (6.09). The folded Duo has its menu on the right.
   Phones and the folded Duo are not affected. */
@media (min-width:760px){
 html body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
 html body :is(b,strong,h1,h2,h3,h4,.home-glance-title,.gl-fh,.jy-banbig,.jy-lyn,#average-open>span:first-child){font-family:-apple-system,"SF Pro Display",BlinkMacSystemFont,"Inter Display","Segoe UI",sans-serif!important;font-variant-numeric:tabular-nums lining-nums}
 html body :is(.home-average-line>b,#average-open>b,.sr-hero>b){font-size:60px!important;font-weight:700!important;letter-spacing:-.045em!important;line-height:1.02!important}
 html body :is(.record-tiles b,#high-open>strong,#low-open>strong,.sr-tile>b,.sc-avg>b,.average-card>b,.session-average b){font-weight:700!important;letter-spacing:-.035em!important}
 html body .pl-big b{font-size:46px!important;font-weight:700!important;letter-spacing:-.04em!important}
 html body :is(h1,h2,h3,.gl-fh,.jy-banbig,[class*="title"]){font-weight:700!important;letter-spacing:-.02em!important}
 html body :is([class*="photo-banner"]) :is(h1,h2,p[role=heading],p){font-weight:700!important;letter-spacing:-.025em!important}
 html body :is(.home-content,#jy-root,.bs,#completed-list) p{line-height:1.45}
}
@media (min-width:760px) and (min-aspect-ratio:5/4){
 /* Build 6.09: unfolded, the menu stays at the bottom, across the whole width of the screen */
 html:root body:not(#x) nav.xw-primary-nav{left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:max(24px,env(safe-area-inset-left,0px))!important;padding-right:max(24px,env(safe-area-inset-right,0px))!important}
 html:root body:not(#x){padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}
  html:root body:not(#x) :is(.app-frame,.home-shell,.screen,.settings-shell):not(:is(.app-frame,.home-shell,.screen,.settings-shell) *){box-sizing:border-box!important;width:100%!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;padding-bottom:28px!important}
 html:root body:not(#x) :is(.app-frame,.home-shell,.screen,.settings-shell) :is(.app-frame,.home-shell,.screen,.settings-shell){max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
 html body :is(.app-frame,.home-shell,.screen,.settings-shell) .xw-brand-header{max-width:none!important}
 html body{background:var(--xw-bg,#fff)!important}
 /* two columns on Stats and the session summary; the Bowling Group and Profile use the full width in one column */
 html body #bowlers-content .gp{max-width:760px;margin-inline:auto}
 html body :is(#pane-overview,#pane-insights,#summary-content):not([hidden]){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;align-items:start}
 html body :is(#pane-overview,#pane-insights,#summary-content):not([hidden])>*{min-width:0;margin-top:0!important;margin-bottom:14px!important}
 html body #summary-content>:is(.summary-centre,#session-graphic-summary){grid-column:1/-1}
}

/* Build 6.08: the folded Duo (outer screen, about 466 wide) also gets the menu on the right beside the Dynamic Island.
   Ordinary phones are narrower than 450 and keep the bottom menu. */
@media (min-width:450px) and (max-width:759px) and (max-aspect-ratio:3/4){
 /* Build 6.08: with the menu at the side, bars that sat on top of the bottom menu (Start a Session, the frame keypad's confirm, Add ball) go to the bottom of the screen */
 html:root,html:root body{--xw-nav-height:0px!important}
 /* Build 6.08: the menu sits on the right, in the column beside the side Dynamic Island, so the cards keep the full width.
    The items start below the clock and signal icons. */
 html{--xw-railw:max(84px,env(safe-area-inset-right,0px))}
 html:root body:not(#x) nav.xw-primary-nav{position:fixed!important;inset:0 0 0 auto!important;width:var(--xw-railw)!important;max-width:var(--xw-railw)!important;height:100%!important;min-height:0!important;margin:0!important;padding:96px 6px 18px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;border:0!important;border-left:1px solid var(--xw-line,#e0e2e5)!important;background:var(--xw-bg,#fff)!important}
 html:root body:not(#x) nav.xw-primary-nav>a{flex:none!important;min-height:60px!important;border-radius:14px!important;font-size:12px!important}
 html:root body:not(#x) nav.xw-primary-nav>a[aria-current=page],html:root body:not(#x) nav.xw-primary-nav>a.active{background:#fdecee!important}
 html:root body:not(#x){padding-left:env(safe-area-inset-left,0px)!important;padding-right:var(--xw-railw)!important;padding-bottom:0!important}
 /* bars fixed to the bottom keep clear of the menu */
 html:root body:not(#x) :is(.session-action-bar,.practice-session-action){right:var(--xw-railw)!important;left:env(safe-area-inset-left,0px)!important;max-width:min(620px,calc(100vw - var(--xw-railw) - env(safe-area-inset-left,0px)))!important}
 html:root body:not(#x) #rack-confirm{left:calc((100vw - var(--xw-railw)) / 2)!important;max-width:min(584px,calc(100vw - var(--xw-railw) - 36px))!important}
}