:root{--color-bg-main:#fff;--color-bg-alt:#f8fafc;--color-bg-alt-hover:#f1f5f9;--color-accent-soft:#142d4e;--color-accent-soft-hover:#1d416b;--color-primary:#0077be;--color-primary-hover:#1873ad;--spacing-color:#e2e8f0;--gray100:#64748b;--gray70:#475569;--gray30:#1e293b;--gray0:#000;--gray0-hover:#00001a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--tracking-tight:0;--tracking-normal:10px;--tracking-wide:.1em;--font-size:1rem;--font-title:2rem;--navbar-height:clamp(70px, 12vh, 90px);--navbar-logo-height:calc(var(--navbar-height) - 13px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=800px){.grid-container{--font-size:.5rem;--font-title:1rem}}@media (prefers-color-scheme:dark){:root{--color-bg-main:#0a1c21;--color-bg-alt:#162c33;--color-bg-alt-hover:#e2cd90;--color-accent-soft:#b893c8;--color-accent-soft-hover:#9b75ad;--color-primary:#0077be;--gray100:#1e293b;--gray70:#94a3b8;--gray30:#64748b;--gray0:#fff}}::-webkit-scrollbar{display:none}html,body{scrollbar-width:none;-ms-overflow-style:none;max-width:100%;margin:0;overflow-x:hidden}body.hero-page{background-color:var(--color-bg-main);width:100%;height:100%;margin:0;overflow:hidden}html:has(body.hero-page){background-color:var(--color-bg-main);width:100%;height:100%;margin:0;overflow:hidden}.hero-page .hero-container{background-color:var(--color-bg-main);padding:0;position:fixed;inset:0;overflow:hidden}#root{text-align:center;background-color:var(--color-bg-main);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto;padding:0 5vw;display:flex}.grid-container{grid-template-columns:1fr;gap:1.5rem;margin-top:15vh;padding:1rem;display:grid}@media (width>=800px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-container{grid-template-columns:repeat(3,1fr)}}.button{background-color:var(--color-accent-soft);color:var(--gray100);font-size:var(--font_size);text-align:center;letter-spacing:var(--tracking-tight);border:none;border-radius:8px;width:100%;min-height:2.5vh}.button:hover{background-color:var(--color-accent-soft-hover)}.select-button{background-color:var(--color-accent-soft);font-size:var(--font_size);color:var(--gray100);border-radius:8px;padding:.5vh 1vw;display:flex}.select-button:hover,.select-button.selected{background-color:var(--color-accent-soft-hover)}.league-standings{box-sizing:border-box;width:100%;max-width:1280px;padding:calc(var(--navbar-height) + clamp(24px, 4vw, 52px)) 0 24px;color:var(--gray0);font-family:var(--sans);text-align:left;margin:0 auto}.league-standings-title{border-bottom:2px solid var(--spacing-color);letter-spacing:-.035em;margin:0;padding:0 12px 20px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.league-standings-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.league-standings-list>li{min-width:0}.league-standings-state{text-align:center;justify-content:center;align-items:center;min-height:240px;margin:0;display:flex}.manager-card{--manager-color:#b44842;--manager-soft:#f7e9e8;--manager-ink:#81332e;box-sizing:border-box;width:100%;min-height:80px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,3fr) minmax(100px,.65fr) 60px;grid-template-areas:"name bar points position";align-items:center;gap:clamp(16px,2.5vw,36px);padding:16px 12px;transition:background-color .15s;display:grid}.manager-card[data-position="1"]{--manager-color:#0077be;--manager-soft:#e5f2fa;--manager-ink:#005c94}.manager-card[data-position="2"]{--manager-color:#5367b2;--manager-soft:#eceefa;--manager-ink:#3f4e89}.manager-card[data-position="3"]{--manager-color:#8457a0;--manager-soft:#f2ebf7;--manager-ink:#65417c}.manager-card[data-position="4"]{--manager-color:#a44e83;--manager-soft:#f7eaf2;--manager-ink:#7e3b65}.manager-card[data-position="5"]{--manager-color:#b94c66;--manager-soft:#faeaf0;--manager-ink:#8c384d}.manager-card[data-position="6"]{--manager-color:#bb4b50;--manager-soft:#faeaeb;--manager-ink:#8d383c}.manager-card[data-position="7"]{--manager-color:#b44842;--manager-soft:#f7e9e8;--manager-ink:#81332e}@media (hover:hover){.manager-card:hover{background-color:var(--color-bg-alt)}}.manager-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.manager-card-name{overflow-wrap:anywhere;grid-area:name;min-width:0;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;line-height:1.4}.manager-card-track{border:1px solid var(--spacing-color);background-color:var(--color-bg-alt);border-radius:9px;grid-area:bar;min-width:0;height:34px;display:block;overflow:hidden}.manager-card-fill{width:var(--manager-progress);background-color:var(--manager-color);border-radius:8px;height:100%;display:block}.manager-card-points{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:points;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600}.manager-card-unit{font-size:.8em;font-weight:400}.manager-card-position{box-sizing:border-box;border:1px solid var(--manager-color);background-color:var(--manager-soft);min-height:44px;color:var(--manager-ink);font-variant-numeric:tabular-nums;border-radius:10px;grid-area:position;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}@media (width<=640px){.league-standings-title{padding:0 4px 16px}.league-standings-list{gap:8px;margin-top:16px}.manager-card{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"position name points""bar bar bar";gap:14px 12px;padding:16px 8px}.manager-card-track{border-radius:6px;height:22px}.manager-card-fill{border-radius:5px}.manager-card-position{font-size:1rem}}@media (prefers-reduced-motion:reduce){.manager-card{transition:none}}.card{box-sizing:border-box;background:var(--color-bg-alt);border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:15vh;margin:5vh 0;padding:20px;display:flex}.card:hover,.card.selected{background:var(--color-bg-alt-hover);border-color:#000}.divider{background-color:var(--spacing-color);height:.1vh}.frame{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:calc(100dvh - 210px);margin-top:15vh;display:flex;position:relative}.pool-container{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-x:hidden}.pool-container svg{flex-shrink:0;width:auto;height:100%;display:block}.game-content{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:7vh;width:100%;height:100%;margin-top:5vh;padding:20px;display:flex;position:relative}.card-row-1{justify-content:center;align-items:center;gap:5vw;width:100%;display:flex}.card-row-2{justify-content:center;align-items:center;gap:10vw;width:100%;display:flex}.lineup-card{aspect-ratio:1/1.2;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#fff;border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;width:clamp(60px,18vw,100px);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000026}@media (width<=600px){.pool-container{flex-shrink:0;width:auto;height:100%;display:flex}.pool-container svg{flex-shrink:0;width:auto;max-width:none;height:100%}}.lineup-button{background-color:var(--color-primary);cursor:pointer;width:20%;font-family:inherit;font-size:var(--font_size);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:min(10vh,10vw);padding:10px 16px;display:inline-flex;position:absolute;left:40%}.lineup-button:hover{background-color:var(--color-primary-hover)}.lineup-button:not(:disabled){box-shadow:0 2px 8px #2563eb33}.btn-save:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.8;background:#e2e8f0;transform:none}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:400px;max-width:calc(100vw - 40px);padding:20px}.modal-header{justify-content:space-between;align-items:center;display:flex}.close-button{cursor:pointer;background:0 0;border:none;font-size:24px}.options{flex-direction:column;gap:8px;margin-top:20px;display:flex}.option{cursor:pointer;text-align:left;background:#fff;border:1px solid #ccc;border-radius:8px;flex-direction:row;justify-content:space-between;padding:12px;display:flex}.option:hover{background:#f2f2f2}.option.selected{border:2px solid #000}.background{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.background svg{opacity:.45;width:85%;max-width:none}.lineup-card-content{z-index:1;flex-direction:column;justify-content:space-between;height:90%;margin:5% 0;font-size:13px;font-weight:700;display:flex;position:relative}.market-card-content{font:var(--gray0);size:var(--font_size)}.top-navbar{z-index:30;width:100%;height:var(--navbar-height);background-color:var(--color-bg-alt);border-bottom:1px solid var(--spacing-color);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 5vw;display:flex;position:fixed;top:0;left:0}.navbar-brand{color:inherit;flex-direction:row;align-items:center;gap:20px;min-width:0;height:100%;padding:0;text-decoration:none;display:flex;overflow:hidden}.the-logo{height:var(--navbar-logo-height);aspect-ratio:942/977;flex-shrink:0}.navbar-title{color:var(--gray0);font-weight:700;font-size:clamp(.85rem, 2vw, var(--font-title));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.money-div{isolation:isolate;box-sizing:border-box;font-variant-numeric:tabular-nums;min-width:clamp(140px,18vw,200px);height:clamp(44px,6vh,52px);color:var(--color-accent-soft);white-space:nowrap;flex-shrink:0;place-items:center;margin-left:12px;padding:0 32px;font-size:clamp(1rem,1.7vw,1.4rem);font-style:italic;font-weight:900;display:grid;position:relative}.money-badge-frame{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.money-badge-ink{fill:var(--color-accent-soft)}.money-badge-blue,.money-badge-streaks{fill:var(--color-primary)}.money-amount{letter-spacing:-.04em;align-items:baseline;gap:.22em;line-height:1;display:inline-flex}.money-currency{color:var(--color-accent-soft);font-size:.8em}.money-brush{transform-box:fill-box;transform-origin:50%;transition:transform .42s cubic-bezier(.2,.7,.25,1),opacity .3s;transform:translate(0)rotate(0)}.money-brush--nw{--brush-x:-5px;--brush-y:-3px;--brush-turn:-3deg}.money-brush--n{--brush-x:1px;--brush-y:-5px;--brush-turn:-1deg}.money-brush--ne{--brush-x:5px;--brush-y:-3px;--brush-turn:4deg}.money-brush--se{--brush-x:5px;--brush-y:3px;--brush-turn:-3deg}.money-brush--s{--brush-x:-1px;--brush-y:5px;--brush-turn:-1deg}.money-brush--sw{--brush-x:-5px;--brush-y:3px;--brush-turn:3deg}.money-badge-streaks .money-brush{opacity:0;transform:translate(calc(var(--brush-x) * -1), calc(var(--brush-y) * -1)) scale(.85)}.money-badge-streaks .money-brush:nth-child(2n){fill:var(--color-accent-soft)}.money-div:hover .money-brush{transform:translate(var(--brush-x), var(--brush-y)) rotate(var(--brush-turn))}.money-div:hover .money-badge-streaks .money-brush{opacity:1}@media (prefers-reduced-motion:reduce){.money-brush{transition:none}.money-div .money-brush,.money-div:hover .money-brush{transform:none}}@media (width<=480px){.top-navbar{padding:0 3vw}.navbar-brand{gap:6px}.the-logo{height:clamp(40px,12vw,52px)}.navbar-title{white-space:normal;text-align:left;font-size:clamp(.75rem,3.2vw,.95rem);line-height:1.15}.money-div{min-width:120px;margin-left:8px;padding:0 20px;font-size:.875rem}}.chevron-right{margin-top:.5vh}.chevron-right.selected{margin-top:.6vh;margin-left:.25vw}.leagues-button{background-color:var(--color-primary);width:20%;font-family:inherit;font-size:var(--font_size);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;gap:8px;margin-left:37.5%;padding:10px 16px}.leagues-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.settings-container{background-color:var(--color-bg-main);box-sizing:border-box;max-width:800px;min-height:78vh;color:var(--gray30);margin-top:12vh;margin-left:auto;margin-right:auto;padding:32px 20px 40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-fields{border:0;flex-direction:column;gap:1rem;min-width:0;margin:1rem 0;padding:0;display:flex}.admin-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.admin-field .settings-input{box-sizing:border-box;width:100%}.settings-title{color:var(--gray0);border-bottom:2px solid var(--spacing-color);margin-bottom:24px;padding-bottom:12px;font-size:1.875rem;font-weight:700}.league-list-container{width:100%;margin:16px 0}.league-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.league-item{background-color:var(--color-bg-main);border:1px solid var(--spacing-color);border-radius:8px;transition:all .2s;overflow:hidden}.league-item:hover{background-color:var(--color-bg-alt-hover);border-color:var(--color-primary)}.league-creator-highlight{border-left:4px solid var(--color-primary);background:linear-gradient(to right, #0077be08, var(--color-bg-main))}.league-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.league-title-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.league-name{color:var(--gray30,#333);font-weight:600}.creator-badge{background-color:var(--color-primary);color:#fff;border-radius:4px;align-items:center;gap:6px;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-flex}.league-actions{align-items:center;gap:12px;display:flex}.league-active-tag{color:var(--color-primary);background-color:var(--color-bg-alt);border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:600}.btn-outline-accent{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background-color:#0000;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s}.expand-icon{color:var(--color-primary);font-size:.75rem;transition:transform .2s}.expand-icon.rotate{transform:rotate(180deg)}.league-details{background-color:var(--color-bg-alt);border-top:1px solid var(--spacing-color);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;display:grid}.detail-item{background-color:var(--color-bg-main);border:1px solid var(--spacing-color);border-radius:6px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.detail-label{color:var(--color-accent-soft);text-transform:uppercase;font-size:.75rem;font-weight:600}.detail-value{color:var(--gray30,#333);font-size:.9rem;font-weight:500}.detail-value.money{color:var(--color-primary);font-weight:700}.detail-value.points{color:var(--color-accent-soft);font-weight:700}.settings-divider{border:0;border-top:1px solid var(--spacing-color);margin:24px 0}.settings-form{gap:10px;display:flex}.settings-input{border:1px solid var(--spacing-color);background-color:var(--color-bg-main);color:var(--gray30);border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0077be26}.settings-input::placeholder{color:var(--gray100)}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background-color .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-main)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-accent{background-color:var(--color-accent-soft);color:var(--color-bg-main)}.btn-accent:hover{background-color:var(--color-accent-soft-hover)}.hero-page .hero-features--editorial{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px clamp(24px,3vw,48px);margin:0}.hero-features--editorial .hero-feature{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-rows:28px auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;padding:16px 20px;display:grid}.hero-features--editorial:before,.hero-features--editorial:after,.hero-features--editorial .hero-feature:before,.hero-features--editorial .hero-feature:after{content:none}.hero-features--editorial .hero-feature-top{color:#0078bf;flex-direction:row;grid-row:auto;gap:16px}.hero-features--editorial .hero-feature-top svg{flex-shrink:0;width:28px;height:28px;transition:transform .225s}.hero-features--editorial .hero-feature-top>span{color:#64748b;letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.hero-features--editorial .hero-feature h2{color:#122b4b;letter-spacing:-.5px;text-wrap:balance;margin:0;font-size:clamp(22px,1.7vw,24px);font-weight:700;line-height:1.2;transition:color .225s}.hero-features--editorial .hero-feature p{color:#475569;grid-column:1;margin:0;font-size:16px;font-weight:400;line-height:1.6}@media (hover:hover) and (pointer:fine){.hero-features--editorial .hero-feature:hover h2{color:#0078bf}.hero-features--editorial .hero-feature:hover .hero-feature-top svg{transform:translateY(-2px)}}@media (width>=701px){@supports (grid-template-rows:subgrid){.hero-features--editorial .hero-feature{grid-row:span 3;grid-template-rows:subgrid}}}@media (width>=701px) and (width<=1050px){.hero-page .hero-features--editorial{column-gap:20px}.hero-features--editorial .hero-feature{padding-inline:12px}.hero-features--editorial .hero-feature h2{font-size:22px}.hero-features--editorial .hero-feature p{font-size:15px}}@media (width<=700px){.hero-page .hero-features--editorial{grid-template-columns:minmax(0,1fr);row-gap:32px}.hero-features--editorial .hero-feature{gap:14px;padding:12px 16px}}@media (prefers-reduced-motion:reduce){.hero-features--editorial .hero-feature h2,.hero-features--editorial .hero-feature-top svg{transition:none}.hero-features--editorial .hero-feature:hover .hero-feature-top svg{transform:none}}.btn-outline-accent{color:var(--color-accent-soft);border:1px solid var(--color-accent-soft);background-color:#0000;padding:6px 12px}.btn-outline-accent:hover{background-color:var(--color-accent-soft);color:var(--color-bg-main)}.account-info-card{background-color:var(--color-bg-main);border:1px solid var(--spacing-color);border-radius:8px;padding:16px}.settings-username-row{flex-wrap:wrap;align-items:center;gap:10vw;display:flex}.settings-logout-button{background-color:#d6001e}.settings-logout-button:hover{background-color:#b80019}.settings-username-row p{overflow-wrap:anywhere}.account-info-card p{color:var(--gray100);margin:8px 0}.account-info-card strong{color:var(--gray30)}.logout-section{border-top:1px solid var(--spacing-color);margin-top:32px;padding-top:24px}.btn-danger{background-color:var(--gray0);color:var(--color-bg-main);width:100%}.btn-danger:hover{background-color:var(--gray0-hover)}#root:has(.hero-page){text-align:left;padding:0}.app-notification{z-index:100;background:var(--gray30);width:max-content;max-width:calc(100% - 32px);color:var(--color-bg-main);font:14px/1.5 var(--sans);border-radius:8px;padding:14px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #1e293b26}.hero-page{--color-bg-main:#fff;--color-bg-alt:#f8fafc;--color-bg-alt-hover:#f1f5f9;--color-accent-soft:#142d4e;--color-primary:#0077be;--color-primary-hover:#1873ad;--spacing-color:#e2e8f0;--gray100:#64748b;--gray30:#1e293b;--gray0:#000;--hero-text:#10243a;--hero-text-outline:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg-main);min-height:100dvh;color:var(--gray30);font-family:var(--sans);grid-template-rows:auto 1fr;display:grid}@media (prefers-color-scheme:dark){.hero-page{--color-bg-main:#0a1c21;--color-bg-alt:#162c33;--color-bg-alt-hover:#e2cd90;--color-accent-soft:#b893c8;--color-accent-soft-hover:#9b75ad;--color-primary:#0077be;--gray100:#1e293b;--gray30:#64748b;--gray0:#fff;--hero-text:#fff5d6;--hero-text-outline:#0a1c21}}.hero-page *,.hero-page :before,.hero-page :after{box-sizing:border-box}.hero-page button,.hero-page input{font:inherit}.hero-page button{cursor:pointer}.hero-page button:disabled{cursor:wait;opacity:.55}.hero-page a{color:inherit;text-decoration:none}.hero-page :focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}.hero-skip-link{z-index:100;background:var(--color-bg-main);padding:12px;position:fixed;top:-100px;left:20px}.hero-skip-link:focus{top:12px}.hero-navbar{height:var(--navbar-height);border-bottom:1px solid var(--spacing-color);background:var(--color-bg-main);z-index:2;justify-content:space-between;align-items:center;gap:24px;padding:0 max(5vw,50vw - 720px);display:flex}.hero-brand{letter-spacing:-.6px;align-items:center;gap:12px;min-width:0;font-size:17px;font-weight:850;line-height:1.15;display:inline-flex}.hero-brand-mark{height:var(--navbar-logo-height);aspect-ratio:942/977;flex-shrink:0;place-items:center;display:grid}.hero-brand>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-auth-actions{flex-shrink:0;display:flex}.hero-main{isolation:isolate;place-items:end center;min-width:0;display:grid;position:relative}.hero-stage,.hero-art{pointer-events:none;min-width:0;min-height:0;position:absolute;inset:0}.hero-art svg{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.hero-features{z-index:1;width:min(90%,1180px);color:var(--hero-text);text-shadow:-1px -1px 0 var(--hero-text-outline), 1px -1px 0 var(--hero-text-outline), -1px 1px 0 var(--hero-text-outline), 1px 1px 0 var(--hero-text-outline), 0 0 6px var(--hero-text-outline);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin:clamp(16px,3vw,40px) 0;display:grid;position:relative}.hero-feature{grid-template-rows:28px auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-width:0;padding:16px 20px;display:grid}.hero-feature-top{color:inherit;align-items:center;display:flex}.hero-feature-top svg{width:28px;height:28px;filter:drop-shadow(0 0 2px var(--hero-text-outline))}.hero-feature h2{color:inherit;letter-spacing:-.5px;text-wrap:balance;margin:0;font-size:clamp(22px,1.7vw,24px);line-height:1.2}.hero-feature p{color:inherit;margin:0;font-size:16px;line-height:1.6}.hero-feedback:empty{display:none}.hero-feedback{z-index:2;background:var(--color-bg-main);border-radius:8px;justify-self:center;width:fit-content;max-width:90%;padding:12px 16px;font-size:14px;position:absolute;top:16px;left:5%;right:5%;box-shadow:0 4px 20px #1e293b26}.hero-feedback p{margin:0}.hero-auth-error{border-left:3px solid var(--color-accent-soft);background:var(--color-bg-alt-hover);color:var(--color-accent-soft);padding:12px 16px;font-size:14px;line-height:1.6}.hero-registration{border:1px solid var(--spacing-color);background:var(--color-bg-main);width:min(520px,100% - 32px);max-height:calc(100svh - 32px);color:var(--gray30);border-radius:16px;padding:40px;overflow-y:auto;box-shadow:0 24px 80px #1e293b2e}.hero-registration::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e293b8c}.hero-dialog-close{color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;transition:background-color .15s;display:grid;position:absolute;top:10px;right:14px}.hero-dialog-close svg{width:20px;height:20px;display:block}.hero-dialog-close:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent)}.hero-eyebrow{color:var(--color-primary);letter-spacing:1.3px;margin:0 0 20px;font-size:9px;font-weight:750;line-height:1.6}.hero-registration h2{letter-spacing:-1px;margin:0 0 16px;font-size:30px;line-height:1.1}.hero-registration>p:not(.hero-eyebrow){color:var(--gray100);font-size:14px;line-height:1.8}.hero-registration-fields{border:0;min-width:0;margin:24px 0;padding:0}.hero-registration-fields legend{margin-bottom:12px;padding:0;font-size:13px;font-weight:650}.hero-league-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-league-options label{border:1px solid var(--spacing-color);background:var(--color-bg-alt);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:14px 10px;font-size:12px;display:flex}.hero-league-options .is-selected{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-main)}.hero-league-options input{accent-color:var(--color-primary);margin:0}.hero-form-field{flex-direction:column;gap:10px;margin-top:24px;display:flex}.hero-form-field label{font-size:13px;font-weight:650}.hero-form-field input{border:1px solid var(--spacing-color);width:100%;color:var(--gray30);background:var(--color-bg-main);border-radius:8px;padding:13px 14px;font-size:14px}.hero-register-submit{width:100%;color:var(--color-bg-main);background:var(--color-primary);border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex;font-size:13px!important;font-weight:650!important}.hero-register-submit:hover:not(:disabled){background:var(--color-primary-hover)}.hero-register-submit>svg{flex-shrink:0;display:block}.hero-registration-note{color:var(--gray100);text-align:center;margin:16px 0 0;font-size:11px;line-height:1.6}@media (width<=1050px){.hero-navbar{gap:16px;padding:0 5%}.hero-brand{gap:8px;font-size:14px}.hero-features{gap:20px}.hero-feature{padding-inline:12px}.hero-feature p{font-size:15px}}@media (width<=700px){.hero-main{padding-block:clamp(12px, 2svh, 24px) max(24px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(min-content,1fr);align-content:stretch;align-items:stretch;row-gap:clamp(24px,4svh,40px)}.hero-stage{aspect-ratio:1536/1024;width:100%;max-height:calc(100svh - var(--navbar-height));position:relative;inset:auto}.hero-art{overflow:hidden}.hero-art svg{transform:scale(1.18)}.hero-features{text-shadow:none;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:clamp(24px,4svh,40px);margin:0}.hero-feature{grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);gap:8px 14px;padding:0}.hero-feature-top{grid-row:span 2;align-self:start}.hero-feature-top svg{filter:none}.hero-feature p{grid-column:2}}@media (width<=600px){.hero-navbar{gap:12px;padding:0 5%}.hero-brand{letter-spacing:-.3px;font-size:12px}.hero-auth-actions .hero-register-submit{gap:8px;padding:12px}.hero-registration{padding:36px 22px 24px}.hero-registration h2{font-size:27px}}.player-purchase-dialog{box-sizing:border-box;border:1px solid var(--spacing-color);background:var(--color-bg-main);width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--gray0);text-align:left;overflow-wrap:anywhere;border-radius:16px;padding:0;overflow-y:auto}.player-purchase-dialog>form{padding:24px 24px 38px;position:relative}.player-purchase-dialog::backdrop{background:#0009}.player-purchase-dialog h2{margin-top:0;font-size:20px}.player-purchase-dialog p{line-height:1.6}.player-purchase-field{gap:8px;display:grid}.player-purchase-field input{box-sizing:border-box;border:1px solid var(--spacing-color);background:var(--color-bg-alt);width:100%;min-width:0;color:var(--gray0);font:inherit;border-radius:8px;padding:12px}.player-purchase-field input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.player-purchase-summary{background:var(--color-bg-alt);border-radius:12px;gap:10px;padding:20px;display:grid}.player-purchase-summary span{font-size:14px}.player-purchase-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.player-purchase-actions button{border:1px solid var(--spacing-color);background:var(--color-bg-alt);color:var(--gray0);cursor:pointer;font:inherit;border-radius:8px;flex:150px;padding:12px 16px}.player-purchase-actions .button{background:var(--color-primary);color:var(--color-bg-main)}.player-purchase-actions button:disabled{opacity:.6;cursor:wait}.popup-waves{pointer-events:none;width:100%;height:18px;display:block;position:absolute;inset:auto 0 0}.team-roster-actions{grid-column:1/-1;min-width:0}.team-roster-action-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.team-roster-action-option{border:1px solid var(--spacing-color);background:var(--color-bg-main);min-height:48px;color:var(--gray0);font:inherit;overflow-wrap:anywhere;cursor:pointer;border-radius:10px;padding:12px 16px;font-size:14px}.team-roster-action-option:hover{border-color:var(--color-primary)}.team-roster-actions button:disabled{opacity:.6;cursor:wait}.team-roster-action-option:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.team-roster-action-notice{margin:12px 0 0;font-size:14px;line-height:1.5}.team-roster-action-notice:empty{margin:0}.team-roster-listing-form{margin-top:16px;line-height:1.5}.team-roster-listing-form label{gap:8px;display:grid}.team-roster-listing-form input{box-sizing:border-box;border:1px solid var(--spacing-color);background:var(--color-bg-main);width:100%;color:var(--gray0);font:inherit;border-radius:8px;padding:12px}@container (width<=680px){.team-roster-action-options{grid-template-columns:minmax(0,1fr)}}.league-notification{z-index:100;top:calc(20px + env(safe-area-inset-top,0px));box-sizing:border-box;border:1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-bg-main));background:var(--color-bg-main);width:max-content;max-width:min(520px,100% - 32px);color:var(--gray0);text-align:left;font-family:var(--sans);border-radius:14px;align-items:center;gap:14px;padding:16px 14px 30px 20px;animation:.22s ease-out both league-notification-enter;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 36px #0023412e}.league-notification-logo{flex:0 0 38px;height:40px}.league-notification-message{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.5}.league-notification-close{width:40px;height:40px;color:var(--color-accent-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 40px;place-items:center;padding:10px;transition:background-color .15s,color .15s;display:grid}.league-notification-close:hover{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-bg-main));color:var(--color-primary)}.league-notification-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.league-notification-close svg{width:20px;height:20px}@keyframes league-notification-enter{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=480px){.league-notification{gap:10px;padding:14px 10px 28px 14px}.league-notification-logo{flex-basis:30px;height:32px}}@media (prefers-reduced-motion:reduce){.league-notification{animation:none}.league-notification-close{transition:none}}