/* Phone shell. Keep this after the desktop/menu design styles. */
body .mobile-tabbar.mobile-navigation{display:none}
dialog.mobile-more-sheet:not([open]){display:none}
dialog.mobile-more-sheet{
 --mobile-ink:#2e2e2e;--mobile-muted:#6a6a6a;--mobile-lime:#ececec;
 position:fixed;inset:auto 0 0;width:100%;max-width:680px;height:auto;
 max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));margin:0 auto;
 padding:0 20px max(22px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;
 border:1px solid #fbfbfb24;border-bottom:0;border-radius:26px 26px 0 0;
 color:var(--mobile-ink);background:#f1f1f1;box-shadow:0 -16px 70px #00000055;
 font:400 14px/1.4 var(--font-ui,Inter,sans-serif);
}
dialog.mobile-more-sheet::backdrop{background:#151515a8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mobile-more-sheet .mobile-more-grip{width:34px;height:4px;margin:10px auto 0;border-radius:4px;background:#c0c0c0}
.mobile-more-sheet .mobile-more-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0 20px;border:0;background:transparent}
.mobile-more-sheet .mobile-more-heading p{margin:0 0 4px;font:700 9px/1.4 var(--font-ui,Inter,sans-serif);letter-spacing:.18em;color:#7b7b7b}
.mobile-more-sheet .mobile-more-heading h2{margin:0;color:var(--mobile-ink);font:600 27px/1.1 var(--font-ui,Inter,sans-serif);letter-spacing:-1px;text-transform:none}
.mobile-more-sheet [data-mobile-close]{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #cbcbcb;border-radius:50%;background:transparent;color:#4e4e4e;cursor:pointer}
.mobile-more-sheet svg{width:22px;height:22px;flex:none}
.mobile-more-sheet .mobile-more-destinations{display:grid;gap:10px}
.mobile-more-sheet .mobile-more-destinations>a{display:flex;align-items:center;gap:13px;min-height:82px;padding:14px;border:1px solid #dcdcdc;border-radius:16px;background:#fcfcfc;color:var(--mobile-ink);text-decoration:none;box-shadow:0 3px 8px #2b2b2b05}
.mobile-more-sheet .mobile-more-destinations>a>span:nth-child(2){flex:1;min-width:0}
.mobile-more-sheet .mobile-more-destinations strong{display:block;margin-bottom:3px;font-size:15px;font-weight:650;letter-spacing:-.2px}
.mobile-more-sheet .mobile-more-destinations small{display:block;font-size:11px;line-height:1.45;color:var(--mobile-muted)}
.mobile-more-sheet .mobile-more-destinations>a>svg{width:15px;height:15px;color:#8e8e8e}
.mobile-more-sheet .mobile-more-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #cbcbcb;border-radius:12px;background:#ebebeb;color:#505050}
.mobile-more-sheet .mobile-more-destinations>a.active{border-color:#8d8d8d;background:#e7e7e7;box-shadow:inset 3px 0 #727272}
.mobile-more-sheet .mobile-more-actions{display:grid;margin-top:18px;border:1px solid #d4d4d4;border-radius:16px;overflow:hidden;background:#eaeaea}
.mobile-more-sheet .mobile-more-actions>button{display:flex;align-items:center;gap:13px;width:100%;min-height:54px;padding:12px 15px;border:0;border-radius:0;background:transparent;color:#3f3f3f;font:550 13px/1.35 var(--font-ui,Inter,sans-serif);text-align:left;cursor:pointer}
.mobile-more-sheet .mobile-more-actions>button+button{border-top:1px solid #d5d5d5}
.mobile-more-sheet .mobile-more-actions>button>span{flex:1}
.mobile-more-sheet .mobile-more-actions>button>svg:first-child{width:19px;height:19px;color:#707070}
.mobile-more-sheet .mobile-more-actions>button>svg:last-child{width:14px;height:14px;color:#8e8e8e}
.mobile-more-sheet :is(a,button,summary):focus-visible{outline:3px solid #646464;outline-offset:-4px}
.mobile-more-sheet .mobile-more-legend{margin-top:16px;color:#636363}
.mobile-more-sheet .mobile-more-legend>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 5px;list-style:none;font-size:12px;cursor:pointer}
.mobile-more-sheet .mobile-more-legend>summary::-webkit-details-marker{display:none}
.mobile-more-sheet .mobile-more-legend>summary>svg{width:14px;height:14px;transform:rotate(90deg)}
.mobile-more-sheet .mobile-more-legend[open]>summary>svg{transform:rotate(-90deg)}
.mobile-more-sheet .mobile-more-legend-content{padding:14px;border:1px solid #e4e4e422;border-radius:14px;background:#252525;color:#e7e7e7}
@media(hover:hover){
 .mobile-more-sheet .mobile-more-destinations>a:hover{border-color:#9f9f9f;background:#ededed}
 .mobile-more-sheet .mobile-more-actions>button:hover,.mobile-more-sheet [data-mobile-close]:hover{background:#dfdfdf}
}
@media(max-width:680px){
 body.has-mobile-navigation{--mobile-nav-height:calc(69px + env(safe-area-inset-bottom))}
 body.has-mobile-navigation.mobile-more-open{overflow:hidden}
 body.has-mobile-navigation main{padding-bottom:calc(var(--mobile-nav-height) + 20px)}
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center;gap:3px;
  position:fixed;inset:auto 0 0;z-index:90;min-height:var(--mobile-nav-height);
  padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  border-top:1px solid #e9e9e929;background:#242424f5;box-shadow:0 -8px 28px #1616161a;
  backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);
 }
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button){
  position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;
  width:100%;min-width:0;min-height:56px;margin:0;padding:6px 3px;border:0;border-radius:12px;
  background:transparent;color:#b7b7b7;text-decoration:none;cursor:pointer;
  font:550 10px/1.2 var(--font-ui,Inter,sans-serif)!important;letter-spacing:.01em;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
 }
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button)>svg{width:22px!important;height:22px!important;stroke-width:1.7}
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button).active{background:#ececec12;color:#f0f0f0;font-weight:700!important}
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button).active::before{content:'';position:absolute;top:0;left:calc(50% - 10px);width:20px;height:2px;border-radius:2px;background:#eaeaea}
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button):focus-visible{outline:2px solid #f1f1f1;outline-offset:-3px}
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation :is(a,button):active{background:#ececec25}
 body.has-mobile-navigation .mobile-tabbar.mobile-navigation button[aria-expanded=true]{color:#f0f0f0;background:#ececec12}
 html[data-menu] body.has-mobile-navigation .masthead{
  position:relative;inset:auto;z-index:60;width:100%;height:calc(60px + env(safe-area-inset-top));min-height:60px;padding-top:env(safe-area-inset-top);
  border-radius:0;transform:none;opacity:1;pointer-events:auto;
 }
 html[data-menu] body.has-mobile-navigation .masthead .masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:60px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
 html[data-menu] body.has-mobile-navigation .masthead .masthead-brand{display:flex;align-items:center;gap:5px;min-width:0;flex:none}
 html[data-menu] body.has-mobile-navigation .masthead .wordmark{font-size:29px;line-height:1}
 html[data-menu] body.has-mobile-navigation .masthead :is(.brand-rule,.masthead-nav,.team-switch-text,.masthead-rule){display:none}
 html[data-menu] body.has-mobile-navigation .masthead .league-picker{width:44px;max-width:none;flex:none}
 html[data-menu] body.has-mobile-navigation .masthead .team-switch{display:flex;align-items:center;justify-content:center;width:44px;min-width:0;height:44px;padding:4px;border:0;gap:0}
 html[data-menu] body.has-mobile-navigation .masthead .team-switch>svg{display:none}
 html[data-menu] body.has-mobile-navigation .masthead .league-logo{width:30px;height:30px;flex:none}
 html[data-menu] body.has-mobile-navigation .masthead .league-menu{position:fixed;top:calc(66px + env(safe-area-inset-top));left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--mobile-nav-height) - env(safe-area-inset-top) - 80px);overflow:auto}
 html[data-menu] body.has-mobile-navigation .masthead .masthead-tools{display:flex;align-items:center;gap:0;flex:none;margin:0}
 html[data-menu] body.has-mobile-navigation .masthead .masthead-tools :is(.tool-button,.profile-trigger){display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0}
 html[data-menu] body.has-mobile-navigation .masthead .masthead-tools .tool-button svg{width:20px;height:20px}
 html[data-menu] body.has-mobile-navigation .masthead .masthead-tools .profile-trigger{border-radius:50%;transform:none}
 html[data-menu] body.has-mobile-navigation .masthead .masthead-tools button.nav-menu{display:none}
 html[data-menu] body.has-mobile-navigation.has-mobile-status-legend .masthead .masthead-tools .status-key{display:none}
 body.has-mobile-navigation .lineup-toast{bottom:calc(var(--mobile-nav-height) + 13px)}
}
@media(max-width:360px){
 html[data-menu] body.has-mobile-navigation .masthead .masthead-inner{padding-right:max(9px,env(safe-area-inset-right));padding-left:max(9px,env(safe-area-inset-left))}
 html[data-menu] body.has-mobile-navigation .masthead .wordmark{font-size:27px}
 dialog.mobile-more-sheet{padding-inline:16px}
 .mobile-more-sheet .mobile-more-destinations>a{gap:10px;padding:12px}
 .mobile-more-sheet .mobile-more-destinations small{font-size:10px}
}
@media(prefers-reduced-motion:no-preference){dialog.mobile-more-sheet[open]{animation:mobile-sheet-in .2s ease-out}@keyframes mobile-sheet-in{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}}}