/* DraftDayPlanner layout.css - header, footer, side menu, and page layout */

:root{--side-divider-strong:#ffffff38;--side-divider-soft:#ffffff26;}

/* SECTION 02.1 - Header Shell */
header{display:block;background:var(--green-dark);color:#fff;width:100%;box-sizing:border-box;padding:0;border-bottom:0;box-shadow:none;}
header.sticky{position:fixed;top:0;left:0;right:var(--scrollbar-edge);width:auto;z-index:1000;}
.app-chrome{position:fixed;top:0;left:0;right:var(--scrollbar-edge);z-index:1000;}
.app-chrome header.sticky{position:static;left:auto;right:auto;width:100%;}
body.show-public-grid:not(.has-active-league) .public-page-grid{outline:3px solid rgba(21,86,255,.95);outline-offset:-3px;}
body.show-public-grid:not(.has-active-league) .welcome-start-card--intro,
body.show-public-grid:not(.has-active-league) .welcome-create-panel,
body.show-public-grid:not(.has-active-league) .welcome-start-card--steps,
body.show-public-grid:not(.has-active-league) .public-feature-grid,
body.show-public-grid:not(.has-active-league) .public-home-split>div{outline:2px solid rgba(21,86,255,.9);outline-offset:-2px;}
body.show-public-grid:not(.has-active-league) .welcome-intro-copy p,
body.show-public-grid:not(.has-active-league) .welcome-start-card--intro h2,
body.show-public-grid:not(.has-active-league) .create-league-modal h2,
body.show-public-grid:not(.has-active-league) .create-league-fields,
body.show-public-grid:not(.has-active-league) .create-league-sub,
body.show-public-grid:not(.has-active-league) .create-league-actions,
body.show-public-grid:not(.has-active-league) .public-feature-grid article{box-shadow:inset 0 0 0 2px rgba(21,86,255,.75);}
body.show-public-grid:not(.has-active-league) .public-page-grid::before{content:"page content bounds";position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:6000;padding:3px 7px;border-radius:4px;background:rgba(21,86,255,.9);color:#fff;font-size:11px;font-weight:800;pointer-events:none;}
body.show-public-grid:not(.has-active-league) .public-page-grid{position:relative;}
body.show-public-grid:not(.has-active-league) .public-home-section-inner::before{content:"content bounds";position:absolute;left:0;top:0;z-index:2;padding:3px 7px;border-radius:4px;background:rgba(21,86,255,.9);color:#fff;font-size:11px;font-weight:800;pointer-events:none;}
body.show-public-grid:not(.has-active-league) .public-home-section-inner{position:relative;}
body.show-public-grid:not(.has-active-league) footer{position:relative;outline:3px solid rgba(21,86,255,.95);outline-offset:-3px;}
body.show-public-grid:not(.has-active-league) .no-league-footer-links,
body.show-public-grid:not(.has-active-league) .no-league-footer-copy{box-shadow:inset 0 0 0 2px rgba(21,86,255,.75);}
body.show-public-grid:not(.has-active-league) .no-league-footer-meta::after{content:"";position:absolute;top:0;right:0;width:10px;height:80px;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(21,86,255,.16) 0 19px,rgba(21,86,255,.95) 19px 20px);outline:2px solid rgba(21,86,255,.95);}
body.show-public-grid:not(.has-active-league) footer::before{content:"footer bounds";position:absolute;left:50%;top:6px;transform:translateX(-50%);z-index:2;padding:3px 7px;border-radius:4px;background:rgba(21,86,255,.9);color:#fff;font-size:11px;font-weight:800;pointer-events:none;}
.header-shell{width:calc(100% - (var(--content-edge) * 2) - 70px);max-width:calc(var(--content-max) - (var(--content-edge) * 2) - 70px);margin:0 auto;padding:8px 0 7px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand controls" "context context";align-items:center;column-gap:10px;row-gap:2px;}
header h1{grid-area:brand;font-size:1.44rem;text-align:left;font-weight:900;line-height:1.1;margin:0;padding:0;letter-spacing:0;color:#fff;white-space:nowrap;}
header .header-top{grid-area:controls;display:flex;align-items:center;justify-content:flex-start;gap:3px;max-width:none;margin:0;padding:0;}
.header-top .header-right{display:inline-flex;align-items:center;gap:3px;}
.header-right{display:inline-flex;align-items:center;gap:3px;}
.header-right::before,.view-switch::before{content:"";display:block;width:1px;height:24px;margin:0 5px 0 2px;background:#344757;flex:0 0 auto;}

/* SECTION 02.2 - Header Buttons */
#menu-button{position:relative;width:36px;min-width:36px;height:var(--chip-h);padding:0;justify-self:start;background:transparent;color:#eef6fa!important;border:0;transform:translateX(-8px);font-size:1.25rem!important;font-family:Arial,Helvetica,sans-serif;line-height:1;overflow:visible;}
#menu-button:hover{background:#142330;}
#teams-button{width:auto;min-width:0;height:calc(var(--chip-h) - 2px)!important;min-height:calc(var(--chip-h) - 2px)!important;max-height:calc(var(--chip-h) - 2px);border-radius:9px;line-height:1;font-size:var(--control-font);box-sizing:border-box;padding:0 var(--chip-pad-x);background:transparent!important;color:#eef6fa;border:0;}
#teams-button:hover{background:#142330!important;color:#fff;}
#teams-button:disabled{opacity:1;color:#eef6fa;cursor:not-allowed;}
#teams-button:disabled:hover{background:transparent!important;color:#eef6fa;}
.hdr-size,#menu-button,#invite-button,.view-switch,.view-toggle,.view-toggle > #personal-view,.view-toggle > #shared-view,.header-right > *{height:var(--chip-h);min-height:var(--chip-h);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:var(--control-font);font-weight:700;line-height:1;}

/* SECTION 02.3 - View Switch */
.view-switch{position:relative;display:inline-flex;align-items:center;gap:0;background:transparent;border:0;border-radius:0;padding:0;height:var(--chip-h);min-height:var(--chip-h);overflow:visible;}
.view-switch::after{content:none;}
.view-switch-label{display:inline-flex;align-items:center;height:100%;padding:0 6px;color:#eef6fa;font-size:var(--control-font);font-weight:700;line-height:1;}
.view-toggle{position:relative;display:inline-flex;overflow:hidden;border-radius:9px;background:#111f2b;height:calc(var(--chip-h) - 2px)!important;min-height:calc(var(--chip-h) - 2px)!important;}
.view-switch button{background:#111f2b;color:rgba(238,246,250,.72);border-radius:0;padding:0 8px;font-weight:700;width:91px;height:100%;min-height:100%;border:0;}
.view-toggle #personal-view{position:relative;padding-right:8px;}
.view-toggle #shared-view{position:relative;padding-left:8px;border-left:0;}
.view-switch button:not(.active):hover{background:#192b3a;color:#fff;}
.view-switch button.active{background:#142f43;color:#fff;border:0;box-shadow:none;box-sizing:border-box;text-decoration:none;}
body:has(.intro-copy--welcome) .view-toggle{background:transparent;}
body:has(.intro-copy--welcome) .view-switch button{background:transparent;color:#eef6fa;}
body:has(.intro-copy--welcome) .view-switch button.active{background:transparent;color:#eef6fa;}
body:has(.intro-copy--welcome) .view-switch button:not(.active):hover,
body:has(.intro-copy--welcome) .view-switch button.active:hover{background:#142330;color:#fff;}

/* SECTION 02.4 - Invite Button */
#invite-button{align-items:center;justify-content:center;height:calc(var(--chip-h) - 2px)!important;min-height:calc(var(--chip-h) - 2px)!important;padding:4px var(--chip-pad-x);border-radius:9px;color:#eef6fa;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;width:auto;max-width:360px;border:0;}
#invite-button{margin-left:auto;}
#invite-button:hover{background:#142330;color:#fff;}
#invite-button:disabled{opacity:1;color:#eef6fa;}
#invite-button{display:inline-flex;}
.view-shared #invite-button{display:inline-flex;}
.view-personal #invite-button{display:inline-flex;}
.invite-copy-popover{position:fixed;z-index:7000;background:#e7f0f6;color:#15222e;border:1px solid var(--shell-border);border-radius:8px;padding:6px 10px;font-size:.78rem;font-weight:800;line-height:1;box-shadow:0 4px 12px rgba(15,26,36,.12);opacity:0;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease;pointer-events:none;white-space:nowrap;}
.invite-copy-popover.is-visible{opacity:1;transform:translateY(0);}
.invite-copy-popover.is-error{background:#fff0f0;color:#9b1c1c;border-color:#e2b8b8;}

/* SECTION 02.5 - League Title */
#league-title{justify-self:start;text-align:left;margin:0;}
#league-title .site-brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none!important;text-decoration-line:none!important;text-decoration-color:transparent!important;border-bottom:0!important;box-shadow:none!important;}
#league-title .joined-text{margin-left:6px;font-weight:600;opacity:.9;white-space:nowrap;}
.brand-ball{display:inline-block;font-size:1em;margin-right:0;transform:translateX(-2px);}
.brand-ball,.brand-text{text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none!important;}
.brand-text{display:inline-block;transform:translateX(-3px);}
.header-context{grid-area:context;width:calc(100% + 40px);margin:0 0 0 -20px;text-align:center;background:transparent;}
.context-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:1.5px 20px 2px;line-height:1.1;white-space:nowrap;overflow:visible;text-overflow:ellipsis;font-weight:700;border-radius:0;transform:translateY(.5px);}
.context-row-main{background:#3b6f92;color:#fff;font-size:1rem;}
.context-row-sub{background:transparent;color:#eef6fa;font-size:.82rem;border:0;}
.context-item{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.context-league{text-align:left;font:inherit;font-weight:inherit;line-height:inherit;}
.context-league strong{font:inherit;font-weight:inherit;}
.context-default{text-align:center;}
.context-default{overflow:visible;}
.context-user{text-align:right;}
.context-team-inline{font-weight:700;}
.context-view-hint{display:inline-flex;align-items:center;justify-content:flex-end;overflow:visible;color:#eef6fa;font-size:inherit;font-weight:700;line-height:1.1;text-align:right;opacity:1;}
.context-view-hint #calendar-view-hint-text{transform:translateX(-2px);}
.context-info-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin:0 0 0 3px;padding:0;border:0;border-radius:999px;background:transparent;color:rgba(238,246,250,.78);font-size:15px;font-weight:700;line-height:1;vertical-align:middle;transform:translate(-3px,-1px);transform-origin:center;overflow:visible;}
.context-info-button:hover{background:rgba(238,246,250,.12);color:#fff;}
.helper-tooltip-anchor{position:relative;overflow:visible!important;}
.helper-tooltip{position:absolute;left:50%;top:calc(100% + 10px);display:block;visibility:hidden;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:9px 11px;border:1px solid #8f9aa5;border-radius:7px;background:#fff;color:#28333d;font-size:13px;font-weight:500;line-height:1.25;text-align:left;text-decoration:none;white-space:normal;box-shadow:0 3px 8px rgba(0,0,0,.18);z-index:9000;pointer-events:none;transform:translateX(-50%);opacity:0;transition:opacity .12s ease .5s,visibility 0s linear .62s;}
.helper-tooltip strong{font-weight:800;}
.helper-tooltip::after{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid #8f9aa5;border-top:1px solid #8f9aa5;transform:translateX(-50%) rotate(45deg);}
.helper-tooltip--right{left:auto;right:-5px;transform:none;}
.helper-tooltip--right::after{left:auto;right:7px;transform:rotate(45deg);}
.helper-tooltip-anchor:hover .helper-tooltip,.helper-tooltip-anchor:focus-visible .helper-tooltip{visibility:visible;opacity:1;transition-delay:.5s,0s;}
.helper-tooltip-anchor.is-tooltip-open .helper-tooltip,.context-info-button:hover .helper-tooltip,.best-filter-info:hover .helper-tooltip,.teams-status-info:hover .helper-tooltip{visibility:visible;opacity:1;transition-delay:0s;}
.context-default{text-align:right;}
.context-default-prefix{margin-right:0;}
.context-default-separator{margin-right:3px;}
.context-default-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.context-edit{display:inline;background:transparent;color:#eef6fa;font:inherit;font-weight:400;text-decoration:underline;padding:0;border:0;border-radius:0;}
.context-edit:hover{opacity:1;}
.context-edit.is-disabled{cursor:not-allowed;text-decoration:none;opacity:.72;}
.context-edit.is-disabled:hover{opacity:.72;}
.view-shared .context-edit{display:none;pointer-events:none;}

/* SECTION 02.6 - Side Menu Shell */
.side-menu{position:fixed;top:0;left:0;width:80%;max-width:320px;height:100%;background:var(--green-dark);color:#fff;padding:20px;z-index:2000;overflow:hidden;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column;}
[data-app-only][hidden],.side-menu[hidden]{display:none!important;}
.side-menu.open{transform:translateX(0);}
.side-menu h2{margin-bottom:6px;position:relative;padding-bottom:6px;color:#fff;font-weight:800;}
.side-menu ul{list-style:none;}
.side-menu ul li{border-bottom:1px solid var(--side-divider-soft);}
.side-menu ul li:last-child{border-bottom:0;}
.side-menu ul li>button{width:100%;background:transparent;color:#fff;text-align:left;border-radius:0;padding:12px 0;}
#side-menu button{color:#fff;font-family:Arial,Helvetica,sans-serif;}
#side-menu button:hover{background:var(--green-hover);color:#fff;}
#create-league-button{width:100%;margin:0;background:var(--green-dim);transform:translateY(2px);}
.side-calendars-head{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#fff;margin-top:10px;margin-bottom:-2px;padding-top:12px;border-top:0;font-size:16px;font-weight:700;}
.side-calendars-head::before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--side-divider-strong);}
.side-calendars-head>span{transform:translateX(9px);}
#side-help-button{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 -7px;padding:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.72);font-size:17px;font-weight:700;line-height:1;transform:translate(8px,-2px);}
#side-help-button::before{content:none;}
#side-help-button:hover{background:rgba(238,246,250,.12);color:#fff;}
#side-help-button:hover::before{background:transparent;}
#close-side-menu{position:relative;width:100%;max-width:240px;margin:4px auto 2px;background:var(--green-dim);transform:translateY(8px);}
#side-menu #create-league-button:hover,#side-menu #close-side-menu:hover{background-color:var(--green-hover);color:#fff;opacity:1;}
.side-resource-links{display:flex;align-items:center;justify-content:center;gap:0;width:max-content;max-width:calc(100% - 20px);margin:5px auto 5px;padding:0;text-align:center;}
.side-resource-label,.side-resource-links a{color:#888;font-size:.66rem;font-weight:700;line-height:1.1;}
.side-resource-label{margin-right:8px;}
.side-resource-links a{display:inline-block;text-decoration:none;text-align:center;}
.side-resource-links a+a{border-left:1px solid rgba(255,255,255,.28);margin-left:8px;padding-left:8px;}
.side-resource-links a:hover,.side-resource-links a:focus-visible{color:#bbb;text-decoration:underline;}

/* SECTION 02.7 - Side Menu Header */
.header-grid{display:grid;grid-template-columns:1fr var(--menuIcon);align-items:start;column-gap:var(--titleGap);margin-bottom:14px;}
.title-wrap{position:relative;min-width:0;line-height:1.08;overflow:visible;}
.title-line{display:block;margin:0;font-weight:800;white-space:nowrap;font-size:clamp(18px,5.5vw,24px);}
.title-subline{display:block;margin-top:4px;color:#fff;font-weight:700;white-space:nowrap;font-size:clamp(12px,3.4vw,15px);opacity:1;}
.logo-fixed{width:var(--menuIcon);height:var(--menuIcon);object-fit:contain;display:block;border-radius:8px;}

/* SECTION 02.8 - Side Menu League List */
#league-list{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:4px 0 8px;margin:0;list-style:none;position:relative;border-top:0;border-bottom:0;box-shadow:none;transform:translateY(-4px);}
#league-list::before,#league-list::after{content:none;background:none;}
#league-list li{margin-left:4px;margin-right:4px;}
.league-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;margin:10px 0;padding-left:8px;padding-right:2px;width:100%;}
.league-more{width:28px;height:34px;padding:0 2px;border-radius:10px;background:transparent;border:0;font-size:18px;line-height:1;}
.league-more:hover{background:#142330!important;color:#fff!important;}
.league-menu-action{all:unset;box-sizing:border-box;display:block;width:100%;padding:8px 8px 5px;border-radius:0;color:#fff;cursor:pointer;font-size:14px;line-height:1.1;}
.league-menu-action:first-child{padding:8px 8px 5px;}
.league-menu-action--spaced{margin-top:0;padding:5px 8px 8px;}
.league-menu-action:hover{background:#142330;color:#fff;}
.league-trash{display:none;}
.league-row:hover .league-trash{display:none;}
#side-menu .league-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-width:0;min-height:47px;padding:4px 8px;background:var(--pill-bg);color:var(--pill-fg);text-align:center;transition:background-color .18s ease,color .18s ease;}
.league-open-name,.league-open-team{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.league-open-name,.league-open-team{font-family:Arial,Helvetica,sans-serif;}
.league-open-name{font-size:12px;font-weight:800;text-transform:uppercase;}
.league-open-team{font-size:11px;font-weight:700;}
#side-menu .league-open:hover,#side-menu .league-open:focus{background:var(--green-hover);color:#fff;opacity:1;filter:none;}
#side-menu .league-open:focus-visible{background:var(--pill-bg-hover);color:var(--pill-fg-hover);}

/* SECTION 02.9 - Side Menu Legal Area */
#side-menu .footer-disclaimer{position:relative;border-top:0;padding-top:6px;margin-top:8px;margin-bottom:3px;}
#side-menu .footer-disclaimer::before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid var(--side-divider-strong);}
#legal-links-container{width:max-content;max-width:calc(100% - 20px);margin:8px auto 8px;padding:0;text-align:left;border-top:0;border-bottom:0;box-shadow:none;display:grid;grid-template-columns:repeat(4,max-content);grid-template-rows:repeat(2,auto);grid-auto-flow:column;justify-content:center;gap:6px 8px;transform:translateY(8px);}
#legal-links-container::before,#legal-links-container::after{content:none;background:none;}
#legal-links-container .legal-link{text-decoration:none;}
#side-menu .legal-link{color:#888;text-decoration:none;font-size:.66rem;line-height:1.1;cursor:pointer;padding:0;background:none;border:none;}
#side-menu .legal-link:hover{color:#bbb;text-decoration:underline;}
body.show-app-grid header,
body.show-app-grid main,
body.show-app-grid footer,
body.show-app-grid .header-shell,
body.show-app-grid .header-context,
body.show-app-grid .context-row,
body.show-app-grid #calendar-grid,
body.show-app-grid .month-section,
body.show-app-grid .month-bar,
body.show-app-grid .month-grid,
body.show-app-grid .calendar-cell:not(.placeholder){outline:2px solid rgba(21,86,255,.82);outline-offset:-2px;}
body.show-app-grid main{background-image:linear-gradient(to bottom, rgba(21,86,255,.36) 1px, transparent 1px);background-size:100% 20px;}
body.show-app-grid .side-menu.open{outline:3px solid rgba(21,86,255,.95);outline-offset:-3px;}
body.show-app-grid .side-menu.open .header-grid,
body.show-app-grid .side-menu.open #create-league-button,
body.show-app-grid .side-menu.open .side-calendars-head,
body.show-app-grid .side-menu.open #league-list,
body.show-app-grid .side-menu.open .league-row{box-shadow:inset 0 0 0 2px rgba(21,86,255,.82);}
#side-menu .footer-disclaimer{text-align:center;font-size:.75rem;color:#888;transform:translateY(2px);}
.footer-disclaimer-copy{display:block;}
#side-menu hr{display:none;}
.side-menu.show-side-grid{outline:3px solid rgba(21,86,255,.95);outline-offset:-3px;}
.side-menu.show-side-grid #close-side-menu,
.side-menu.show-side-grid #legal-links-container,
.side-menu.show-side-grid .footer-disclaimer,
.side-menu.show-side-grid .side-resource-links{box-shadow:inset 0 0 0 2px rgba(21,86,255,.82);}

/* SECTION 02.10 - Footer */
footer{position:fixed;left:0;right:var(--scrollbar-edge);bottom:0;background:var(--green-dark);text-align:center;padding:8px 12px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:0;box-shadow:none;z-index:1200;}
.footer-draft-hint{display:none;margin:0 auto 8px;padding:0 12px;color:#fff;font-size:.82rem;font-weight:700;line-height:1.22;text-align:center;}
footer button{display:block;margin:0 auto;width:84%;max-width:520px;font-size:1rem;}
#best-times-button{background:var(--green);}
#best-times-button:hover{background:var(--green-hover);}
#best-times-button:disabled,#best-times-button.is-disabled{opacity:.8;cursor:not-allowed;}
footer #best-times-button:not([hidden]){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
.no-league-footer-meta{display:none;}
.footer-links{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px;font-size:.66rem;line-height:1;white-space:nowrap;}
.footer-links a{color:#2b91e8;text-decoration:underline;}
.footer-links span{color:rgba(255,255,255,.55);}

/* SECTION 02.11 - Main Content Width And Ad Slots */
main{max-width:calc(var(--content-max) - 70px);margin:0 auto;padding-top:calc(var(--header-height) - 1px);box-sizing:border-box;}
.ad-slot{display:block;width:100%;min-height:0;}
:root{--welcome-content-width:880px;--welcome-left-card-width:430px;--welcome-create-card-width:365px;--welcome-card-gap:17px;}
body.has-bottom-ad{padding-bottom:0;}
body:not(.has-active-league).has-bottom-ad{padding-bottom:0;}
.ad-shell{position:fixed;z-index:1100;box-sizing:border-box;background:#fff;border:1px solid #cfdbe4;box-shadow:0 2px 8px rgba(17,26,34,.12);color:#667684;text-align:center;}
.ad-shell[data-ad-disabled="approval"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.ad-shell:not(.ad-loaded){background:transparent;border:0;box-shadow:none;pointer-events:none;}
.ad-shell--rail:not(.ad-loaded){display:none!important;}
.ad-shell:not(.ad-loaded) .ad-placeholder{background:transparent;}
.ad-shell:not(.ad-loaded) .ad-close,
.ad-shell:not(.ad-loaded) .ad-label{display:none!important;}
.ad-label{position:absolute;left:0;right:0;bottom:2px;color:#667684;font-size:9px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:0;z-index:2;pointer-events:none;}
.ad-placeholder{height:100%;display:block;background:#eef2f5;color:#5f6c78;font-size:13px;font-weight:800;}
.ad-unit-slot{width:100%;height:100%;}
.ad-close{position:absolute;right:-9px;top:-9px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border-radius:999px;background:#dbe6ed;color:#15222e;font-size:13px;font-weight:900;line-height:1;z-index:1;}
.ad-close:hover{background:#cbd9e3;color:#111a22;}
.ad-shell--rail{right:calc(var(--scrollbar-edge) + 18px);top:calc(var(--header-height) + 14px);bottom:calc(var(--footer-h) + 18px);width:120px;}
body.has-bottom-ad .ad-shell--rail{bottom:calc(var(--footer-h) + 96px + env(safe-area-inset-bottom));}
.ad-shell--bottom{position:fixed;left:50%;right:auto;bottom:calc(var(--footer-h) + env(safe-area-inset-bottom));width:min(calc(var(--content-max) - 70px),calc(100vw - var(--scrollbar-edge) - 74px));height:96px!important;min-height:96px;max-height:96px;margin:0;padding:0;transform:translateX(-50%);z-index:1100;background:#eef2f5;border:0;border-top:1px solid #d6e0e7;box-shadow:0 -2px 8px rgba(17,26,34,.08);overflow:visible;}
.ad-shell--bottom .ad-label{bottom:5px;}
.ad-shell--bottom .ad-placeholder{width:100%;height:96px!important;min-height:96px;max-height:96px;margin:0 auto;overflow:hidden;background:#eef2f5;border:0;}
.ad-shell--bottom .ad-unit-slot{display:block!important;width:100%!important;height:78px!important;min-height:78px!important;max-height:78px!important;overflow:hidden!important;}
.ad-shell--bottom iframe{height:78px!important;max-height:78px!important;overflow:hidden!important;}
.ad-shell--bottom .ad-close{right:-9px;top:-9px;}
.ad-shell.is-closed{display:none;}
body:has(.modal-content.intro-content) .ad-shell,
body:has(.modal-content.create-league-content) .ad-shell,
body:has(.modal-content.league-start-content) .ad-shell{display:none!important;}

/* SECTION 02.12 - Public Homepage Shell */
.homepage-intro{box-sizing:border-box;max-width:760px;color:#28333d;text-align:center;}
.homepage-intro--details{position:fixed;left:50%;top:42%;width:min(760px,calc(100% - 40px));margin:0;padding:6px 20px 8px;transform:translate(-50%,-50%);}
.homepage-intro h2{margin:0 0 5px;font-size:calc(1rem - 1px);line-height:1.2;}
.homepage-intro p{margin:0 0 6px;font-size:.82rem;line-height:1.35;}
.homepage-intro a{color:#1e74c9;font-size:.86rem;font-weight:700;}
body:not(.has-active-league){--header-height:88px;--scrollbar-edge:0px;background:var(--green-dark);overflow-y:auto;}
body:not(.has-active-league) header{min-height:56px;}
body:not(.has-active-league) .header-shell{width:100%;max-width:100%;grid-template-columns:1fr;grid-template-areas:"brand";justify-items:center;padding:14px 0 11px;}
body:not(.has-active-league) #league-title{justify-self:center;text-align:center;}
body:not(.has-active-league) .header-top,
body:not(.has-active-league) .header-context{display:none;}
body:not(.has-active-league) #best-times-button{display:none;}
body:not(.has-active-league) footer{display:flex;align-items:center;justify-content:center;min-height:35px;height:35px;padding:0 clamp(8px,2vw,24px);background:var(--green-dark);}
body:not(.has-active-league) .no-league-footer-meta{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.2vw,24px);width:min(760px,100%);color:#888;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.68rem,1.55vw,.82rem);font-weight:400;line-height:1.1;}
body:not(.has-active-league) .no-league-footer-links{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
body:not(.has-active-league) .no-league-footer-links a{color:#888;text-decoration:none;}
body:not(.has-active-league) .no-league-footer-links a:not(:first-child){border-left:1px solid rgba(255,255,255,.28);margin-left:7px;padding-left:7px;}
body:not(.has-active-league) .no-league-footer-links a:hover{color:#bbb;text-decoration:underline;}
body:not(.has-active-league) .no-league-footer-copy{white-space:nowrap;text-align:right;}
body:not(.has-active-league) .ad-shell{display:none!important;}
body.is-join-flow{min-height:100vh;background:#070d16;overflow:hidden;}
body.is-join-flow #welcome-start-screen{display:none!important;}
body.is-join-flow footer{position:fixed;left:0;right:var(--scrollbar-edge);bottom:0;}
.welcome-start-screen[hidden]{display:none!important;}
.welcome-start-screen{position:fixed;left:0;right:var(--scrollbar-edge);top:var(--header-height);bottom:var(--footer-h);box-sizing:border-box;background:linear-gradient(90deg,rgba(4,13,24,.9),rgba(8,22,38,.58) 52%,rgba(8,22,38,.16)),url("../images/cards/welcome.png") center bottom/cover no-repeat;padding:24px 0 0;overflow:visible;z-index:100;}
body:not(.has-active-league) .welcome-start-screen{bottom:35px;padding-bottom:0;}
body.has-active-league.has-bottom-ad .welcome-start-screen{bottom:calc(var(--footer-h) + 96px + env(safe-area-inset-bottom));padding-bottom:10px;}
.welcome-start-screen .welcome-start-heading{display:none;}
.welcome-start-grid{position:relative;width:100%;height:100%;margin:0 auto;display:grid;grid-template-columns:var(--welcome-left-card-width) var(--welcome-create-card-width);grid-template-rows:auto 1fr auto;grid-template-areas:"intro form" ". ." "steps steps";justify-content:center;align-items:start;column-gap:var(--welcome-card-gap);row-gap:0;padding:0 40px 0;box-sizing:border-box;border-radius:0;background:transparent;}
.welcome-start-left{display:contents;}
.welcome-start-card{box-sizing:border-box;background:#fff;text-align:center;color:#111a22;padding:19px 20px 16px;border-radius:8px;}
.welcome-start-card h2{margin:0 auto 17px;max-width:315px;font-size:1.36rem;line-height:1.08;font-weight:900;}
.welcome-start-card p{margin:0 0 17px;color:#333;font-size:.95rem;line-height:1.35;}
.welcome-start-card p:last-child{margin-bottom:0;}
.welcome-start-card--intro{grid-area:intro;min-height:292px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:transparent;color:#fff;text-align:left;text-shadow:none;padding:16px 0 18px;border-radius:0;}
.welcome-start-card--intro h2{display:flex;align-items:center;gap:12px;width:660px;max-width:660px;margin:0 0 20px;color:#fff;font-size:1.82rem;line-height:1.08;font-weight:900;}
.welcome-headline-logo{display:inline-block;width:61px;height:61px;object-fit:contain;vertical-align:middle;margin-right:6px;}
.welcome-start-card--intro h2 span{display:block;vertical-align:middle;}
.welcome-start-card--intro h2 .welcome-headline-phrase{display:inline;}
.welcome-start-card--intro p{max-width:370px;margin:0 0 13px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.145rem;font-weight:700;line-height:1.35;}
.welcome-start-card--intro p:last-of-type{margin-bottom:20px;}
.mobile-copy-break{display:none;}
.welcome-role-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:530px;margin-top:4px;text-shadow:none;}
.welcome-role-note{box-sizing:border-box;padding:10px 11px;border:1px solid rgba(122,165,213,.28);border-radius:8px;background:#11253d;box-shadow:none;transform:translateY(-4px);}
.welcome-role-note strong{display:block;margin-bottom:4px;color:#fff;font-size:.82rem;font-weight:900;line-height:1;}
.welcome-role-note span{display:block;color:#aac3df;font-size:calc(.76rem + 2px);font-weight:700;line-height:1.25;}
.welcome-save-note{grid-column:1/-1;margin:0;color:#fff!important;font-size:calc(.72rem + 4px)!important;font-weight:700!important;line-height:1.22!important;transform:translateY(-2px);}
.welcome-member-help{grid-area:member;position:relative;justify-self:center;align-self:start;margin:12px 0 0;padding:0;background:transparent;color:#fff;border:0;border-radius:0;font-size:.84rem;font-weight:800;line-height:1.2;text-align:center;text-decoration:underline;text-underline-offset:2px;text-shadow:none;}
.welcome-member-help:hover{background:transparent;color:#fff;}
.welcome-member-help .helper-tooltip{top:calc(100% + 8px);font-size:12px;font-weight:500;text-shadow:none;background:#fff;color:#28333d;opacity:1;}
.welcome-start-card--steps{grid-area:steps;justify-self:center;width:calc(100vw - var(--scrollbar-edge));padding:13px 42px 18px;text-align:center;background:#fff;text-shadow:none;box-shadow:0 -2px 14px rgba(16,32,46,.08);border-radius:0;transform:none;}
.welcome-start-card--steps h2{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;margin-bottom:14px;font-size:calc(1.245rem + 1px);line-height:1;transform:translateY(-2px);}
.welcome-steps-ball{display:inline-block;font-size:.95em;line-height:1;transform:translateY(-1px);}
.welcome-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:11px;width:min(940px,calc(100vw - 84px));margin:0 auto;padding:18px 17px 14px;box-sizing:border-box;background:rgba(255,255,255,.22);border:0;border-radius:8px;box-shadow:0 0 4px rgba(14,22,34,.16);}
.welcome-flow-step{display:flex;flex-direction:column;align-items:center;gap:6px;color:#111a22;font-size:.92rem;font-weight:700;font-stretch:normal;letter-spacing:0;text-align:center;}
.welcome-flow-step img{width:27px;height:27px;object-fit:contain;opacity:.95;filter:brightness(0) saturate(100%) invert(42%) sepia(84%) saturate(794%) hue-rotate(84deg) brightness(88%) contrast(94%);transform:translateY(-2px);}
.welcome-flow-step span{font-size:calc(.92rem + 1px);font-weight:700;font-stretch:normal;letter-spacing:0;line-height:1;}
.welcome-flow-step small{display:block;max-width:164px;color:#22313e;font-size:.8425rem;font-weight:600;font-stretch:normal;letter-spacing:0;line-height:1.22;}
.welcome-flow-arrow{color:#506171;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:1.22rem;font-weight:900;line-height:1;margin-top:12px;transform:none;text-shadow:none;}
.welcome-start-card ol{display:none;}
.welcome-start-card li{margin:0 0 7px;font-size:.86rem;line-height:1.25;}
.welcome-simple{text-align:center!important;margin-top:12px!important;}
.welcome-create-panel{grid-area:form;justify-self:start;box-sizing:border-box;width:100%;height:382px;margin:10px 0 0;background:#fff;border:0;border-radius:7px;padding:0;box-shadow:0 8px 24px rgba(8,20,34,.18);}
.welcome-create-panel .create-league-modal{height:100%;padding-left:10px;padding-right:10px;text-align:center;}
.welcome-create-panel .create-league-modal h2{top:18px;text-align:center;font-size:1.42rem;}
.welcome-create-panel .create-league-fields{top:49px;left:21px;right:20px;bottom:auto;text-align:center;}
.welcome-create-panel .create-league-actions{bottom:48px;}
.welcome-create-panel .create-league-sub{margin-left:auto;margin-right:auto;text-align:center;}
.welcome-create-panel .create-league-note{margin-left:auto;margin-right:auto;text-align:center;}
.welcome-create-panel .create-league-modal label{display:block;top:0;margin:9px auto;max-width:320px;}
.welcome-create-panel .create-league-modal :is(input, select){display:block;width:100%;box-sizing:border-box;height:37px;margin:0;padding:8px 11px;border:1px solid #d2d6db;border-radius:4px;background:#fff;font-size:1.005rem;}
.welcome-create-panel .create-league-sub{position:absolute;left:31px;right:30px;top:265px;display:block;margin:0 auto;max-width:none;color:#44515d;font-size:.72rem;line-height:1.15;font-weight:700;text-align:center;}
.welcome-create-panel .create-league-note{top:-1px;font-size:.78rem;line-height:1.2;margin-top:12px;max-width:300px;color:#333;font-weight:500;}
.welcome-create-panel .create-league-note strong,.welcome-create-panel .create-league-note span{display:inline;text-decoration:none;}
.welcome-create-panel .create-league-note strong{top:0;margin-right:0;font-size:.82rem;}
.welcome-create-panel .create-league-actions .primary{height:42px;min-height:42px;min-width:190px;border-radius:5px;padding-top:10px;padding-bottom:12px;word-spacing:2px;}
.welcome-create-panel .create-league-actions .primary{background:#35a83f;}
.welcome-create-panel .create-league-actions .primary:hover{background:#3bb946;}
.welcome-create-panel .welcome-member-help{position:absolute;left:0;right:0;bottom:23px;justify-self:auto;margin:0;color:#1867b0;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:800;text-shadow:none;}
.welcome-create-panel .welcome-member-help:hover{background:transparent;color:#12548f;text-decoration:underline;}
.welcome-create-panel .welcome-member-help:hover .helper-tooltip,.welcome-create-panel .welcome-member-help:focus-visible .helper-tooltip{display:none!important;}
.welcome-create-panel .welcome-member-help.is-tooltip-open .helper-tooltip{display:block!important;}
body.has-active-league .welcome-start-screen{display:none!important;}
body.is-booting-route{background:#070d16;}
body.is-booting-route .app-chrome,
body.is-booting-route .public-subnav,
body.is-booting-route .homepage-intro--details,
body.is-booting-route #welcome-start-screen,
body.is-booting-route footer,
body.is-booting-route [data-app-only]{display:none!important;}
body:not(.has-active-league) .homepage-intro--details{display:none;}
.calendar-bottom-tagline{max-width:760px;margin:4px auto 12px;padding:0 20px;text-align:center;color:#667684;font-size:.88rem;font-weight:600;line-height:1.35;}
.calendar-bottom-countdown{max-width:760px;margin:-6px auto 32px;padding:0 20px;text-align:center;color:#667684;font-size:.88rem;font-weight:600;line-height:1.35;align-items:center;justify-content:center;gap:12px;}
.calendar-bottom-countdown::before,.calendar-bottom-countdown::after{content:"";height:2px;max-width:170px;flex:1 1 70px;background:#667684;border-radius:999px;opacity:.35;}
.calendar-bottom-countdown strong{font-weight:600;margin-left:1px;}
.calendar-bottom-tagline,.calendar-bottom-countdown{display:none;}
body.has-active-league .calendar-bottom-tagline{display:block;}
body.has-active-league .calendar-bottom-countdown{display:flex;}
body.has-active-league .footer-draft-hint:not([hidden]){display:block;}
body.has-active-league .homepage-intro--details{display:none;}
body:has(.modal-content.create-league-content) .homepage-intro--details,
body:has(.intro-copy--steps) .homepage-intro--details{display:none;}

@media (max-width:521px){
.footer-draft-hint:not([hidden]){padding:0 4px;font-size:clamp(9px,calc(2.35vw + 1px),11px);line-height:1.18;white-space:nowrap;}
footer #best-times-button:not([hidden]){width:84%;padding-right:8px;padding-left:8px;font-size:clamp(11px,3.2vw,14px);line-height:1;white-space:nowrap;}
}

@media (max-width:390px){
body.has-active-league .calendar-bottom-countdown::before,
body.has-active-league .calendar-bottom-countdown::after{max-width:162px;flex-basis:62px;}
body.has-active-league .calendar-bottom-countdown > span{white-space:nowrap;}
}

/* SECTION 02.13 - Header And App Responsive Rules */
@media (min-width:480px){header h1{font-size:1.44rem;}}
@media (min-width:900px){header{min-height:56px;}}
@media (max-width:900px) and (min-width:641px){
:root{--header-height:132px;}
body:not(.has-active-league){--header-height:88px;}
body:not(.has-active-league) .header-shell{padding:14px 0 11px;display:grid;grid-template-columns:1fr;grid-template-areas:"brand";justify-items:center;row-gap:0;}
.header-shell{padding:8px 0 6px;display:grid;grid-template-columns:1fr;grid-template-areas:"brand" "controls" "context";row-gap:4px;}
#league-title{justify-self:center;text-align:center;}
header .header-top{justify-content:center;gap:6px;max-width:100%;min-width:0;overflow:hidden;}
.context-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
.welcome-start-screen{padding:24px 0 0;overflow:hidden;}
.welcome-start-grid{width:100%;height:100%;grid-template-columns:var(--welcome-left-card-width) var(--welcome-create-card-width);grid-template-rows:auto 1fr auto;grid-template-areas:"intro form" ". ." "steps steps";justify-content:center;align-items:start;column-gap:var(--welcome-card-gap);padding:0;}
.welcome-start-left{display:contents;}
.welcome-create-panel{width:100%;height:382px;margin:10px 0 0;}
.welcome-create-panel .create-league-modal h2{top:18px;font-size:1.42rem;}
.welcome-create-panel .create-league-fields{top:53px;left:21px;right:20px;bottom:auto;}
.welcome-create-panel .create-league-modal label{max-width:320px;margin:8px auto;}
.welcome-create-panel .create-league-modal :is(input, select){height:39px;padding-left:13px;padding-right:13px;font-size:1.005rem;}
.welcome-create-panel .create-league-sub{top:265px;bottom:auto;font-size:.72rem;line-height:1.15;}
.welcome-create-panel .create-league-actions{left:31px;right:30px;bottom:34px;}
}
@media (max-width:768px) and (min-width:641px){
:root{--header-height:132px;}
body:not(.has-active-league){--header-height:88px;}
body:not(.has-active-league) .header-shell{padding:14px 0 11px;display:grid;grid-template-columns:1fr;grid-template-areas:"brand";justify-items:center;row-gap:0;}
.header-shell{padding:8px 0 6px;display:grid;grid-template-columns:1fr;grid-template-areas:"brand" "controls" "context";row-gap:4px;}
#league-title{justify-self:center;text-align:center;}
header .header-top{justify-content:center;gap:6px;max-width:100%;min-width:0;overflow:hidden;}
.context-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
.welcome-start-screen{padding:24px 0 0;overflow:hidden;}
.welcome-start-grid{width:100%;height:100%;grid-template-columns:var(--welcome-left-card-width) var(--welcome-create-card-width);grid-template-rows:auto 1fr auto;grid-template-areas:"intro form" ". ." "steps steps";justify-content:center;align-items:start;column-gap:var(--welcome-card-gap);row-gap:0;padding:0;}
.welcome-start-left{display:contents;}
.welcome-start-card--intro{display:flex;min-height:292px;padding:16px 0 18px;}
.welcome-start-card--intro h2{justify-self:auto;max-width:min(610px,100%);margin:-5px 0 15px;text-align:left;font-size:clamp(1.34rem,2.38vw,1.5rem);line-height:1.08;}
.welcome-start-card--intro h2 br:first-of-type{display:block;}
.welcome-intro-copy{grid-area:auto;align-self:auto;padding:0;text-align:left;}
.welcome-start-card--intro p{max-width:100%;margin:0 0 14px;font-size:clamp(.9rem,2.34vw,1.145rem);line-height:1.3;}
.welcome-start-card--intro p:last-of-type{margin-bottom:18px;}
.welcome-member-help{font-size:.76rem;}
.welcome-role-note span{font-size:.82rem;line-height:1.24;}
.welcome-role-note:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;}
.welcome-role-note .welcome-member-help{display:block!important;width:100%!important;margin:9px 0 0!important;text-align:left!important;justify-self:start!important;align-self:stretch!important;}
.welcome-create-panel{width:100%;height:360px;margin:10px 0 0;}
.welcome-create-panel .create-league-modal h2{top:17px;font-size:1.3rem;}
.welcome-create-panel .create-league-fields{top:51px;left:18px;right:18px;}
.welcome-create-panel .create-league-modal label{max-width:320px;margin:8px auto;}
.welcome-create-panel .create-league-modal :is(input, select){height:37px;font-size:1.005rem;}
.welcome-create-panel .create-league-sub{top:auto;bottom:78px;font-size:.74rem;line-height:1.16;}
.welcome-create-panel .create-league-actions{bottom:28px;}
.welcome-create-panel .create-league-actions .primary{height:40px;min-height:40px;min-width:190px;font-size:1rem;}
.welcome-start-card--steps{align-self:end;width:calc(100vw - var(--scrollbar-edge));padding:12px 24px 14px;}
.welcome-flow{width:min(760px,calc(100vw - 48px));gap:8px;padding:12px 12px;}
.welcome-flow-step small{font-size:.76rem;max-width:140px;}
}
@media (max-width:640px){
:root{--header-height:130px;--footer-h:38px;--chip-h:28px;--control-font:.72rem;--content-edge:12px;--scrollbar-edge:0px;}
body:not(.has-active-league){--header-height:64px;}
header{display:block;background:var(--green-dark);color:#fff;width:100%;box-sizing:border-box;padding:0;}
header.sticky{right:var(--scrollbar-edge);width:auto;}
.header-shell{position:relative;width:calc(100% - 8px);padding:9px 0 3px;display:grid;grid-template-columns:30px minmax(0,1fr) 95px 95px;grid-template-areas:"menu brand brand brand" "league league invite teams" "view view view view" "weekly weekly status status";align-items:center;gap:0 4px;}
body:not(.has-active-league) .header-shell{padding:14px 0 11px;}
#league-title{grid-column:1 / -1;grid-row:1;font-size:calc(.98rem + 4px);text-align:center;font-weight:900;justify-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
#league-title .site-brand{gap:6px;}
.brand-ball{font-size:calc(1em - 3px);transform:translate(1px,-2px);}
.brand-text{transform:none;}
header .header-top{display:contents;}
#menu-button{grid-area:menu;width:26px;min-width:26px;height:28px;min-height:28px;margin-left:0;justify-self:start;transform:translate(6px,1px);font-size:1.18rem!important;font-family:Arial,Helvetica,sans-serif;padding:0;z-index:1;}
.header-top .header-right{grid-area:teams;display:flex;align-items:center;justify-content:center;gap:0;width:auto;min-width:0;}
.header-top .header-right > *{order:initial;}
#invite-button{grid-area:invite;}
.view-switch{grid-area:view;grid-column:1 / -1!important;justify-self:stretch;display:block;width:100%;min-width:0;}
.view-switch-label{display:none;}
.view-switch button{padding:0 8px;border-radius:0;font-weight:700;width:100%!important;font-size:.74rem;}
.view-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;min-width:0;border-radius:5px;box-shadow:inset 0 0 0 1px var(--month-bar);}
.view-switch .view-toggle{height:27px;min-height:27px;}
.view-switch .view-toggle button{border-radius:0;}
#invite-button,.view-switch{order:initial;flex:0 1 auto;min-width:0;}
#invite-button{position:relative;justify-self:stretch;margin:0;max-width:none;font-size:.78rem;padding:0 8px;background:transparent;border-left:0;text-align:center;white-space:nowrap;}
#teams-button{position:relative;width:100%;min-width:0;font-size:.78rem;padding:0 8px;white-space:nowrap;background:transparent!important;text-align:center;}
#teams-button::before{content:none;}
#invite-button::after{content:"";position:absolute;right:-3px;top:4px;bottom:4px;width:1px;background:#5a6d7d;}
.hdr-size,#menu-button,#invite-button,.header-right > *{height:35px;min-height:35px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:112px;}
.hdr-size,#menu-button,#invite-button,.header-right > *{height:28px;min-height:28px;max-width:none;}
.header-right::before,.view-switch::before{display:none;}
.view-switch{height:28px;min-height:28px;max-width:none;}
.view-switch,.view-toggle,.view-toggle > #personal-view,.view-toggle > #shared-view{max-width:none!important;}
.view-switch button{height:27px;min-height:27px;max-width:none;}
#view-switch,.view-switch{grid-column:1 / -1!important;margin-left:0;}
.view-personal #view-switch,.view-personal .view-switch{transform:none;}
.context-row-main{font-size:.86rem;}
.context-row-sub{font-size:.72rem;}
.context-row{display:contents;}
.header-context{display:contents;width:100%;margin-left:0;}
.context-league{grid-area:league;text-align:left;display:flex;align-items:center;height:28px;font-size:.78rem;line-height:1;transform:translateX(7px);}
.context-default{grid-column:1 / 3;grid-row:4;display:inline-flex;align-items:center;justify-content:flex-start;gap:0;text-align:left;padding:2px 0 0 5px;}
.context-default-prefix,.context-default-separator,.context-edit{flex:0 0 auto;}
.context-default-summary{flex:0 1 auto;}
.context-user{grid-area:status;text-align:right;}
.context-view-hint{grid-column:3 / 5;grid-row:4;text-align:right;padding:2px 5px 0 0;}
.context-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.context-view-hint{justify-content:flex-end;}
.context-view-hint{transform:none;}
.side-menu{box-sizing:border-box;width:calc(100% - 170px);min-width:200px;max-width:230px;padding:10px;}
.side-menu h2{font-size:.95rem;}
.side-menu ul li>button{padding:9px 0;font-size:.84rem;}
#create-league-button,#close-side-menu{height:27px!important;min-height:27px!important;max-height:27px!important;padding:0 8px!important;font-size:.74rem;line-height:1;}
#create-league-button{height:29px!important;min-height:29px!important;max-height:29px!important;padding:1px 8px!important;}
#close-side-menu{max-width:100%;}
.side-calendars-head{font-size:.84rem;}
.logo-fixed{width:42px;height:42px;border-radius:6px;}
.header-grid{grid-template-columns:minmax(0,1fr) 42px;column-gap:8px;margin-bottom:10px;}
.logo-fixed{width:42px;height:42px;}
.title-line{font-size:calc(clamp(20px,5.6vw,23px) - .01rem);transform:translateY(1px);}
.title-subline{font-size:calc(clamp(13px,3.4vw,15px) - .01rem);transform:translateY(-1px);}
#side-help-button{width:17px;height:17px;font-size:12px;transform:translate(6px,-1px);}
#side-menu .league-open{min-height:38px;padding:3px 6px 3px;}
#side-menu .league-open{width:calc(100% + 2px);transform:translateX(1px);}
#league-list{transform:translateY(-6px);}
.league-row{transform:none;margin:8px 0;}
.league-menu-popover{min-width:0!important;}
.league-menu-action{font-size:.75rem;padding:7px 5px 5px 7px;}
.league-menu-action:first-child{padding:7px 5px 5px 7px;}
.league-menu-action--spaced{padding:5px 5px 7px 7px;}
.league-open-name{font-size:.58rem;}
.league-open-team{font-size:.58rem;}
#side-menu .legal-link{font-size:.58rem;}
#side-menu .footer-disclaimer{font-size:.62rem;padding-top:5px;margin-top:8px;margin-bottom:2px;}
#legal-links-container{width:max-content;max-width:100%;margin:8px auto 8px;gap:6px 6px;transform:translateY(8px);}
.side-resource-links{width:max-content;max-width:100%;gap:0;margin:5px auto 5px;padding-top:0;}
.side-resource-label,.side-resource-links a{font-size:.58rem;}
.side-resource-label{margin-right:6px;}
.side-resource-links a+a{margin-left:6px;padding-left:6px;}
body:not(.has-active-league) footer{height:38px;min-height:38px;padding:2px 8px;overflow:hidden;}
body:not(.has-active-league) .no-league-footer-meta{display:grid;grid-template-columns:1fr;place-content:center;justify-items:center;width:100%;height:100%;gap:2px;font-size:.56rem;line-height:1;white-space:nowrap;}
body:not(.has-active-league) .no-league-footer-links{display:flex;justify-content:center;min-width:0;max-width:100%;flex-wrap:nowrap;overflow:hidden;}
body:not(.has-active-league) .no-league-footer-links a:not(:first-child){margin-left:4px;padding-left:4px;}
body:not(.has-active-league) .no-league-footer-copy{max-width:100%;white-space:nowrap;text-align:center;}
body:not(.has-active-league) .welcome-start-screen{position:fixed;left:0;right:0;top:var(--header-height);bottom:var(--footer-h);min-height:0;padding:10px 10px 0;overflow:hidden;background-position:right bottom 260px;}
.welcome-start-grid{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"headline" "copy" "form" "steps";gap:7px;margin:8px 0 0;padding:0;align-items:start;}
.welcome-start-left{display:contents;}
.welcome-start-card--intro{display:contents;min-height:0;padding:0;}
.welcome-start-card--intro h2{grid-area:headline;justify-self:center;max-width:360px;margin:0 auto;text-align:center;font-size:1.1rem;line-height:1.08;}
.welcome-start-card--intro h2 br:first-of-type{display:none;}
.welcome-intro-copy{grid-area:copy;justify-self:center;width:calc(100% - 36px);max-width:436px;display:grid;grid-template-columns:1fr;column-gap:0;padding:0;text-align:center;}
.welcome-intro-copy p:first-child{display:none;}
.welcome-start-card--intro p{max-width:none;margin:0;font-size:.78rem;line-height:1.22;}
.welcome-start-card--intro p:last-of-type{margin-bottom:0;}
.mobile-copy-break{display:inline;}
.desktop-copy-inline{display:none;}
.welcome-create-panel{align-self:start;justify-self:center;width:calc(100% - 36px);max-width:436px;height:347px;border:0;border-radius:7px;box-shadow:0 3px 12px rgba(8,20,34,.16);}
.welcome-create-panel .create-league-modal{height:100%;padding-left:10px;padding-right:10px;text-align:center;}
.welcome-create-panel .create-league-modal h2{top:13px;left:20px;right:20px;text-align:center;font-size:calc(1.42rem - 3px);}
.welcome-create-panel .create-league-fields{top:37px;left:21px;right:20px;text-align:center;}
.welcome-create-panel .create-league-modal label{display:block;top:0;margin:9px auto;max-width:320px;}
.welcome-create-panel .create-league-modal input{display:block;width:100%;box-sizing:border-box;height:37px;margin:0;padding:8px 11px;border:1px solid #d2d6db;border-radius:4px;background:#fff;font-size:1.005rem;}
.welcome-create-panel .create-league-note{top:-6px;font-size:.78rem;line-height:1.2;margin-top:12px;max-width:300px;color:#333;font-weight:500;}
.welcome-create-panel .create-league-actions{bottom:34px;}
.welcome-create-panel .create-league-actions .primary{height:40px;min-height:40px;min-width:190px;border-radius:5px;padding:8px 15px 12px;font-size:calc(1rem - 1px);}
.welcome-create-panel .welcome-member-help{bottom:13px;}
.welcome-start-card--steps{align-self:end;width:calc(100vw - var(--scrollbar-edge));padding:7px 14px 16px;}
.welcome-start-card--steps h2{margin-bottom:8px;font-size:1.12rem;transform:none;}
.welcome-flow{display:grid;grid-template-columns:1fr;gap:6px;width:100%;padding:0 4px;background:transparent;box-shadow:none;}
.welcome-flow-step{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px;padding:10px 14px;border:1px solid rgba(14,22,34,.12);border-radius:4px;text-align:left;background:rgba(255,255,255,.7);}
.welcome-flow-step img{grid-row:1 / 3;width:27px;height:27px;justify-self:center;transform:none;}
.welcome-flow-step span{font-size:.88rem;line-height:1;}
.welcome-flow-step small{max-width:none;font-size:.8rem;line-height:1.12;}
.welcome-flow-arrow{display:none;}
}
@media (max-width:640px) and (min-width:391px){
.welcome-intro-copy{transform:translateY(6px);}
.welcome-create-panel{width:404px;max-width:calc(100% - 24px);height:351px;}
.welcome-create-panel .create-league-fields{left:21px;right:20px;}
.welcome-create-panel .create-league-modal label{max-width:320px;}
.welcome-create-panel .create-league-actions{bottom:37px;}
.welcome-create-panel .welcome-member-help{bottom:18px;}
.welcome-flow{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:6px 8px;padding:0 4px;}
.welcome-flow-step{grid-template-columns:36px minmax(0,1fr);column-gap:8px;row-gap:2px;padding:8px 10px;}
.welcome-flow-step img{width:29px;height:29px;}
.welcome-flow-step span{font-size:.82rem;}
.welcome-flow-step small{font-size:.72rem;line-height:1.1;}
.welcome-flow-step:nth-of-type(1){grid-column:1;grid-row:1;}
.welcome-flow-step:nth-of-type(2){grid-column:1;grid-row:2;}
.welcome-flow-step:nth-of-type(3){grid-column:2;grid-row:1;}
.welcome-flow-step:nth-of-type(4){grid-column:2;grid-row:2;}
}
@media (max-width:1280px){.ad-shell--rail{display:none;}}
@media (max-width:640px){body.has-bottom-ad{padding-bottom:calc(88px + env(safe-area-inset-bottom));}.ad-shell--bottom{display:none;}}
@media (min-width:523px) and (max-width:640px){.context-edit:not(.is-disabled){text-decoration:underline!important;text-underline-offset:1px;}}
@media (max-width:1024px),(hover:none) and (pointer:coarse){:root{--scrollbar-edge:0px;}}
@media (max-width:420px){header h1{font-size:.95rem;}}
@media (max-width:522px){
.app-chrome,header,.header-shell,.header-context{overflow:visible!important;}
.context-default{position:relative;grid-column:1 / -1;box-sizing:border-box;padding-right:clamp(134px,calc(39vw - 8px),150px);overflow:visible!important;z-index:2;}
.context-default-prefix,.context-edit,.context-default-separator{display:inline-block;line-height:1.3;overflow:visible;}
.context-default-summary{line-height:1.25;padding-bottom:1px;}
.context-view-hint{position:relative;grid-column:1 / -1;justify-self:end;width:max-content;max-width:158px;overflow:visible!important;z-index:2;transform:translateX(2px);}
.context-view-hint #calendar-view-hint-text{display:inline-block;line-height:1.3;overflow:visible;}
}
@media (min-width:640px){
#side-menu .title-wrap{transform:translateY(1px);}
}
@media (max-width:390px){
body:not(.has-active-league) .welcome-start-screen{background-position:right bottom 260px;}
#side-menu .header-grid{grid-template-rows:auto auto;row-gap:2px;}
#side-menu .title-wrap{display:contents;}
#side-menu .title-line{grid-column:1;grid-row:1;align-self:start;font-size:20px;transform:none;}
#side-menu .title-subline{grid-column:1 / -1;grid-row:2;width:100%;margin-top:0;font-size:13px;transform:none;overflow:visible;text-overflow:clip;}
#side-menu .logo-fixed{grid-column:2;grid-row:1;align-self:start;}
.welcome-start-card--intro p{font-size:calc(.78rem + 1px);}
.mobile-copy-break{display:none;}
.desktop-copy-inline{display:inline;}
.welcome-create-panel{width:calc(100% - 24px);transform:translateY(-8px);}
.welcome-create-panel .create-league-modal h2{top:10px;font-size:calc(1.42rem - 4px);}
.welcome-create-panel .create-league-fields{top:36px;}
.welcome-create-panel .create-league-modal :is(input, select){height:35.5px;font-size:calc(1.005rem - 1.5px);}
.welcome-create-panel .create-league-note{top:-6px;font-size:.72rem;line-height:1.15;max-width:285px;}
.welcome-create-panel{height:345px;}
.welcome-create-panel .create-league-modal h2{transform:translateY(1px);}
.welcome-create-panel .create-league-actions{bottom:44px;}
.welcome-create-panel .create-league-actions .primary{height:39px;min-height:39px;padding-top:7.5px;padding-bottom:11.5px;font-size:1rem;}
.welcome-create-panel .welcome-member-help{bottom:23px;}
.welcome-start-card--steps{padding-top:5px;}
.welcome-start-card--steps h2{margin-bottom:6px;font-size:calc(1.12rem - 1px);}
.welcome-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:2px;width:100%;padding:2px 2px 0;}
.welcome-flow-step{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 1px;border:0;background:transparent;text-align:center;}
.welcome-flow-step img{width:20px;height:20px;transform:none;}
.welcome-flow-step span{font-size:.64rem;line-height:1;font-weight:800;}
.welcome-flow-step small{max-width:70px;font-size:.52rem;line-height:1.05;}
.welcome-flow-arrow{display:block;color:#506171;font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:900;line-height:1;margin-top:12px;transform:none;}
}
@media (max-width:390px){
#side-menu .header-grid{position:relative;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto;margin-bottom:10px;}
#side-menu .title-wrap{display:block;position:relative;grid-column:1;grid-row:1;min-width:0;overflow:visible;}
#side-menu .logo-fixed{width:40px;height:40px;}
#side-menu .title-line{display:block;grid-column:auto;grid-row:auto;font-size:17px;}
#side-menu .title-subline{position:absolute;left:0;top:calc(100% + 4px);z-index:2;width:max-content;max-width:none;margin-top:0;font-size:12px;line-height:1.08;white-space:nowrap;transform:none;overflow:visible;text-overflow:clip;pointer-events:none;}
}
@media (max-width:360px){
:root{--menuIcon:50px;}
#side-menu .title-wrap{transform:translateY(1px);}
#side-menu .title-subline{font-size:12px;}
#side-menu .title-line{font-size:18px;}
.header-shell{grid-template-columns:30px minmax(0,1fr) auto auto;column-gap:8px;}
#invite-button{justify-self:end;padding-left:4px;padding-right:4px;}
#teams-button{width:auto;padding-left:4px;padding-right:4px;}
.title-line{font-size:clamp(17px,5.5vw,22px);}
#league-title,#league-title *{min-width:0;}
#league-title{font-size:calc(.98rem + 4px);white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0;max-width:100%;}
}
@media (prefers-reduced-motion:reduce){.league-row,.league-trash,.league-open{transition:none;}}

/* SECTION 02.14 - Public Homepage Content Sections */
.public-home-section{display:none;}
.public-home-section-inner{width:min(1120px,calc(100vw - 72px));margin:0 auto;box-sizing:border-box;}
.public-section-kicker,
body:not(.has-active-league) .welcome-start-card--steps .public-section-kicker{margin:0 0 8px;color:#75a4dc;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:none;}
.public-home-section h2{margin:0;color:#fff;font-size:1.5rem;line-height:1.15;font-weight:700;letter-spacing:0;text-align:left;text-shadow:none;transform:none;}
body:not(.has-active-league) .welcome-start-card--steps h2{margin:0;color:#fff;font-size:1.5rem;line-height:1.15;font-weight:700;letter-spacing:0;text-align:left;text-shadow:none;transform:none;}
.public-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;}
.public-feature-grid article{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;column-gap:15px;box-sizing:border-box;min-height:138px;padding:18px 18px 16px;border:1px solid rgba(122,165,213,.24);border-radius:8px;background:#11253d;box-shadow:none;}
.public-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0;border-radius:50%;background:rgba(117,164,220,.16);box-shadow:inset 0 0 0 1px rgba(122,165,213,.18);}
.public-feature-icon svg{width:31px;height:31px;fill:none;stroke:#1ead3a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.public-feature-grid h3{margin:0 0 8px;color:#fff;font-size:1rem;line-height:1.1;}
.public-feature-grid p,.public-home-copy p{margin:0;color:#aac3df;font-size:.9rem;font-weight:600;line-height:1.45;}
.public-feature-list{margin:0;padding:0;list-style:none;color:#aac3df;font-size:.9rem;font-weight:600;line-height:1.38;}
.public-feature-list li{position:relative;margin:0 0 5px;padding-left:14px;}
.public-feature-list li::before{content:"";position:absolute;left:0;top:.48em;width:5px;height:5px;border-radius:50%;background:#75a4dc;}
.public-feature-list li:last-child{margin-bottom:0;}
.public-home-copy p+p{margin-top:12px;}
.public-home-copy{padding-top:30px;}
.public-home-split{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:40px;align-items:start;}
body:not(.has-active-league) .welcome-start-screen{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:calc(100vh - var(--header-height));margin-top:var(--header-height);padding:12px 0 0;overflow:visible;background-attachment:scroll;background-position:left top;}
body:not(.has-active-league) .welcome-start-grid{height:auto;min-height:calc(100vh - var(--header-height) - 35px);grid-template-rows:auto 0 auto;align-content:start;padding-bottom:0;}
body:not(.has-active-league) .welcome-start-card--steps{width:100%;background:rgba(255,255,255,.96);}
body:not(.has-active-league) .public-home-section{display:block;padding:56px 0;background:rgba(5,15,27,.74);}
body:not(.has-active-league) .public-home-section--why{padding-top:50px;padding-bottom:70px;background:rgba(4,12,22,.82);}
body:not(.has-active-league) footer{position:static;}
@media (max-width:900px){.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.public-home-split{grid-template-columns:1fr;gap:18px;}.public-home-copy{padding-top:0;}}
@media (max-width:640px){.public-home-section-inner{width:calc(100vw - 36px);}.public-feature-grid{grid-template-columns:1fr;gap:10px}.public-feature-grid article{min-height:0;padding:14px}.public-home-section h2{font-size:1.25rem}body:not(.has-active-league) .public-home-section{padding:34px 0;}}

/* SECTION 02.15 - Public Homepage Shared Width */
body:not(.has-active-league){--welcome-left-card-width:530px;--welcome-create-card-width:365px;--welcome-card-gap:72px;--public-page-width:min(calc(var(--welcome-left-card-width) + var(--welcome-card-gap) + var(--welcome-create-card-width)),calc(100vw - 52px));}
body:not(.has-active-league) .public-page-grid{width:var(--public-page-width);max-width:var(--public-page-width);margin-left:auto;margin-right:auto;box-sizing:border-box;}
body:not(.has-active-league) .welcome-start-grid,
body:not(.has-active-league) .public-home-section-inner{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box;}
body:not(.has-active-league) .welcome-start-grid{padding-left:0;padding-right:0;}
body:not(.has-active-league) .welcome-start-card--steps{width:100%;padding-left:42px;padding-right:42px;}
body:not(.has-active-league) .welcome-flow{width:100%;max-width:100%;}
@media (max-width:1024px) and (min-width:901px){
body:not(.has-active-league){
--public-page-width:calc(100vw - 52px);
--welcome-create-card-width:clamp(350px,38vw,365px);
--welcome-card-gap:clamp(20px,4vw,56px);
--welcome-left-card-width:calc(var(--public-page-width) - var(--welcome-create-card-width) - var(--welcome-card-gap));
}
}
@media (max-width:900px) and (min-width:768px){
body:not(.has-active-league){
--public-page-width:calc(100vw - 52px);
--welcome-create-card-width:clamp(320px,43vw,350px);
--welcome-card-gap:clamp(12px,2vw,20px);
--welcome-left-card-width:calc(var(--public-page-width) - var(--welcome-create-card-width) - var(--welcome-card-gap));
}
}
@media (max-width:767px) and (min-width:522px){
body:not(.has-active-league){
--public-page-width:calc(100vw - 20px);
--welcome-create-card-width:clamp(300px,45vw,330px);
--welcome-card-gap:10px;
--welcome-left-card-width:calc(var(--public-page-width) - var(--welcome-create-card-width) - var(--welcome-card-gap));
}
}

/* SECTION 02.16 - Public Homepage Visual System */
body:not(.has-active-league){--scrollbar-edge:17px;background:var(--green-dark);padding-bottom:0;}
body:not(.has-active-league) .welcome-start-screen{background:linear-gradient(90deg,rgba(4,13,24,.76),rgba(8,22,38,.62) 52%,rgba(8,22,38,.35)),url("../images/cards/welcome.png") calc(42% - 80px) calc(100% + 170px)/max(1665px,115vw) auto fixed no-repeat;}
@media (max-width:768px) and (min-width:641px){body:not(.has-active-league) .welcome-start-screen{background:linear-gradient(90deg,rgba(4,13,24,.76),rgba(8,22,38,.62) 52%,rgba(8,22,38,.35)),url("../images/cards/welcome.png") calc(42% - 80px) calc(100% + 170px)/max(1665px,115vw) auto scroll no-repeat;}body:not(.has-active-league) .welcome-start-card--intro h2{font-size:clamp(1rem,2.35vw,1.1rem);line-height:1.08;}body:not(.has-active-league) .welcome-headline-logo{width:clamp(34px,5.2vw,40px);height:clamp(34px,5.2vw,40px);}}
body:not(.has-active-league) .welcome-start-card--intro h2,
body:not(.has-active-league) .welcome-start-card--intro p{width:100%;max-width:none;}
body:not(.has-active-league) .welcome-role-notes{width:100%;max-width:none;}
body:not(.has-active-league) .welcome-start-card--intro h2{font-size:calc(1.65rem + 1px);}
@media (min-width:901px){body:not(.has-active-league) .welcome-start-card--intro h2{display:flex;width:100%;max-width:min(610px,100%);padding:5px 0;margin:-5px 0 15px;box-sizing:border-box;}}
@media (max-width:1024px) and (min-width:768px){body:not(.has-active-league) .welcome-start-card--intro h2{font-size:clamp(1.34rem,2.55vw,1.46rem);}}
@media (max-width:1024px) and (min-width:768px){body:not(.has-active-league) .welcome-start-card--intro h2.welcome-headline--tight{font-size:clamp(1.22rem,2.42vw,1.34rem);}}
@media (max-width:767px) and (min-width:522px){body:not(.has-active-league) .welcome-start-card--intro h2.welcome-headline--tight{font-size:clamp(1.18rem,2.65vw,1.3rem);}}
@media (max-width:521px){body:not(.has-active-league) .welcome-start-card--intro h2.welcome-headline--tight{font-size:clamp(1.02rem,5.6vw,1.12rem);}}
@media (max-width:900px) and (min-width:641px){body:not(.has-active-league) .welcome-headline-logo{width:clamp(42px,6vw,52px);height:clamp(42px,6vw,52px);}}
@media (max-width:768px) and (min-width:641px){body:not(.has-active-league) .welcome-headline-logo{width:clamp(34px,5.2vw,40px);height:clamp(34px,5.2vw,40px);}}
body:not(.has-active-league) .public-page-grid{padding-bottom:0;}
body:not(.has-active-league) .welcome-start-card--steps{width:100%;margin-left:0;margin-right:0;background:transparent;border:0;box-shadow:none;border-radius:0;color:#fff;text-shadow:none;padding:0 0 46px;text-align:left;}
body:not(.has-active-league) .welcome-start-card--steps .public-section-kicker,
body:not(.has-active-league) .welcome-start-card--steps h2{display:block;width:100%;max-width:none;}
body:not(.has-active-league) .welcome-flow{min-height:128px;margin-top:13px;align-items:stretch;background:#11253d;border:1px solid rgba(122,165,213,.24);box-shadow:none;border-radius:8px;padding:18px 18px 16px;}
body:not(.has-active-league) .welcome-flow-step{justify-content:center;color:#fff;text-shadow:none;}
body:not(.has-active-league) .welcome-flow-arrow{align-self:center;}
body:not(.has-active-league) .welcome-flow-step span{color:#fff;}
body:not(.has-active-league) .welcome-flow-step small{color:#aac3df;}
body:not(.has-active-league) .welcome-flow-arrow{color:#75a4dc;text-shadow:none;}
body:not(.has-active-league) .public-home-section{background:transparent;padding:46px 0;}
body:not(.has-active-league) .public-home-section--why{background:transparent;padding-top:36px;padding-bottom:56px;}
body:not(.has-active-league) .public-home-section-inner{width:100%;max-width:100%;margin-left:0;margin-right:0;}
body:not(.has-active-league) .public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:13px;}
body:not(.has-active-league) .public-feature-grid article{min-height:128px;}
body:not(.has-active-league) .public-home-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body:not(.has-active-league) .public-home-why-panel{margin-top:8px;padding:20px 22px;background:#11253d;border:0;border-radius:8px;box-shadow:none;}
body:not(.has-active-league) .public-home-why-panel .public-home-copy{padding-top:0;}
@media (min-width:901px){body:not(.has-active-league) #homepage-why-title{font-size:calc(1.5rem - 4px);}}
body:not(.has-active-league) .public-home-copy p{font-size:1rem;line-height:1.42;}
body:not(.has-active-league) .welcome-role-note strong,
body:not(.has-active-league) .welcome-role-note span,
body:not(.has-active-league) .welcome-member-help,
body:not(.has-active-league) .welcome-flow-step span,
body:not(.has-active-league) .welcome-flow-step small,
body:not(.has-active-league) .public-feature-grid h3,
body:not(.has-active-league) .public-feature-list,
body:not(.has-active-league) .public-home-copy p{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0;}
body:not(.has-active-league) .welcome-role-note strong,
body:not(.has-active-league) .welcome-member-help,
body:not(.has-active-league) .public-feature-grid h3{line-height:1.15;}
body:not(.has-active-league) .welcome-role-note span,
body:not(.has-active-league) .welcome-flow-step small,
body:not(.has-active-league) .public-feature-list,
body:not(.has-active-league) .public-home-copy p{line-height:1.35;}
body:not(.has-active-league) footer{height:auto;min-height:80px;align-items:center;padding:10px clamp(8px,2vw,24px);overflow:visible;}
body:not(.has-active-league) .no-league-footer-meta{position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;width:100%;max-width:none;height:100%;gap:7px;}
body:not(.has-active-league) .no-league-footer-links{position:static;display:flex;justify-content:center;flex-wrap:wrap;max-width:none;width:100%;row-gap:4px;left:auto;top:auto;transform:translateY(-2px);}
body:not(.has-active-league) .no-league-footer-copy{position:static;max-width:100%;text-align:center;white-space:nowrap;left:auto;top:auto;transform:none;}
body.show-public-grid:not(.has-active-league) .no-league-footer-meta::after{content:none;}
@media (min-width:901px){body:not(.has-active-league) .welcome-start-card--intro,body:not(.has-active-league) .welcome-create-panel{transform:translateY(1px);}body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{top:18px;}body:not(.has-active-league) .welcome-create-panel .create-league-fields{top:53px;bottom:auto;}body:not(.has-active-league) .welcome-create-panel .create-league-sub{top:260px;bottom:auto;}body:not(.has-active-league) .welcome-create-panel .create-league-actions{left:31px;right:30px;bottom:34px;}body:not(.has-active-league) .welcome-role-note:first-child span{font-size:calc(.76rem + 1px);transform:translateY(1px);}}
@media (min-width:901px){body:not(.has-active-league) .welcome-create-panel .create-league-modal :is(input, select){height:39px;padding-left:13px;padding-right:13px;}body:not(.has-active-league) .welcome-create-panel .create-league-modal label{margin:8px auto;}body:not(.has-active-league) .welcome-create-panel .create-league-sub{font-size:calc(.72rem + 1px);line-height:1.18;margin-bottom:9px;}}
@media (max-width:1024px),(hover:none) and (pointer:coarse){body:not(.has-active-league){--scrollbar-edge:0px;}}
@media (max-width:640px){body:not(.has-active-league) .welcome-start-card--steps{padding:0 0 20px;text-shadow:none;}body:not(.has-active-league) .welcome-flow{padding:8px 8px 7px;box-shadow:none;}body:not(.has-active-league) .welcome-flow-step,body:not(.has-active-league) .public-feature-grid article,body:not(.has-active-league) .public-home-why-panel{box-shadow:none;}body:not(.has-active-league) .public-feature-grid{grid-template-columns:1fr;}body:not(.has-active-league) .public-home-section h2,body:not(.has-active-league) .welcome-start-card--steps h2{text-shadow:none;font-size:clamp(1.05rem,4.6vw,1.22rem);line-height:1.12;}body:not(.has-active-league) .public-feature-grid h3{font-size:.9rem;line-height:1.12;}body:not(.has-active-league) .public-feature-grid p,body:not(.has-active-league) .public-home-copy p{font-size:clamp(.72rem,3vw,.84rem);line-height:1.3;text-shadow:none;}}

/* SECTION 02.17 - Public Homepage Mobile Layout */
@media (max-width:640px){
body:not(.has-active-league){--header-height:84px;--public-page-width:calc(100vw - 52px);}
body:not(.has-active-league) .app-chrome,
body:not(.has-active-league) header{width:100vw!important;max-width:100vw!important;right:auto!important;}
body:not(.has-active-league) .public-page-grid{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;overflow:hidden;}
body:not(.has-active-league) .header-shell{min-height:52px;padding:0;align-items:center;}
body:not(.has-active-league) .welcome-start-screen{margin-top:var(--header-height);min-height:0;padding:14px 0 0;background:linear-gradient(90deg,rgba(4,13,24,.82),rgba(8,22,38,.68)),url("../images/cards/welcome.png") calc(42% - 80px) calc(100% + 230px)/max(1665px,115vw) auto scroll no-repeat;}
body:not(.has-active-league) .welcome-start-grid{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto;grid-template-areas:"headline" "copy" "form" "steps";gap:9px;margin:0;padding:0;align-items:start;align-content:start;}
body:not(.has-active-league) .welcome-start-card--intro h2{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;justify-self:center;width:100%;max-width:100%;margin:0 auto;color:#fff;font-size:clamp(1.08rem,5.05vw,1.24rem);line-height:1.08;text-align:left;text-shadow:none;}
body:not(.has-active-league) .welcome-headline-logo{width:34px;height:34px;margin:0;}
body:not(.has-active-league) .welcome-intro-copy{width:100%;max-width:100%;transform:none;}
body:not(.has-active-league) .welcome-start-card--intro p{font-size:.82rem;line-height:1.2;text-shadow:none;}
body:not(.has-active-league) .welcome-create-panel{justify-self:center!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;height:332px;margin:1px 0 8px;transform:none;border-radius:8px;box-shadow:none;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal{padding:0 12px;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{top:13px;left:14px;right:14px;font-size:1.26rem;line-height:1.12;transform:none;}
body:not(.has-active-league) .welcome-create-panel .create-league-fields{top:45px;left:22px;right:22px;width:auto!important;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal label{width:100%!important;max-width:none!important;margin:7px auto;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal :is(input, select){height:35px;padding:7px 10px;font-size:.95rem;}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{left:20px;right:20px;top:auto;bottom:70px;font-size:.66rem;line-height:1.12;}
body:not(.has-active-league) .welcome-start-card--steps{width:100%!important;max-width:100%!important;padding:18px 0 24px;text-align:left;overflow:visible;}
body:not(.has-active-league) .welcome-start-card--steps .public-section-kicker{margin-bottom:7px;font-size:.72rem;}
body:not(.has-active-league) .welcome-start-card--steps h2{width:100%!important;max-width:100%!important;font-size:1.2rem;line-height:1.16;text-align:left;overflow-wrap:normal;}
body:not(.has-active-league) .welcome-flow{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:7px;min-height:0;margin-top:11px;padding:9px;background:#11253d;}
body:not(.has-active-league) .welcome-flow-step{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:2px;justify-content:stretch;padding:8px 9px;border:1px solid rgba(122,165,213,.22);border-radius:6px;background:rgba(255,255,255,.04);text-align:left;}
body:not(.has-active-league) .welcome-flow-step img{grid-row:1 / 3;width:24px;height:24px;align-self:center;justify-self:center;}
body:not(.has-active-league) .welcome-flow-step span{font-size:.82rem;}
body:not(.has-active-league) .welcome-flow-step small{font-size:.72rem;line-height:1.15;}
body:not(.has-active-league) .welcome-flow-arrow{display:none;}
.welcome-start-screen .welcome-flow{grid-template-columns:minmax(0,1fr)!important;}
.welcome-start-screen .welcome-flow-step{grid-column:auto!important;grid-row:auto!important;}
}
@media (max-width:640px) and (min-width:431px){
#side-menu .title-line{font-size:19px;}
#side-menu .title-subline{font-size:13px;}
body:not(.has-active-league) .welcome-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto;gap:8px;padding:9px;}
body:not(.has-active-league) .welcome-flow-step{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;row-gap:2px;padding:8px 9px;}
body:not(.has-active-league) .welcome-flow-step small{width:100%;max-width:none;}
body:not(.has-active-league) .welcome-flow-step:nth-of-type(1){grid-column:1;grid-row:1;}
body:not(.has-active-league) .welcome-flow-step:nth-of-type(2){grid-column:1;grid-row:2;}
body:not(.has-active-league) .welcome-flow-step:nth-of-type(3){grid-column:2;grid-row:1;}
body:not(.has-active-league) .welcome-flow-step:nth-of-type(4){grid-column:2;grid-row:2;}
}
@media (max-width:430px){
.footer-draft-hint:not([hidden]){padding:0 4px;font-size:clamp(9px,calc(2.35vw + 1px),11px);line-height:1.18;white-space:nowrap;}
footer #best-times-button:not([hidden]){width:84%;padding-right:8px;padding-left:8px;font-size:clamp(11px,3.2vw,14px);line-height:1;white-space:nowrap;}
body:not(.has-active-league) .welcome-flow-step small{width:100%;max-width:none;}
}
@media (max-width:640px) and (min-width:522px){
body:not(.has-active-league) .welcome-start-screen{padding-top:26px;}
body:not(.has-active-league) .welcome-start-grid{grid-template-columns:minmax(0,1.04fr) minmax(244px,.96fr)!important;grid-template-rows:auto auto;grid-template-areas:"intro form" "steps steps";column-gap:10px;row-gap:clamp(10px,calc(11vw - 47px),23px);}
body:not(.has-active-league) .welcome-start-card--intro{grid-area:intro;align-self:stretch;display:flex;justify-content:flex-start;min-height:0;height:auto;padding:10px 0 8px;}
body:not(.has-active-league) .welcome-start-card--intro h2{grid-template-columns:clamp(34px,5.8vw,38px) minmax(0,1fr);gap:8px;justify-self:auto;align-self:stretch;width:100%;max-width:100%;margin:0 0 clamp(10px,2.5vw,16px);text-align:left;font-size:clamp(.94rem,2.7vw,1.06rem);line-height:1.12;}
body:not(.has-active-league) .welcome-start-card--intro h2 span{display:block;min-width:0;}
body:not(.has-active-league) .welcome-headline-logo{width:clamp(34px,5.8vw,38px);height:clamp(34px,5.8vw,38px);}
body:not(.has-active-league) .welcome-intro-copy{justify-self:auto;width:100%;text-align:left;}
body:not(.has-active-league) .welcome-intro-copy p:first-child{display:block;margin:0 0 8px;font-size:clamp(.7rem,2.05vw,.78rem);line-height:1.32;}
body:not(.has-active-league) .welcome-intro-copy p:last-child{margin:0;white-space:nowrap;font-size:clamp(.68rem,1.95vw,.76rem);}
body:not(.has-active-league) .welcome-intro-copy .mobile-copy-break{display:none;}
body:not(.has-active-league) .welcome-intro-copy .desktop-copy-inline{display:inline;}
body:not(.has-active-league) .welcome-role-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;row-gap:8px;width:100%;min-width:0;margin-top:12px;}
body:not(.has-active-league) .welcome-role-note{padding:7px 9px;}
body:not(.has-active-league) .welcome-role-note strong{font-size:.7rem;}
body:not(.has-active-league) .welcome-role-note span{font-size:.58rem;line-height:1.14;}
body:not(.has-active-league) .welcome-member-help{margin-top:6px;font-size:.6rem;line-height:1.14;text-align:left;}
body:not(.has-active-league) .welcome-save-note{grid-area:auto;grid-column:1 / -1!important;align-self:end;width:100%;max-width:100%;min-width:0;transform:none;font-size:.66rem!important;line-height:1.16!important;text-align:left;text-shadow:none;}
body:not(.has-active-league) .welcome-save-note > span{display:block;white-space:nowrap;}
body:not(.has-active-league) .welcome-save-note > br{display:none;}
body:not(.has-active-league) .welcome-save-note strong{display:inline;}
body:not(.has-active-league) .welcome-create-panel{grid-area:form;align-self:start;justify-self:end;width:100%!important;max-width:100%!important;height:clamp(250px,45vw,288px);aspect-ratio:auto;margin-top:0;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{top:10px;font-size:1rem;line-height:1.08;}
body:not(.has-active-league) .welcome-create-panel .create-league-fields{top:34px;left:14px;right:14px;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal label{margin:4px auto;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal :is(input, select){height:28px;padding:3px 7px;font-size:.75rem;}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{left:4px;right:4px;top:clamp(174px,calc(17.8vw + 81px),195px);bottom:auto;font-size:.66rem;line-height:1.1;white-space:nowrap;}
}
@media (max-width:521px) and (min-width:361px){
body:not(.has-active-league) .welcome-start-grid{grid-template-columns:minmax(145px,38%) minmax(0,1fr)!important;grid-template-areas:"headline headline" "copy copy" "notes form" "steps steps";column-gap:10px;row-gap:10px;}
body:not(.has-active-league) .welcome-start-card--intro{display:contents;}
body:not(.has-active-league) .welcome-role-notes{grid-area:notes;display:grid;grid-template-columns:1fr;gap:10px;align-self:start;}
body:not(.has-active-league) .welcome-role-note{padding:8px 9px;}
body:not(.has-active-league) .welcome-role-note strong{font-size:.72rem;}
body:not(.has-active-league) .welcome-role-note span,
body:not(.has-active-league) .welcome-member-help{font-size:.66rem;line-height:1.18;}
body:not(.has-active-league) .welcome-member-help{margin-top:8px;text-align:left;justify-self:start;align-self:stretch;}
body:not(.has-active-league) .welcome-save-note{order:-1;grid-area:auto;grid-column:auto!important;width:100%;max-width:100%;min-width:0;margin:0 0 2px;transform:none;font-size:.68rem!important;line-height:1.16!important;text-align:left;text-shadow:none;}
body:not(.has-active-league) .welcome-create-panel{grid-area:form;width:100%!important;max-width:100%!important;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal{padding:12px;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{font-size:clamp(.9rem,3.5vw,1rem);line-height:1.1;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal :is(input, select){height:32px;padding:5px 8px;font-size:.78rem;}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{left:8px;right:8px;font-size:clamp(.5rem,2.15vw,.6rem);line-height:1.06;}
body:not(.has-active-league) .welcome-intro-copy p:last-child{white-space:nowrap;font-size:clamp(.66rem,3.15vw,.82rem);}
body:not(.has-active-league) .mobile-copy-break{display:none;}
body:not(.has-active-league) .desktop-copy-inline{display:inline;}
}
@media (max-width:360px){
body:not(.has-active-league) .public-page-grid{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;}
body:not(.has-active-league) .welcome-start-grid{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"headline headline" "copy copy" "countdown countdown" "form form" "commissioner member" "steps steps";column-gap:8px;row-gap:9px;}
body:not(.has-active-league) .welcome-start-card--intro{display:contents;}
body:not(.has-active-league) .welcome-intro-copy{grid-area:copy;display:block;align-self:center;width:100%;text-align:center;}
body:not(.has-active-league) .welcome-intro-copy p:last-child{white-space:normal;text-align:center;font-size:clamp(.58rem,2.9vw,.66rem);line-height:1.14;text-shadow:none;}
body:not(.has-active-league) .welcome-save-note{grid-area:countdown;display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,10px);align-self:center;justify-self:stretch;width:100%;max-width:100%;margin:0;padding:0;border-left:0;text-align:center;font-size:clamp(.58rem,2.9vw,.66rem)!important;line-height:1.14!important;text-shadow:none;}
body:not(.has-active-league) .welcome-save-note > span{display:inline;white-space:nowrap;}
body:not(.has-active-league) .welcome-save-note > br{display:none;}
body:not(.has-active-league) .welcome-role-notes{display:contents;}
body:not(.has-active-league) .welcome-role-note:first-child{grid-area:commissioner;}
body:not(.has-active-league) .welcome-role-note:nth-child(2){grid-area:member;}
body:not(.has-active-league) .welcome-role-note{width:auto;max-width:none;padding:8px 9px;}
body:not(.has-active-league) .welcome-role-note strong{font-size:.66rem;line-height:1.12;}
body:not(.has-active-league) .welcome-role-note span,
body:not(.has-active-league) .welcome-member-help{font-size:.58rem;line-height:1.14;text-align:left;text-shadow:none;}
body:not(.has-active-league) .welcome-create-panel{grid-area:form;width:100%!important;max-width:100%!important;}
}

/* Keep the compact create card content-driven instead of spacing absolute rows inside a fixed-height panel. */
@media (max-width:640px){
body:not(.has-active-league) .welcome-create-panel{height:auto!important;min-height:0;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal{--welcome-create-edge:14px;display:flex;flex-direction:column;height:auto;box-sizing:border-box;padding:var(--welcome-create-edge) 14px;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{position:static;margin:0 0 9px;transform:none;}
body:not(.has-active-league) .welcome-create-panel .create-league-fields{position:static;display:grid;gap:7px;width:100%!important;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal label{position:static;margin:0!important;}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{position:static;margin:9px 0 0;white-space:normal;}
body:not(.has-active-league) .header-shell{height:56px;min-height:56px;}
}

@media (max-width:640px) and (min-width:522px){
body:not(.has-active-league) .welcome-start-grid{grid-template-columns:minmax(0,1.12fr) minmax(225px,.88fr)!important;}
body:not(.has-active-league) .welcome-start-card--intro h2{grid-template-columns:clamp(38px,6.4vw,42px) minmax(0,1fr);font-size:clamp(1.06rem,3vw,1.2rem);line-height:1.08;text-wrap:balance;}
body:not(.has-active-league) .welcome-start-card--steps h2{font-size:clamp(1.06rem,3vw,1.2rem);line-height:1.08;}
body:not(.has-active-league) .welcome-start-card--intro h2 .welcome-headline-phrase{display:inline;white-space:normal;}
body:not(.has-active-league) .welcome-headline-logo{width:clamp(38px,6.4vw,42px);height:clamp(38px,6.4vw,42px);}
body:not(.has-active-league) .welcome-intro-copy p:first-child{font-size:clamp(.78rem,2.2vw,.88rem);line-height:1.34;}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{font-size:.6rem;}
}

@media (max-width:390px){
body:not(.has-active-league) .welcome-intro-copy p:last-child{white-space:nowrap;text-align:center;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-break{display:none;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-copy::before{content:" ";}
}

@media (max-width:640px){
body:not(.has-active-league) .welcome-create-panel .create-league-actions{position:static;left:auto;right:auto;bottom:auto;margin-top:8px;transform:none;}
body:not(.has-active-league) .welcome-create-panel .create-league-actions .primary{flex:0 0 auto;width:auto;min-width:0;height:auto;min-height:0;max-height:none;padding:clamp(9px,1.8vw,13px) clamp(14px,4vw,34px);border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.84rem,2.6vw,.95rem);font-weight:700;line-height:1;white-space:nowrap;transform:translateY(-2px);}
}

/* Use one scaled compact composition across every narrow phone width. */
@media (max-width:430px){
body:not(.has-active-league) .welcome-start-grid{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;grid-template-columns:clamp(108px,calc(65vw - 120px),148px) minmax(0,1fr)!important;grid-template-areas:"headline headline" "copy copy" "notes form" "steps steps";column-gap:10px;row-gap:10px;}
body:not(.has-active-league) .welcome-start-card--intro{display:contents;}
body:not(.has-active-league) .welcome-intro-copy{grid-area:copy;display:block;width:100%;text-align:center;}
body:not(.has-active-league) .welcome-intro-copy p:last-child{white-space:normal;text-align:center;font-size:clamp(.62rem,2.8vw,.74rem);line-height:1.16;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-break{display:inline;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-copy::before{content:none;}
body:not(.has-active-league) .welcome-role-notes{grid-area:notes;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:9px;width:100%;align-self:start;}
body:not(.has-active-league) .welcome-role-note:first-child,
body:not(.has-active-league) .welcome-role-note:nth-child(2){grid-area:auto;}
body:not(.has-active-league) .welcome-role-note{width:100%;padding:8px 9px;}
body:not(.has-active-league) .welcome-role-note:nth-child(2){align-self:start;padding-bottom:7px;}
body:not(.has-active-league) .welcome-role-note:nth-child(2) .welcome-member-help{justify-self:start;align-self:start;margin:5px 0 0;}
body:not(.has-active-league) .welcome-save-note{grid-area:auto;display:block;width:100%;max-width:100%;margin:1px 0 0;padding:0;text-align:left;font-size:clamp(.6rem,2.8vw,.68rem)!important;line-height:1.16!important;}
body:not(.has-active-league) .welcome-save-note > span{display:block;white-space:normal;}
body:not(.has-active-league) .welcome-save-note > br{display:none;}
body:not(.has-active-league) .welcome-create-panel{grid-area:form;align-self:start;width:100%!important;max-width:100%!important;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal{--welcome-create-edge:12px;padding:var(--welcome-create-edge) clamp(9px,3vw,12px);}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{font-size:clamp(.86rem,3.9vw,1rem);white-space:nowrap;}
body:not(.has-active-league) .welcome-create-panel .create-league-modal :is(input, select){font-size:clamp(.68rem,3.15vw,.78rem);}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{font-size:clamp(.5rem,2.35vw,.58rem);line-height:1.08;}
}

/* Keep one stable, centered two-line headline composition across phone widths. */
@media (max-width:521px){
body:not(.has-active-league) .welcome-start-card--intro h2{grid-area:headline;grid-template-columns:clamp(38px,9vw,44px) max-content;gap:clamp(8px,2vw,10px);justify-self:center;width:max-content;max-width:100%;font-size:clamp(.96rem,4vw,1.16rem);line-height:1.08;text-align:left;}
body:not(.has-active-league) .welcome-start-card--steps h2{font-size:clamp(.96rem,4vw,1.16rem);line-height:1.08;}
body:not(.has-active-league) .welcome-intro-copy p:last-child{white-space:nowrap;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-break{display:none;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-copy::before{content:" ";}
body:not(.has-active-league) .welcome-create-panel .create-league-actions .primary{transform:translateY(-3px);}
body:not(.has-active-league) .welcome-start-card--intro h2::after{display:none;content:none;}
body:not(.has-active-league) .welcome-start-card--intro h2 > span{display:flex;flex-direction:column;min-width:0;text-align:left;}
body:not(.has-active-league) .welcome-start-card--intro h2 .welcome-headline-phrase{display:block;white-space:nowrap;}
body:not(.has-active-league) .welcome-headline-logo{width:clamp(38px,9vw,44px);height:clamp(38px,9vw,44px);}
}

@media (max-width:390px){
body:not(.has-active-league) .welcome-intro-copy p:last-child{white-space:nowrap;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-break{display:none;}
body:not(.has-active-league) .welcome-intro-copy .welcome-free-copy::before{content:" ";}

body:not(.has-active-league) .welcome-role-notes{padding-top:10px;gap:8px;}
body:not(.has-active-league) .welcome-save-note{order:-1;display:grid;gap:6px;margin:0 0 2px;}
body:not(.has-active-league) .welcome-save-note > span{display:block;}
body:not(.has-active-league) .welcome-save-note strong{display:block;}
body:not(.has-active-league) .welcome-role-note strong{font-size:.6rem;line-height:1.12;}
body:not(.has-active-league) .welcome-role-note span,
body:not(.has-active-league) .welcome-member-help{font-size:.56rem;line-height:1.16;}

body:not(.has-active-league) .welcome-create-panel .create-league-modal{--welcome-create-edge:10px;padding:var(--welcome-create-edge) clamp(9px,3vw,12px);}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2{margin-bottom:7px;}
body:not(.has-active-league) .welcome-create-panel .create-league-fields{gap:6px;}
body:not(.has-active-league) .welcome-create-panel .create-league-sub{margin-top:7px;}
body:not(.has-active-league) .welcome-create-panel .create-league-actions{margin-top:8px;}
}

@media (min-width:390px) and (max-width:521px){
body:not(.has-active-league) .welcome-save-note > br{display:none;}
body:not(.has-active-league) .welcome-save-note > span:nth-of-type(2){display:block;margin-top:3px;}
}

/* Preserve the desktop access-note type size through the intermediate tablet layout. */
@media (max-width:900px) and (min-width:641px){
body:not(.has-active-league) .welcome-create-panel .create-league-sub{font-size:calc(.72rem + 1px);line-height:1.18;}
}

/* Fixed full-screen homepage image for tablet and mobile public landing views. */
@media (max-width:768px){
body:not(.has-active-league) .welcome-start-screen{
background:transparent!important;
isolation:isolate;
}
body:not(.has-active-league) .welcome-start-screen::before{
content:"";
position:fixed;
inset:0;
  background:
  linear-gradient(90deg,rgba(4,13,24,.82),rgba(8,22,38,.68)),
  url("../images/cards/welcome.png") center calc(50% - 60px)/cover no-repeat;
z-index:-1;
pointer-events:none;
}
body:not(.has-active-league) .welcome-start-screen>*{
position:relative;
z-index:1;
}
}

/* Keep invite-only pages on the public surface without inheriting its static footer. */
body.is-join-flow:not(.has-active-league) footer{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:1200;
}
body.is-join-flow:not(.has-active-league){--scrollbar-edge:0px;}
body.is-join-flow .modal{right:0;}
/* Keep the join-flow brand readable while the modal dims the public page. */
body.is-join-flow .app-chrome{z-index:5001;pointer-events:none;}
body.is-join-flow .app-chrome *{pointer-events:none;}
body.is-join-flow #league-title .site-brand,
body.is-join-flow #league-title .brand-ball,
body.is-join-flow #league-title .brand-text{
text-decoration:none!important;
text-decoration-line:none!important;
text-decoration-color:transparent!important;
border-bottom:0!important;
box-shadow:none!important;
}
body.is-join-flow #league-title .site-brand{
pointer-events:auto;
}

/* Multi-sport homepage preview. */
body:not(.has-active-league) .brand-ball { display: none; }
body:not(.has-active-league) .welcome-save-note { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
#upcoming-season-countdowns > span { display: block; }

/* Lift only the create card contents; preserve the card's position and height. */
body:not(.has-active-league) .welcome-create-panel .create-league-modal {
transform:translateY(-2px);
}
body:not(.has-active-league) .welcome-create-panel .create-league-modal h2 {
translate:0 -1px;
}
body:not(.has-active-league) .welcome-create-panel .create-league-fields,
body:not(.has-active-league) .welcome-create-panel .create-league-sub,
body:not(.has-active-league) .welcome-create-panel .create-league-actions {
translate:0 -3px;
}

.create-league-modal label.create-sport-field {
display:block;width:100%;box-sizing:border-box;text-align:left;
}
.create-league-modal .create-sport-field select {
display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;border:1px solid #d2d6db;border-radius:4px;background:#fff;font-weight:400;
}
.create-league-modal .create-sport-field select:invalid {
color:#757575;
}
.create-league-modal .create-sport-field select:focus,
.create-league-modal .create-sport-field select:focus-visible {
outline:0;box-shadow:inset 0 0 0 2px #1a73e8;
}
.create-league-content .create-league-modal label.create-sport-field {
margin-top:10px;margin-bottom:0;
}
/* Narrow forms already grow with their contents; reserve the new row in fixed desktop forms. */
@media (min-width:641px) {
body:not(.has-active-league) .welcome-create-panel {
height:410.5px;
}
body:not(.has-active-league) .welcome-create-panel .create-league-sub {
top:304.5px;bottom:auto;
}
body:not(.has-active-league) .welcome-create-panel .create-league-actions {
bottom:18px;
}
}
@media (min-width:641px) and (max-width:768px) {
body:not(.has-active-league) .welcome-create-panel {
height:auto;
}
body:not(.has-active-league) .welcome-create-panel .create-league-modal {
height:auto;padding:51px 18px 17px;
}
body:not(.has-active-league) .welcome-create-panel .create-league-fields {
position:static;
}
body:not(.has-active-league) .welcome-create-panel .create-league-sub {
position:static;margin:14px auto 10px;
}
body:not(.has-active-league) .welcome-create-panel .create-league-actions {
position:static;
}
}
@media (max-width:640px) {
body:not(.has-active-league) .welcome-create-panel .create-league-modal {
padding-bottom:calc(var(--welcome-create-edge) - 2px);
}
body:not(.has-active-league) .welcome-create-panel .create-league-sub {
margin-top:10px;
}
}
@media (max-width:521px) {
body:not(.has-active-league) .welcome-create-panel .create-league-modal {
padding-bottom:calc(var(--welcome-create-edge) - 3px);
}
body:not(.has-active-league) .welcome-create-panel .create-league-sub {
margin-top:9px;
}
}