.cross-league{box-sizing:border-box;width:var(--roar-reading);background:var(--roar-mist);color:var(--roar-damson);font-family:var(--font-sans);overflow-wrap:anywhere;border:0;border-radius:12px;gap:1.25rem;margin:2.5rem auto;padding:1.5rem;display:grid}.cross-league--arrival{background:var(--roar-accent-surface);gap:1.5rem;padding:1.75rem 1.5rem}.cross-league--moment{width:100%;margin:2.5rem 0 0}.cross-league__copy{gap:.5rem;display:grid}.cross-league__copy>*{margin:0}.cross-league__kicker{color:var(--roar-damson);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:.92rem;font-weight:900;line-height:1.2}.cross-league h2{color:var(--roar-damson);letter-spacing:-.03em;font-size:1.375rem;font-weight:800;line-height:1.2}.cross-league--arrival h2{letter-spacing:-.04em;font-size:clamp(1.75rem,1.25rem + 2vw,2.5rem);line-height:1.05}.cross-league__copy p:not(.cross-league__kicker){max-width:36rem;color:var(--roar-copy);font-size:1rem;line-height:1.6}.cross-league--arrival .cross-league__copy p:not(.cross-league__kicker){color:var(--roar-damson);font-size:1.0625rem}.cross-league__form{gap:.5rem;margin:0;display:grid}.cross-league__form label{font-size:.9375rem;font-weight:700;line-height:1.4}.cross-league__row{gap:.625rem;display:grid}.cross-league__row input{box-sizing:border-box;border:1px solid var(--roar-line);background:var(--roar-gallery);width:100%;min-width:0;min-height:3.25rem;color:var(--roar-carbon);font:inherit;border-radius:6px;padding:.75rem .875rem;font-size:1rem;line-height:1.5}.cross-league--arrival .cross-league__row input{border-color:#0000}.cross-league__row input::placeholder{color:var(--roar-muted)}.cross-league__row input[aria-invalid=true]{border:2px solid var(--roar-damson);padding:calc(.75rem - 1px) calc(.875rem - 1px)}.cross-league .cross-league__row button{background:var(--roar-damson);min-height:3.25rem;color:var(--roar-gallery);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:800;line-height:1.2;display:inline-flex}.cross-league .cross-league__row button:hover:not(:disabled){background:var(--roar-damson-raised)}.cross-league .cross-league__row button:disabled{cursor:progress;opacity:.75}.cross-league :is(input,button):focus-visible{outline:3px solid var(--roar-raspberry);outline-offset:3px}.cross-league--arrival :is(input,button):focus-visible{outline-color:var(--roar-damson)}.cross-league__error{color:var(--roar-damson);margin:0;font-size:.9375rem;font-weight:700;line-height:1.45}.cross-league__hint{color:var(--roar-copy);margin:0;font-size:.8125rem;line-height:1.5}.cross-league--arrival .cross-league__hint{color:var(--roar-damson)}@media (width>=640px){.cross-league{padding:2rem}.cross-league--arrival{padding:2.25rem 2.25rem 2rem}.cross-league__row{grid-template-columns:minmax(0,1fr) auto}}@media (prefers-reduced-motion:no-preference){.cross-league .cross-league__row button{transition:background-color .12s ease-out}}.league-moment{background:var(--roar-gallery);width:min(100% - 3rem,720px);color:var(--roar-damson);font-family:var(--font-sans);margin:0 auto;padding:8px 0 40px}.league-moment__layout{grid-template-columns:320px minmax(0,1fr);align-items:center;gap:40px;display:grid}.league-moment__image{aspect-ratio:4/5;background:var(--roar-gradient-editorial);width:100%;height:auto;display:block}.league-moment__panel{flex-direction:column;gap:24px;min-width:0;display:flex}.league-moment__panel :is(h1,h2){max-width:9ch;color:var(--roar-damson);letter-spacing:-.04em;margin:0;font-size:32px;font-weight:800;line-height:36px}.league-moment__button-logos{align-items:center;gap:8px;margin-right:6px;display:inline-flex}.league-moment__button-logos img{object-fit:contain;flex:none;width:24px;height:24px;display:block}.league-moment button{font:inherit;cursor:pointer}.league-moment button:disabled{cursor:default;opacity:.55}.league-moment :is(button,a,input):focus-visible{outline:3px solid var(--roar-raspberry);outline-offset:4px}.league-moment__open,.league-moment__share{width:100%;min-height:54px;color:var(--roar-damson);background:var(--roar-coral);border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:14px 20px;display:flex;font-size:16px!important;font-weight:800!important}.league-moment__open:hover,.league-moment__share:hover{background:var(--roar-blush)}.league-moment__dialog{box-sizing:border-box;overscroll-behavior:contain;background:var(--roar-damson);color:#fff;border:0;border-radius:16px;width:min(440px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.league-moment__dialog::backdrop{background:#1b0911a6}.league-moment__dialog :is(button,input):focus-visible{outline-color:#fff}.league-moment__dialog-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.league-moment__dialog-header h2{color:#fff;letter-spacing:-.035em;margin:0;font-size:26px;font-weight:800;line-height:32px}.league-moment__dialog-header button{color:#fff;background:0 0;border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:26px}.league-moment__preview{aspect-ratio:4/5;object-fit:contain;width:264px;max-width:100%;height:auto;max-height:min(330px,100dvh - 380px);margin:0 auto 40px;display:block}.league-moment__dialog .league-moment__share{border-radius:0;min-height:56px}.league-moment__fallbacks{justify-content:space-between;gap:16px;margin-top:12px;display:flex}.league-moment__fallbacks button{color:#fff;background:0 0;border:0;min-height:48px;padding:8px 0;font-size:14px;font-weight:600}.league-moment__status{margin:8px 0 0;font-size:14px;line-height:22px}.league-moment__status:empty{margin:0}.league-moment__manual-copy{color:#fff;background:var(--roar-damson-deep);width:100%;font:inherit;border:1px solid #fff6;margin-top:12px;padding:12px;font-size:14px;display:block}.league-moment__unavailable{color:#fff;background:var(--roar-damson);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.league-moment__unavailable p{margin:0;font-size:16px}.league-moment__unavailable button{color:#fff;background:0 0;border:1px solid #fff6;min-height:44px;padding:8px 14px}.league-moment--standalone{border:0;margin-top:40px}.league-moment__read{color:var(--roar-damson);text-underline-offset:4px;margin-bottom:32px;font-size:16px;font-weight:700;display:inline-block}.league-moment__verdict{border-top:1px solid var(--roar-line);margin-top:40px;padding-top:28px}.league-moment__verdict h2{margin:0 0 20px;font-size:24px;font-weight:700}.league-moment__votes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.league-moment__votes button{border:1px solid var(--roar-line);min-height:52px;color:var(--roar-damson);background:#fff;border-radius:4px;flex-direction:column;gap:8px;padding:16px;font-size:14px;display:flex}.league-moment__votes button[aria-pressed=true]{background:var(--roar-mist);border-color:var(--roar-damson)}.league-moment__votes button:disabled{opacity:1}.league-moment__votes strong{font-size:24px}.league-moment__votes small{font-size:14px}.league-moment__verdict p,.league-moment__verdict>small{font-size:14px;line-height:22px}.moment-empty{max-width:600px;margin:80px auto;padding:24px}.moment-empty a{margin-top:20px;display:block}@media (width<=680px){.league-moment{padding:8px 0 32px}.league-moment__layout{grid-template-columns:minmax(0,1fr);gap:22px}.league-moment__panel{display:contents}.league-moment__panel :is(h1,h2){grid-row:1;max-width:none;font-size:26px;line-height:31px}.league-moment__image{grid-row:2}.league-moment__open{grid-row:3}.league-moment__dialog{width:100%;height:100dvh;max-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));border-radius:0;margin:0}.league-moment__dialog-header{margin-bottom:28px}}@media (width<=350px){.league-moment__dialog{padding-inline:20px}.league-moment__dialog-header{gap:8px}.league-moment__dialog-header h2{font-size:23px}}
