[data-game=celestial]{--game-accent:var(--fl-game-celestial)}[data-game=chrono]{--game-accent:var(--fl-game-chrono)}[data-game=mmf]{--game-accent:var(--fl-game-mmf)}.event-header{position:relative;overflow:hidden}.event-header>:not(.action-bar,.event-art){z-index:1;position:relative}@media (min-width:1024px){.event-header>.action-bar{z-index:1;position:relative}}.event-art{z-index:0;pointer-events:none;background:linear-gradient(var(--fl-foil-angle), transparent 62%, color-mix(in srgb, var(--fl-on-spotlight) 10%, transparent) 62%, color-mix(in srgb, var(--fl-on-spotlight) 10%, transparent) 66%, transparent 66%), radial-gradient(70% 120% at 100% 50%, color-mix(in srgb, var(--game-accent,var(--fl-primary)) 34%, transparent), transparent 70%);position:absolute;inset:0}.event-art__img{object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.event-art--image:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--fl-spotlight) 62%, transparent) 0%, color-mix(in srgb, var(--fl-spotlight) 90%, transparent) 70%, var(--fl-spotlight) 100%);position:absolute;inset:0}@media (min-width:768px){.event-art__img{opacity:.6;width:62%;-webkit-mask-image:linear-gradient(90deg, transparent 0%, var(--fl-bg) 45%);mask-image:linear-gradient(90deg, transparent 0%, var(--fl-bg) 45%);left:auto;right:0}.event-art--image:after{background:linear-gradient(90deg, var(--fl-spotlight) 35%, color-mix(in srgb, var(--fl-spotlight) 55%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--fl-spotlight) 70%, transparent) 0%, transparent 55%), color-mix(in srgb, var(--game-accent,var(--fl-primary)) 8%, transparent)}}.event-header__next{font:var(--fl-type-label);letter-spacing:var(--fl-tracking-label);color:var(--fl-on-spotlight);font-variant-numeric:tabular-nums}.event-header__interested{font:var(--fl-type-label);letter-spacing:var(--fl-tracking-label);font-variant-numeric:tabular-nums}.event-header__interested a{color:var(--fl-on-spotlight);text-underline-offset:.2em;text-decoration:underline}.seats-meter{appearance:none;border-radius:var(--fl-radius-pill);background:var(--fl-overlay);width:100%;max-width:20rem;height:6px;color:var(--fl-primary-text);border:0;display:block;overflow:hidden}.seats-meter::-webkit-progress-bar{background:var(--fl-overlay);border-radius:var(--fl-radius-pill)}.seats-meter::-webkit-progress-value{background:var(--fl-primary-text);border-radius:var(--fl-radius-pill)}.seats-meter::-moz-progress-bar{background:var(--fl-primary-text);border-radius:var(--fl-radius-pill)}.action-bar__context{gap:2px;display:grid}.action-bar__countdown{color:var(--fl-text);font:var(--fl-type-label);font-variant-numeric:tabular-nums}.action-bar form{display:contents}.checkin-banner{gap:var(--fl-space-1);margin-top:var(--fl-space-4);padding:var(--fl-space-3) var(--fl-space-4);background:var(--fl-surface);border:1px solid var(--fl-border);border-left:3px solid var(--fl-border-strong);border-radius:var(--fl-radius-md);display:grid}.checkin-banner[data-state=open]{background:var(--fl-success-soft);border-left-color:var(--fl-live)}.checkin-banner[data-state=done]{border-left-color:var(--fl-success)}.checkin-banner__head{font:var(--fl-type-heading-sm);font-variant-numeric:tabular-nums}.checkin-banner .live-dot{margin-right:var(--fl-space-1);vertical-align:middle;display:inline-block}.checkin-banner__line{color:var(--fl-text-secondary);font:var(--fl-type-body-sm)}.also-playing{margin-top:var(--fl-space-3);padding:var(--fl-space-2) var(--fl-space-4);background:var(--fl-primary-soft);border-radius:var(--fl-radius-md);font:var(--fl-type-body-sm)}.sheet{width:100%;max-width:none;max-height:85vh;padding:var(--fl-space-5) var(--fl-space-4) calc(var(--fl-space-5) + env(safe-area-inset-bottom));background:var(--fl-surface);color:var(--fl-text);border:1px solid var(--fl-border-strong);border-radius:var(--fl-radius-lg) var(--fl-radius-lg) 0 0;box-shadow:var(--fl-shadow-3);border-bottom:0;margin:0;position:fixed;inset:auto 0 0;overflow:auto}.sheet:popover-open{animation:sheet-in var(--fl-duration-slow) var(--fl-ease-enter)}.sheet::backdrop{background:color-mix(in srgb, var(--fl-bg) 72%, transparent)}.sheet>*+*{margin-top:var(--fl-space-3)}.sheet__title{font:var(--fl-type-heading-md);letter-spacing:var(--fl-tracking-heading-md)}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (min-width:768px){.sheet{width:min(28rem, calc(100% - 2 * var(--fl-space-4)));border-bottom:1px solid var(--fl-border-strong);border-radius:var(--fl-radius-lg);height:fit-content;margin:auto;inset:0}}.intent{padding:var(--fl-space-3) var(--fl-space-4);background:var(--fl-primary-soft);border-radius:var(--fl-radius-md)}.your-match{border-color:var(--fl-primary)}.score-grid{gap:var(--fl-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.score-button{background:var(--fl-raised);border-color:var(--fl-border-strong);min-height:56px;color:var(--fl-text);font:var(--fl-type-heading-sm);font-variant-numeric:tabular-nums}.score-button:hover{background:var(--fl-overlay);color:var(--fl-text)}.score-button--won{border-color:var(--fl-primary)}.undo-row__left{color:var(--fl-text-secondary);font:var(--fl-type-label);font-variant-numeric:tabular-nums}.match-signin{padding:var(--fl-space-3) var(--fl-space-4);background:var(--fl-surface);border:1px solid var(--fl-border);border-radius:var(--fl-radius-md)}.champion{--fl-foil-color:color-mix(in srgb, var(--fl-winner) 26%, transparent);align-items:center;gap:var(--fl-space-3) var(--fl-space-4);margin-inline:calc(var(--fl-space-4) * -1);padding:var(--fl-space-6) var(--fl-space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.champion .avatar--lg{width:72px;height:72px;box-shadow:0 0 0 3px var(--fl-winner)}.champion__label{color:var(--fl-winner);font:var(--fl-type-label);letter-spacing:var(--fl-tracking-label);text-transform:uppercase}.champion__name{font:var(--fl-type-display-md);letter-spacing:var(--fl-tracking-display-md);color:var(--fl-winner)}.champion__name a{color:inherit;text-decoration:none}.champion__name a:hover{text-decoration:underline}.champion__line{color:var(--fl-on-spotlight);font:var(--fl-type-heading-sm);font-variant-numeric:tabular-nums}.champion__sentence{max-width:44rem;color:var(--fl-text-secondary);grid-column:1/-1}.champion.fl-foil[data-foil=play]:after{animation:champion-sweep var(--fl-duration-foil) var(--fl-ease-foil) 1 both}@keyframes champion-sweep{0%{transform:translateX(var(--fl-foil-from)) skewX(-30deg);opacity:1}70%{opacity:1}to{transform:translateX(var(--fl-foil-to)) skewX(-30deg);opacity:0}}@media (prefers-reduced-motion:reduce){.champion.fl-foil:after,.champion.fl-foil[data-foil=play]:after{opacity:0}}@media (min-width:768px){.champion{padding:var(--fl-space-8) var(--fl-space-6);border-radius:var(--fl-radius-lg);margin-inline:0}.champion .avatar--lg{width:96px;height:96px}.champion__name{font:var(--fl-type-display-lg);letter-spacing:var(--fl-tracking-display-lg)}}
