:root{color:#10223a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051728f5;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:.08em;align-items:center;gap:.7rem;font-size:.85rem;text-decoration:none;display:inline-flex}.brand strong{color:#ffbe34}.brand__ball{color:#ffbe34;border:1px solid #ffbe34;border-radius:.5rem;place-items:center;width:2rem;height:2rem;display:grid;transform:rotate(45deg)}.topbar nav{align-items:center;gap:1.6rem;display:flex}.topbar nav a{color:#b9c6d4;font-size:.88rem;text-decoration:none}.topbar nav a.active{color:#fff}.topbar nav button{color:#071a2d;background:#ffbe34;border:0;border-radius:50%;width:2.25rem;height:2.25rem;font-weight:800}main{flex:1}.hero{color:#fff;background:linear-gradient(110deg,#04192cfa,#0a2d48e0),radial-gradient(circle at 80% 30%,#1d6b70,#0000 40%);justify-content:space-between;gap:3rem;padding:5rem max(5vw,50vw - 590px);display:flex}.hero h1{letter-spacing:-.045em;max-width:700px;margin:.3rem 0 .8rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:500;line-height:.95}.eyebrow{color:#d69000;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.hero .eyebrow{color:#ffbe34}.hero__copy{color:#c6d2df;max-width:540px;margin:0;font-size:1.05rem}.deadline-card{background:#ffffff12;border:1px solid #ffffff26;border-radius:.75rem;align-self:end;min-width:290px;padding:1.3rem 1.5rem}.deadline-card span,.deadline-card small,.deadline-card strong{display:block}.deadline-card span,.deadline-card small{color:#b9c6d4}.deadline-card strong{color:#ffbe34;margin:.3rem 0}.entry-layout{grid-template-columns:minmax(0,1fr) 320px;gap:2rem;max-width:1180px;margin:0 auto;padding:3.5rem 2rem 5rem;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading h2,.entry-summary h2{margin:.35rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.section-heading>span{color:#68778a;font-size:.88rem}.matchup-card{background:#fff;border:1px solid #d9e0e7;border-radius:.85rem;padding:1.25rem;box-shadow:0 8px 28px #192f460d}.matchup-card+.matchup-card{margin-top:.9rem}.matchup-card__meta{color:#68778a;justify-content:space-between;margin-bottom:.8rem;font-size:.78rem;display:flex}.badge{color:#7a5100;background:#fff1c7;border-radius:999px;padding:.18rem .5rem;font-weight:700}.team-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;display:grid}.team-choice{color:#10223a;text-align:left;background:#f9fbfc;border:1px solid #d9e0e7;border-radius:.65rem;align-items:center;gap:.8rem;min-height:74px;padding:.8rem;transition:border-color .14s,background .14s,transform .14s;display:flex}.team-choice:hover{border-color:#8aa0b5;transform:translateY(-1px)}.team-choice.selected{background:#fff8e8;border-color:#ce8c08;box-shadow:0 0 0 2px #ffbe343d}.team-choice small,.team-choice strong{display:block}.team-choice small{color:#7b8998;text-transform:uppercase;margin-bottom:.15rem;font-size:.7rem}.team-choice__mark{color:#fff;background:#0c3558;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-family:Georgia,serif;font-weight:700;display:grid}.at-mark{color:#8b98a7;font-size:.8rem}.entry-summary{color:#fff;background:#071a2d;border-radius:.85rem;align-self:start;padding:1.6rem;position:sticky;top:96px;box-shadow:0 16px 38px #06192a2e}.entry-summary .eyebrow{color:#ffbe34}.entry-summary p:not(.eyebrow){color:#b9c6d4;font-size:.9rem;line-height:1.55}.entry-summary>small{color:#8192a4;margin-top:.8rem;line-height:1.45;display:block}.progress-track{background:#254057;border-radius:999px;height:5px;margin:1.4rem 0;overflow:hidden}.progress-track span{background:#ffbe34;height:100%;transition:width .18s;display:block}.submit-button{color:#071a2d;background:#ffbe34;border:0;border-radius:.55rem;width:100%;padding:.9rem 1rem;font-weight:800}.submit-button:disabled{cursor:not-allowed;opacity:.42}footer{color:#8b98a7;background:#04131f;justify-content:space-between;padding:1.5rem 5vw;font-size:.8rem;display:flex}footer a{color:#ffbe34}@media (width<=800px){.topbar nav a{display:none}.hero{flex-direction:column;padding-top:3.8rem}.deadline-card{align-self:stretch;min-width:0}.entry-layout{grid-template-columns:1fr;padding:2.5rem 1rem 4rem}.entry-summary{grid-row:1;position:static}}@media (width<=520px){.topbar{min-height:64px}.hero{padding:3rem 1rem}.team-grid{grid-template-columns:1fr}.at-mark{display:none}.section-heading{flex-direction:column;align-items:start}footer{flex-direction:column;gap:.5rem}}.account-main{width:min(1040px,100%);margin:0 auto;padding:3rem 2rem 5rem}.account-heading{align-items:center;gap:1.25rem;display:flex}.account-heading h1{letter-spacing:-.04em;margin:.3rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500}.account-heading p:last-child{color:#68778a;margin:0}.profile-avatar{color:#071a2d;letter-spacing:.04em;background:#ffbe34;border-radius:50%;flex:none;place-items:center;font-weight:900;display:inline-grid}.profile-avatar-small{width:2.25rem;height:2.25rem;font-size:.7rem}.profile-avatar-large{border:5px solid #fff;width:5.5rem;height:5.5rem;font-size:1.3rem;box-shadow:0 10px 28px #192f4624}.user-menu{position:relative}.user-menu summary{cursor:pointer;list-style:none;display:block}.user-menu summary::-webkit-details-marker{display:none}.user-menu__popover{z-index:20;color:#10223a;background:#fff;border:1px solid #29445c;border-radius:.65rem;width:190px;padding:.55rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0;box-shadow:0 14px 36px #04131f3d}.user-menu__popover strong{text-overflow:ellipsis;padding:.55rem .65rem;font-size:.78rem;overflow:hidden}.topbar nav .user-menu__popover button{color:#10223a;text-align:left;background:0 0;border-radius:.4rem;width:100%;height:auto;padding:.65rem;font-size:.82rem}.topbar nav .user-menu__popover button:hover{background:#eef2f6}.account-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.5rem;margin-top:2rem;display:grid}.account-card{background:#fff;border:1px solid #d9e0e7;border-radius:.85rem;align-self:start;padding:1.5rem;box-shadow:0 8px 28px #192f460d}.account-card h2{margin:0 0 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:500}.account-card form,.account-card label{gap:.55rem;display:grid}.account-card form{gap:1rem}.account-card label{color:#526275;font-size:.8rem;font-weight:700}.account-card label small{color:#7b8998;font-weight:400}.account-card input,.account-card select{color:#10223a;background:#f9fbfc;border:1px solid #cfd8e1;border-radius:.5rem;width:100%;padding:.8rem}.account-card input:focus,.account-card select:focus{border-color:#ce8c08;outline:none;box-shadow:0 0 0 2px #ffbe3433}.account-name-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.account-security{gap:1.25rem;display:grid}.account-security form+form{border-top:1px solid #e3e8ed;padding-top:1.25rem}.account-security button:not(.sign-out-button){color:#fff;background:#173c5e;border:0;border-radius:.5rem;padding:.75rem;font-weight:800}.account-security button:disabled{cursor:not-allowed;opacity:.45}.sign-out-button{color:#8a2929;background:#fff7f7;border:1px solid #e0bcbc;border-radius:.5rem;padding:.75rem}.account-message{color:#5d430c;background:#fff1c7;border-radius:.55rem;margin:1.5rem 0 0;padding:.85rem}@media (width<=760px){.account-grid,.account-name-grid{grid-template-columns:1fr}.account-main{padding:2rem 1rem 4rem}}.admin-main{width:min(1180px,100%);margin:0 auto;padding:3rem 2rem 5rem}.brand-button,.nav-text-button{border:0;padding:0;width:auto!important;height:auto!important;color:inherit!important;background:0 0!important;border-radius:0!important}.admin-heading h1{letter-spacing:-.04em;margin:.4rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500}.admin-heading>div>p:last-child,.admin-card>p,.admin-card-heading p{color:#68778a}.admin-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:1.5rem;margin-top:2rem;display:grid}.admin-card{background:#fff;border:1px solid #d9e0e7;border-radius:.85rem;align-self:start;padding:1.5rem;box-shadow:0 8px 28px #192f460d}.admin-card h2,.admin-card h3{margin:0}.admin-card-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.admin-card-heading p{margin:.35rem 0 1rem}.admin-form,.admin-form label,.claim-link{gap:.65rem;display:grid}.admin-form{margin-top:1.25rem}.admin-form label{color:#526275;font-size:.8rem;font-weight:700}.admin-form input,.claim-link input{border:1px solid #cfd8e1;border-radius:.5rem;width:100%;padding:.8rem}.claim-link,.admin-message{background:#fff8e8;border-radius:.55rem;margin-top:1rem;padding:.9rem;font-size:.82rem}.claim-link button,.admin-card-heading button,.invitation-actions button{color:#17334f;background:#f7f9fb;border:1px solid #cbd5df;border-radius:.45rem;padding:.55rem .75rem}.invitation-list{gap:.75rem;display:grid}.invitation-row{border:1px solid #e0e6ec;border-radius:.65rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.invitation-row h3{margin-top:.4rem;font-size:1rem}.invitation-row p,.invitation-row small{color:#68778a;margin:.2rem 0 0;display:block}.status{color:#5d430c;text-transform:uppercase;background:#fff1c7;border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:800;display:inline-block}.status-accepted,.status-approved,.status-account-created{color:#155c40;background:#dff5e9}.status-revoked,.status-expired{color:#7c3434;background:#f9e2e2}.invitation-actions{flex-wrap:wrap;justify-content:end;gap:.45rem;display:flex}.invitation-actions .danger-button{color:#8a2929}@media (width<=800px){.admin-grid{grid-template-columns:1fr}.invitation-row{flex-direction:column;align-items:stretch}.invitation-actions{justify-content:start}}.loading-screen{color:#fff;background:#071a2d;place-items:center;min-height:100vh;display:grid}.deployment-setup{text-align:center;padding:2rem}.deployment-setup div{max-width:680px}.deployment-setup h1{letter-spacing:-.045em;margin:.5rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,8vw,5rem);font-weight:500}.deployment-setup p:last-child{color:#c6d2df;line-height:1.6}.auth-layout{color:#fff;background:#071a2d;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-height:100vh;display:grid}.auth-story,.auth-panel{flex-direction:column;justify-content:center;padding:clamp(2rem,8vw,8rem);display:flex}.auth-story{background:linear-gradient(110deg,#04192ce6,#0a2d48b8),radial-gradient(circle at 70% 35%,#1d6b70,#0000 40%)}.auth-story h1{letter-spacing:-.05em;margin:.4rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,8vw,7rem);font-weight:500;line-height:.9}.auth-story>p:last-child{color:#c6d2df;max-width:560px;font-size:1.05rem;line-height:1.6}.auth-panel{background:#0b2135}.auth-panel h2{margin:.4rem 0 2rem;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:500}.auth-panel form,.auth-panel label{gap:.6rem;display:grid}.auth-panel form{gap:1.1rem}.auth-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.auth-panel label{color:#c6d2df;font-size:.82rem;font-weight:700}@media (width<=540px){.auth-name-grid{grid-template-columns:1fr}}.auth-panel input{color:#fff;background:#071a2d;border:1px solid #355069;border-radius:.5rem;outline:none;width:100%;padding:.85rem .9rem}.auth-panel input:focus{border-color:#ffbe34;box-shadow:0 0 0 2px #ffbe342e}.auth-message{color:#ffe6ad;background:#ffbe341a;border-radius:.45rem;margin:0;padding:.75rem;font-size:.85rem}.auth-actions{justify-content:space-between;gap:1rem;margin-top:1.2rem;display:flex}.auth-switch{color:#ffbe34;background:0 0;border:0;padding:0;font-size:.85rem}@media (width<=800px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:40vh}}.demo-banner{color:#5f4208;text-align:center;background:#fff1c7;padding:.65rem 5vw;font-size:.78rem}.week-selector{background:#f7f9fb;border:1px solid #d9e0e7;border-radius:1.35rem;width:calc(100% - 2rem);max-width:1180px;margin:1.5rem auto 1.75rem;padding:.85rem .9rem .35rem;box-shadow:0 8px 24px #192f460f}.week-selector__track{scrollbar-color:#a9b6c3 transparent;scrollbar-width:thin;gap:.55rem;padding:.1rem .1rem .85rem;display:flex;overflow-x:auto}.week-selector__track::-webkit-scrollbar{height:7px}.week-selector__track::-webkit-scrollbar-track{background:0 0}.week-selector__track::-webkit-scrollbar-thumb{background:#a9b6c3;border-radius:999px}.week-selector button{color:#34485d;white-space:nowrap;background:#fff;border:1px solid #cfd8e1;border-radius:999px;flex:none;min-width:90px;padding:.6rem .85rem}.week-selector button span,.week-selector button small{display:block}.week-selector button small{color:#8996a4;margin-top:.15rem;font-size:.62rem}.week-selector button.active{color:#071a2d;background:#fff1c7;border-color:#ce8c08;font-weight:800}.week-selector button:disabled{cursor:not-allowed;opacity:.48}.winner-banner{color:#473000;text-align:center;background:#ffdf88;padding:.8rem 5vw;font-weight:800}.team-choice:disabled{cursor:not-allowed;opacity:.65}.team-choice em{margin-top:.25rem;font-size:.68rem;font-style:normal;font-weight:800;display:block}.team-choice.correct{background:#edf8f1;border-color:#3b8d63}.team-choice.correct em{color:#237049}.team-choice.incorrect{background:#fff2f2;border-color:#bf6666}.team-choice.incorrect em{color:#9b3636}.score-prediction{border-top:1px solid #e3e8ed;grid-template-columns:minmax(180px,1fr) minmax(90px,.5fr) minmax(90px,.5fr);align-items:end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.score-prediction strong,.score-prediction small{display:block}.score-prediction strong{font-size:.86rem}.score-prediction small{color:#7b8998;margin-top:.2rem;font-size:.72rem}.score-field{gap:.35rem;display:grid}.score-field span{color:#68778a;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.score-field input{color:#10223a;background:#f9fbfc;border:1px solid #cfd8e1;border-radius:.45rem;width:100%;min-width:0;padding:.65rem}.score-field input:focus{border-color:#ce8c08;outline:none;box-shadow:0 0 0 2px #ffbe3433}.entry-error{background:#bf303038;border-radius:.45rem;padding:.7rem;color:#ffd6d6!important}.mobile-submit-bar{display:none}.week-loading{color:#526579;text-align:center;grid-column:1/-1;place-content:center;place-items:center;gap:1rem;min-height:360px;display:grid}.week-loading__spinner{border:3px solid #d9e0e7;border-top-color:#ce8c08;border-radius:50%;width:2.25rem;height:2.25rem;animation:.7s linear infinite week-loading-spin}@keyframes week-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.week-loading__spinner{animation-duration:1.8s}}@media (width<=800px){.mobile-submit-bar{z-index:20;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071a2df5;border-top:1px solid #ffffff24;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #06192a33}.mobile-submit-bar button{color:#071a2d;background:#ffbe34;border:0;border-radius:999px;width:min(100%,520px);margin:0 auto;padding:.9rem 1rem;font-weight:800;display:block}.submit-button--observed-away{visibility:hidden}}@media (width<=520px){.week-selector{width:calc(100% - 1.25rem);margin-top:1rem;padding-left:.65rem;padding-right:.65rem}.score-prediction{grid-template-columns:1fr 1fr}.score-prediction>div:first-child{grid-column:1/-1}}
