/* MOBILE POLISH (phones, <=850px) — loaded last. Display only.
   Remove this file + its <link> in index.html to undo. */
@media(max-width:850px){
  /* header: bigger logo, all six menu items fit on one line (no hidden CHAT) */
  body.pool-authorized .topbar .brand,body.pool-authorized .topbar .brand img{height:64px!important}
  body.pool-authorized .topbar .nav{overflow:visible!important;justify-content:stretch!important;height:38px!important}
  body.pool-authorized .topbar .nav>:not(.hidden){flex:1 1 auto!important;min-width:0!important}
  body.pool-authorized .topbar .nav>.nav-menu{display:flex!important}
  body.pool-authorized .topbar .nav>button,body.pool-authorized .topbar .nav-menu>.nav-menu-trigger{
    flex:1 1 auto!important;width:auto!important;padding:0 4px!important;font-size:clamp(10px,2.9vw,12px)!important;letter-spacing:.02em!important;white-space:nowrap!important}

  /* picks: each team is a stacked card (logo, name, line) so nothing is squeezed or cut off */
  #picks #pickGames .pick-row{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)!important}
  #picks #pickGames .pick-side,#picks #pickGames .pick-side.right{flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;padding:12px 6px!important;text-align:center!important;min-width:0!important}
  #picks #pickGames .pick-side .pick-logo{width:46px!important;height:46px!important;margin:0!important;order:0!important}
  #picks #pickGames .pick-side>div{order:1!important;width:100%!important;min-width:0!important}
  #picks #pickGames .pick-team-name{font-size:15px!important;line-height:1.15!important;overflow-wrap:anywhere}
  #picks #pickGames .pick-team-record{display:block;margin-top:2px}
  #picks #pickGames .pick-meta{font-size:10.5px!important;line-height:1.3!important;margin-top:4px!important}
  #picks #pickGames .pick-vs{font-size:11px!important}
  #picks .page-head h1{font-size:34px!important}

  /* Pool Chat button: small round bubble above the picks bar instead of covering games */
  #chatFab.chat-fab{right:10px!important;left:auto!important;padding:0 14px!important;height:40px!important;font-size:13px!important}
  body.pk-bar-on #chatFab.chat-fab{bottom:92px!important}

  /* homepage: no empty stadium gap under the menu; slim one-line ticker; page ends after the last window
     (window stack position + page height are set by fitHome() in home-windows.js) */
  #home #masterHomeOverlay{padding-top:12px!important}
  #home #masterTickerLive{height:52px!important;min-height:0!important;align-items:stretch!important;overflow:hidden!important}
  #home #masterTickerWeek{width:78px!important;min-width:78px!important;height:auto!important;font-size:17px!important}
  #home #masterTickerLive .master-ticker-viewport{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;overflow:hidden!important;display:flex!important;align-items:center!important}
  #home #masterTickerLive .master-ticker-track{height:auto!important}
  #home .final-home-img{height:100%!important;object-fit:cover!important;object-position:50% 0!important}

  /* account bubble stays in the corner without covering leaderboard points */
  body.home-mode .master-account-hotspot{display:none!important}
}

/* LOGIN on phones: sign-in box starts under the WELCOME TO PIGSKIN PICK'EM banner (logo no longer hidden);
   buttons line up as full-width rows */
@media(max-width:600px){
  #login .container{margin-top:calc(88vw)!important}
  #login .card .cb{padding:16px!important}
  #login .card .cb button,#login .card .cb .btn{width:100%!important;margin:6px 0 0!important;justify-content:center!important;text-align:center!important}
}

/* STANDINGS tables on phones: all columns fit on screen (DIFF was cut off) */
@media(max-width:600px){
  #standings table{width:100%!important;min-width:0!important;table-layout:auto!important;font-size:13px!important}
  #standings th,#standings td{padding:8px 4px!important;white-space:nowrap}
  #standings th{font-size:11px!important;letter-spacing:.02em!important}
  #standings td:nth-child(2){white-space:normal;word-break:break-word}
  #standings .cb,#standings .card>div{padding-left:10px!important;padding-right:10px!important}
}

/* HOME-SCREEN APP prompt (install-app.js) */
#ppInstall{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2147483000;display:flex;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid #c9a44a;border-radius:12px;background:linear-gradient(180deg,#132338,#060d18);box-shadow:0 10px 30px rgba(0,0,0,.6);
  color:#fff;font:14px/1.3 'Barlow Semi Condensed',Arial,sans-serif}
#ppInstall img{width:44px;height:44px;border-radius:10px;flex:0 0 auto}
#ppInstall .ppi-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#ppInstall .ppi-text>b{font:400 17px/1.1 Anton,Impact,sans-serif;letter-spacing:.04em;color:#f3d77a}
#ppInstall .ppi-text span{color:#d6dee6}
#ppInstall .ppi-share{display:inline-block;width:12px;height:14px;margin:0 2px -2px;border:2px solid #7fb6ff;border-top:0;border-radius:0 0 2px 2px;position:relative}
#ppInstall .ppi-share::before{content:"";position:absolute;left:3px;top:-7px;width:2px;height:11px;background:#7fb6ff}
#ppInstall .ppi-btns{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
#ppInstall button{border:0;border-radius:6px;padding:8px 12px;font:800 12px Arial,sans-serif;letter-spacing:.04em;color:#fff;background:#3a4652}
#ppInstall .ppi-go{background:linear-gradient(180deg,#d4261f,#8d0b08)}
body.pk-bar-on #ppInstall{bottom:calc(88px + env(safe-area-inset-bottom))}