@import "https://fonts.googleapis.com/css2?family=Chelsea+Market&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Saira+Stencil:ital,wght@0,100..900;1,100..900&display=swap";.content{flex-direction:column;gap:20px;max-width:1028px;min-height:550px;margin:0 auto;padding:40px 0;display:flex}.content--centered{justify-content:center;align-items:center}.content--centered-top{align-items:center}.profile{flex-direction:column;gap:24px;width:100%;padding:0 16px;display:flex}.profile__header{align-items:center;gap:12px;font-family:Chelsea Market,cursive;display:flex}.profile__title{letter-spacing:.08em;margin:0;font-size:28px}.profile__cards{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.profile__col{flex-direction:column;justify-content:space-between;height:100%;display:flex}.profile__cards>*{min-width:0}.profile__cards .form,.profile__col .form{max-width:none}.profile__info{background-color:var(--muted);border-radius:12px;flex-direction:column;gap:12px;padding:20px;font-family:Saira Stencil,cursive;display:flex;box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d}.profile__info-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile__info-label{letter-spacing:.08em;opacity:.65;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.profile__info-value{letter-spacing:.04em;word-break:break-all;font-size:15px;font-weight:700}.form{background-color:var(--muted);border-radius:12px;flex-direction:column;gap:20px;max-width:400px;padding:20px;font-family:Saira Stencil,cursive;display:flex;box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d}.form--wide{max-width:800px}.form__title-content{align-items:center;gap:10px;display:flex}.form__title{letter-spacing:.05em;margin:0}.form__subtitle{margin:0}.form__content{flex-direction:column;gap:20px;display:flex}.form__field{flex-direction:column;gap:4px;display:flex}.form__label-content{align-items:center;gap:2px;display:flex}.form__label{letter-spacing:.05em;font-size:14px;font-weight:700}.form__input{border:1px solid var(--foreground);background-color:var(--background);color:var(--foreground);border-radius:8px;padding:8px;font-family:Saira Stencil,cursive;font-size:16px;font-weight:700}.form__input::placeholder{color:var(--foreground);opacity:.6;font-weight:400}.form__input:focus{border:2px solid var(--foreground);outline:none}.form__error{color:var(--secondary-orange);margin:0;font-size:14px}.form__success{color:var(--primary-green);margin:0;font-size:14px}.form__footer{justify-content:flex-end;align-items:center;gap:16px;padding-top:10px;display:flex}.form__link{color:var(--foreground);opacity:.8}.form__button{background-color:var(--primary-green);color:#fff;cursor:pointer;letter-spacing:.05em;border:none;border-radius:8px;padding:10px 20px;font-family:Saira Stencil,cursive;font-size:16px;font-weight:700}.form__button:hover{background-color:var(--primary-green-hover);transition:background-color .2s ease-in-out}.form__button:disabled{background-color:var(--secondary-orange);color:var(--foreground);cursor:not-allowed}.leagues{flex-direction:column;gap:32px;max-width:1028px;min-height:550px;margin:0 auto;padding:40px 0;display:flex}.leagues__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.leagues__title{color:var(--foreground);margin:0;font-family:Chelsea Market,cursive;font-size:28px}.leagues__actions{flex-wrap:wrap;gap:12px;display:flex}.leagues__section-title{color:var(--foreground);border-bottom:2px solid var(--foreground);opacity:.75;margin:0 0 16px;padding-bottom:8px;font-family:Chelsea Market,cursive;font-size:20px}.leagues__empty{color:var(--foreground);opacity:.55;padding:12px 0;font-family:Montserrat,sans-serif;font-size:15px}.league-cards{flex-direction:column;gap:12px;display:flex}.league-card{background-color:var(--muted);color:var(--foreground);cursor:pointer;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;text-decoration:none;transition:box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 3px #0000001f,0 1px 2px -1px #0000001f}.league-card--pending{cursor:default}.league-card__link{border-radius:12px;position:absolute;inset:0}.league-card:hover{box-shadow:0 4px 12px #0000002e,0 2px 4px -1px #00000024}.league-card__info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.league-card__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Chelsea Market,cursive;font-size:20px;overflow:hidden}.league-card__meta{opacity:.65;flex-wrap:wrap;gap:10px;font-family:Montserrat,sans-serif;font-size:13px;display:flex}.league-card__badges{z-index:1;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.league-card__code{background-color:var(--secondary-orange);color:#fff;letter-spacing:.12em;border-radius:20px;padding:4px 10px;font-family:Saira Stencil,cursive;font-size:13px;font-weight:700}.league-card__status{background-color:var(--secondary-orange);color:#fff;letter-spacing:.08em;opacity:.85;border-radius:20px;padding:3px 10px;font-family:Saira Stencil,cursive;font-size:12px;font-weight:700}.league-card__manager-badge{background-color:var(--primary-green);color:#fff;letter-spacing:.08em;border-radius:20px;padding:3px 10px;font-family:Saira Stencil,cursive;font-size:12px;font-weight:700}.league-detail{flex-direction:column;gap:32px;max-width:1028px;min-height:550px;margin:0 auto;padding:40px 0;display:flex}.league-detail__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.league-detail__title-group{flex-direction:column;gap:8px;display:flex}.league-detail__title{color:var(--foreground);margin:0;font-family:Chelsea Market,cursive;font-size:32px}.league-detail__code-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.league-detail__code-label{opacity:.65;font-family:Montserrat,sans-serif;font-size:13px}.league-detail__code{background-color:var(--secondary-orange);color:#fff;letter-spacing:.15em;cursor:pointer;border:none;border-radius:20px;padding:5px 14px;font-family:Saira Stencil,cursive;font-size:18px;font-weight:700;transition:background-color .15s}.league-detail__code:hover{background-color:var(--secondary-orange-hover)}.league-detail__code-hint{opacity:.5;font-family:Montserrat,sans-serif;font-size:12px}.league-detail__actions{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.league-detail__pending-notice{background-color:var(--muted);border-left:4px solid var(--secondary-orange);color:var(--foreground);border-radius:8px;padding:14px 18px;font-family:Montserrat,sans-serif;font-size:15px}.league-settings{background-color:var(--muted);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px 24px;display:grid;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.league-settings__item{flex-direction:column;gap:4px;display:flex}.league-settings__label{letter-spacing:.08em;opacity:.6;text-transform:uppercase;font-family:Saira Stencil,cursive;font-size:11px}.league-settings__value{color:var(--foreground);font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.standings{border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.standings__section-title{color:var(--foreground);border-bottom:2px solid var(--foreground);opacity:.75;margin:0 0 12px;padding-bottom:8px;font-family:Chelsea Market,cursive;font-size:20px}.standings__header,.standings__row{grid-template-columns:48px 1fr 90px 80px 80px;align-items:center;gap:8px;padding:12px 18px;display:grid}.standings__header{background-color:var(--foreground);color:var(--background);letter-spacing:.08em;text-transform:uppercase;font-family:Saira Stencil,cursive;font-size:12px}.standings__row{background-color:var(--muted);border-top:1px solid var(--background);font-family:Montserrat,sans-serif;font-size:14px}.standings__row:first-of-type{border-top:none}.standings__rank{font-family:Saira Stencil,cursive;font-size:16px;font-weight:800}.standings__username{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.standings__points{color:var(--primary-green);text-align:center;font-family:Saira Stencil,cursive;font-size:16px;font-weight:800}.standings__stat{text-align:center;opacity:.75;font-size:13px}.standings__empty{background-color:var(--muted);opacity:.55;text-align:center;padding:20px 18px;font-family:Montserrat,sans-serif;font-size:14px}.members-page{flex-direction:column;gap:32px;max-width:1028px;min-height:550px;margin:0 auto;padding:40px 0;display:flex}.members-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.members-page__title{color:var(--foreground);margin:0;font-family:Chelsea Market,cursive;font-size:28px}.members__section-title{color:var(--foreground);border-bottom:2px solid var(--foreground);opacity:.75;margin:0 0 12px;padding-bottom:8px;font-family:Chelsea Market,cursive;font-size:20px}.members__list{flex-direction:column;gap:10px;display:flex}.members__row{background-color:var(--muted);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000014,0 1px 2px -1px #00000014}.members__info{flex-direction:column;gap:3px;display:flex}.members__username{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}.members__joined{opacity:.55;font-family:Montserrat,sans-serif;font-size:12px}.members__actions{flex-wrap:wrap;gap:8px;display:flex}.members__empty{opacity:.55;padding:10px 0;font-family:Montserrat,sans-serif;font-size:14px}.btn{letter-spacing:.06em;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:Saira Stencil,cursive;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--primary-green);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--primary-green-hover)}.btn--secondary{background-color:var(--foreground);color:var(--background)}.btn--secondary:hover:not(:disabled){opacity:.85}.btn--danger{background-color:var(--secondary-orange);color:#fff}.btn--danger:hover:not(:disabled){background-color:var(--secondary-orange-hover)}.btn--ghost{color:var(--foreground);border:1.5px solid var(--foreground);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--foreground);color:var(--background)}.btn--sm{padding:5px 12px;font-size:12px}.back-link{color:var(--foreground);opacity:.7;align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-size:14px;text-decoration:none;display:inline-flex}.back-link:hover{opacity:1;text-decoration:underline}@media screen and (width<=600px){.leagues,.league-detail,.members-page{padding:20px 16px}.leagues__title,.league-detail__title,.members-page__title{font-size:22px}.standings__header,.standings__row{grid-template-columns:36px 1fr 72px 64px 64px;padding:10px 12px;font-size:12px}.standings__points{font-size:13px}.league-settings{grid-template-columns:1fr 1fr}}.now-badge{background-color:var(--muted);border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:6px 14px;font-family:Montserrat,sans-serif;font-size:12px;display:inline-flex}.now-badge--override{color:#7a4800;background-color:#fff3cd;outline:1.5px solid #f0ad4e}.now-badge__label{text-transform:uppercase;letter-spacing:.04em;opacity:.65;font-weight:700}.now-badge--override .now-badge__label{opacity:1}.now-badge__value{font-weight:600}.landing{flex-direction:column;gap:80px;max-width:1028px;margin:0 auto;padding:60px 20px;display:flex}.landing__hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:40px 0;display:flex}.landing__headline{color:var(--foreground);margin:0;font-family:Chelsea Market,cursive;font-size:52px;line-height:1.1}.landing__headline--sm{font-size:36px}.landing__accent{color:var(--secondary-orange)}.landing__sub{opacity:.75;max-width:600px;margin:0;font-family:Montserrat,sans-serif;font-size:18px;line-height:1.7}.landing__cta-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn--lg{padding:12px 28px;font-size:16px}.landing__section-title{color:var(--foreground);text-align:center;margin:0 0 32px;font-family:Chelsea Market,cursive;font-size:28px}.landing__features{flex-direction:column;display:flex}.landing__feature-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.landing__feature-card{background-color:var(--muted);border-radius:12px;flex-direction:column;gap:12px;padding:28px 24px;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.landing__feature-icon{color:var(--primary-green);display:flex}.landing__feature-title{color:var(--foreground);margin:0;font-family:Chelsea Market,cursive;font-size:18px}.landing__feature-body{opacity:.7;margin:0;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.65}.landing__steps{flex-direction:column;display:flex}.landing__step-list{flex-direction:column;gap:24px;width:100%;max-width:680px;margin:0 auto;display:flex}.landing__step{align-items:flex-start;gap:24px;display:flex}.landing__step-number{color:#fff;background-color:var(--secondary-orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-family:Saira Stencil,cursive;font-size:28px;display:flex}.landing__step-title{color:var(--foreground);margin:0 0 6px;font-family:Chelsea Market,cursive;font-size:18px}.landing__step-body{opacity:.7;margin:0;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.65}.landing__bottom-cta{background-color:var(--muted);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:60px 20px;display:flex}@media screen and (width<=600px){.landing{gap:56px;padding:40px 16px}.landing__headline{font-size:36px}.landing__headline--sm{font-size:26px}.landing__sub{font-size:15px}.landing__feature-grid{grid-template-columns:1fr}}.matches{flex-wrap:wrap;justify-content:center;gap:20px;font-family:Montserrat,sans-serif;display:flex}.match-tabs{border-bottom:2px solid var(--foreground);flex-direction:column;gap:0;margin-bottom:20px;display:flex}.match-tabs__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 2px;padding:4px 0;display:flex}.match-tabs__row:first-child{border-bottom:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);margin-bottom:2px;padding-bottom:6px}.match-tabs__label{letter-spacing:.12em;opacity:.4;text-transform:uppercase;white-space:nowrap;min-width:68px;padding:0 6px 0 2px;font-family:Chelsea Market,cursive;font-size:11px}.match-tab{cursor:pointer;color:var(--foreground);letter-spacing:.05em;opacity:.5;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:4px 4px 0 0;flex-shrink:0;margin-bottom:-2px;padding:5px 10px;font-family:Chelsea Market,cursive;font-size:14px;text-decoration:none;transition:opacity .15s,background-color .15s}.match-tab:hover{opacity:.85;background-color:var(--muted)}.match-tab--active{opacity:1;border-bottom-color:var(--primary-green);color:var(--primary-green)}.match{background-color:var(--muted);border-radius:8px;flex-direction:column;gap:10px;width:500px;padding:20px;display:flex;box-shadow:0 4px 6px #0000001a}.match__header{opacity:.7;font-size:14px;font-weight:600}.match__body{background-color:var(--background);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px;display:grid}.match__team--a{text-align:right}.match__team--b{text-align:left}.match__team{font-size:24px}.match__result{letter-spacing:2px;gap:2px;font-size:22px;font-weight:600;display:flex}.match__group{font-weight:700}.match__date{letter-spacing:1px}.match__number{font-weight:600}.match__header{justify-content:space-between;align-items:center;display:flex}.match__footer{flex-direction:column;display:flex}.predictions{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.predictions__title{text-align:center;letter-spacing:2px;text-transform:uppercase;margin-top:5px;margin-bottom:10px;font-size:12px}.prediction{background-color:var(--background);border-radius:8px;align-items:center;gap:15px;padding:5px 10px;font-size:14px;display:flex}.prediction__result{gap:3px;display:flex}.prediction__separator{font-weight:700}.prediction__input{background-color:var(--muted);border:var(--foreground) 1px solid;color:var(--foreground);text-align:right;border-radius:20px;width:36px;font-weight:700}.prediction__input:focus{border-color:var(--primary-green);box-shadow:0 0 5px var(--primary-green);outline:none}.prediction__field{flex-direction:column;align-items:center;gap:2px;display:flex}.prediction__error{color:var(--destructive,red);text-align:center;width:36px;font-size:9px;font-weight:700}.prediction__user{flex-wrap:wrap;align-items:center;gap:4px;width:75px;font-size:12px;font-weight:500;display:flex}.prediction__saved{color:var(--primary-green);align-items:center;gap:2px;font-size:10px;font-weight:600;animation:2s forwards prediction-saved-fade;display:inline-flex}@keyframes prediction-saved-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}@media screen and (width<=600px){.matches{padding:0 10px}.match{width:450px;padding:15px}.match__header{font-size:13px}}.matches-page{flex-direction:column;gap:32px;max-width:1028px;min-height:550px;margin:0 auto;padding:40px 0;font-family:Montserrat,sans-serif;display:flex}.matches-page__title{color:var(--foreground);margin:0;font-family:Chelsea Market,cursive;font-size:28px}.match-group{flex-direction:column;gap:16px;display:flex}.match-group__title{color:var(--foreground);border-bottom:2px solid var(--foreground);opacity:.75;margin:0;padding-bottom:8px;font-family:Chelsea Market,cursive;font-size:20px}.match__number{letter-spacing:.06em;opacity:.55;font-family:Saira Stencil,cursive;font-size:11px}.match__deadline-hint{opacity:.5;font-family:Montserrat,sans-serif;font-size:11px}.match__locked-badge{letter-spacing:.1em;background-color:var(--secondary-orange);color:#fff;border-radius:20px;padding:2px 9px;font-family:Saira Stencil,cursive;font-size:10px}.match__vs{letter-spacing:3px;opacity:.4;font-family:Saira Stencil,cursive;font-size:14px}.match__score{letter-spacing:4px;color:var(--primary-green);font-family:Saira Stencil,cursive;font-size:22px;font-weight:800}.prediction__input{-moz-appearance:textfield;text-align:center;padding:2px 6px}.prediction__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prediction__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media screen and (width<=600px){.matches-page{padding:20px 16px}.matches-page__title{font-size:22px}}:root,.light{--background:#e8f2ff;--foreground:#030267;--muted:#f3f8ff;--primary-green:#059669;--primary-green-hover:#047857;--secondary-orange:#ea6c00;--secondary-orange-hover:#d97706}.dark{--background:#02142d;--foreground:#def8f3;--muted:#051c3c;--primary-green:#34d399;--primary-green-hover:#6ee7b7;--secondary-orange:#fb923c;--secondary-orange-hover:#fdba74}*{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);min-height:100vh;margin:0}.menu__container{background-color:var(--muted);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.menu{justify-content:space-between;align-items:center;max-width:1028px;min-height:90px;margin:0 auto;font-family:Chelsea Market,cursive;display:flex}.menu__nav{flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.nav__link{color:var(--foreground);letter-spacing:.1em;cursor:pointer;font-size:18px;text-decoration:none}.nav__link:hover{color:var(--background);background-color:var(--foreground);border-radius:4px;padding:4px 8px;transition:all .2s ease-in-out}.nav__link--button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.nav__link--active{color:var(--background);background-color:var(--foreground);border-radius:4px;padding:4px 8px}.logo{color:var(--foreground);font-size:36px;text-decoration:none}.theme-toggle{cursor:pointer;color:var(--foreground);background:0 0;border:none;align-items:center;padding:0;display:flex}.theme-toggle__sun,html.dark .theme-toggle__moon{display:none}html.dark .theme-toggle__sun{display:block}@media screen and (width<=600px){.menu{flex-direction:column;gap:10px;padding:10px}.menu__nav{justify-content:center}.nav__link{font-size:14px}.logo{font-size:26px}.form--wide{max-width:100%;padding:0 10px}.content{padding:20px 0}}