:root{--fbp-scrimmage: #e5953a;--fbp-first-down: #78b8dc;--fbp-direction: #f4d35e;--fbp-target-endzone: #e5953a;--fbp-hint: #6b5a45;--fbp-accent: light-dark(#a83f20, #f2a060);--fbp-ink: light-dark(#2c1e12, #f8f1df);--fbp-muted: light-dark(#6b5a45, #c3b191);--fbp-surface: light-dark(#fff, #211b17);--fbp-line: light-dark(#604b35, #9c8a6d);--fbp-control: light-dark(#f8f1df, #352b24);--fbp-control-ink: light-dark(#4a3a28, #f8f1df);--fbp-focus: light-dark(#0a58ca, #78b8dc);--fbp-team-a: light-dark(#2f8f4e, #73c58c);--fbp-team-b: light-dark(#9a7418, #e4bd54);--fbp-em: light-dark(#8f351d, #f2a060);--fbp-aside: light-dark(#6b5a45, #c3b191);--fbp-schematic-grass: #0e1d16;--fbp-schematic-line: #f8f1df;--fbp-schematic-endzone: #173d29;--fbp-schematic-cup: #d01317;--fbp-schematic-ball: #fff;--fbp-font-display: ui-sans-serif, system-ui, sans-serif;--fbp-font-text: ui-sans-serif, system-ui, sans-serif;--fbp-radius: .5rem;--fbp-duration: .12s}.fbp-tutorial{--_fbp-layout-gap: .5rem;--_fbp-layout-padding-block-end: calc(var(--_fbp-layout-gap) + 1px);--_fbp-min-inline-size: 320px;--_fbp-min-block-size: 700px;display:block;position:relative;inline-size:100%;block-size:100%;min-inline-size:var(--_fbp-min-inline-size);min-block-size:var(--_fbp-min-block-size);box-sizing:border-box;padding-block-end:var(--_fbp-layout-padding-block-end);background:var(--fbp-surface);color:var(--fbp-ink);font-family:var(--fbp-font-text)}.fbp-tutorial[data-orientation=vertical]{--_fbp-min-block-size: 805px}.fbp-tutorial--completed{--_fbp-layout-padding-block-end: calc(var(--_fbp-layout-gap) + 1px + 1.25rem);display:flex;flex-direction:column}.fbp-tutorial__layout,.fbp-tutorial__field-region,.fbp-tutorial__scoreboard-region,.fbp-tutorial__live-feed,.fbp-tutorial__rulebook,.fbp-tutorial__controls-region{min-inline-size:0;min-block-size:0}.fbp-tutorial__layout{display:grid;inline-size:100%;block-size:100%;min-block-size:calc(var(--_fbp-min-block-size) - var(--_fbp-layout-padding-block-end));gap:var(--_fbp-layout-gap);grid-template:"field field" max-content "scoreboard scoreboard" max-content "live-feed controls" minmax(0,1fr) "rulebook controls" max-content / minmax(0,1fr) minmax(140px,1fr)}.fbp-tutorial--completed .fbp-tutorial__layout{flex:1 1 auto;block-size:auto;min-block-size:0}.fbp-tutorial--completed>.fbp-tutorial__rulebook{position:absolute;inset-block-end:var(--_fbp-layout-padding-block-end);inset-inline-start:0}.fbp-tutorial__field-region{grid-area:field;display:grid}.fbp-tutorial__scoreboard-region{grid-area:scoreboard}.fbp-tutorial__live-feed{grid-area:live-feed;display:grid;align-content:start;inline-size:100%;gap:var(--_fbp-layout-gap);overflow-y:auto;overscroll-behavior:contain}.fbp-tutorial__rulebook{grid-area:rulebook;align-self:end}.fbp-tutorial__controls-region{grid-area:controls;align-self:stretch;box-sizing:border-box;padding-inline-end:.5rem}.fbp-tutorial[data-orientation=vertical] .fbp-tutorial__layout{inline-size:min(100%,calc(60ch + 13rem));justify-content:center;grid-template:"field live-feed" minmax(0,1fr) "scoreboard scoreboard" max-content "controls controls" max-content "rulebook rulebook" max-content / clamp(132px,calc(100% - 60ch),13rem) minmax(132px,1fr)}.fbp-tutorial[data-orientation=vertical] .fbp-tutorial__live-feed{inline-size:min(100%,60ch)}.fbp-tutorial[data-orientation=vertical] .fbp-tutorial__controls-region{min-block-size:424px}.fbp-field{display:grid;grid-template-rows:minmax(0,1fr) max-content;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0}.fbp-field[data-orientation=vertical]{inline-size:auto;max-inline-size:100%;aspect-ratio:var(--_fbp-field-aspect-ratio);justify-self:center}.fbp-field[data-orientation=horizontal]{block-size:auto;grid-template-rows:auto max-content}.fbp-field__canvas-region{display:grid;min-inline-size:0;min-block-size:0}.fbp-field[data-orientation=horizontal] .fbp-field__canvas-region{block-size:auto}.fbp-field__canvas{inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;justify-self:center;align-self:center}.fbp-field svg{display:block;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0}.fbp-field__backdrop{fill:var(--fbp-schematic-grass);stroke:var(--fbp-schematic-line);stroke-width:18}.fbp-field__endzone{fill:var(--fbp-schematic-endzone);opacity:.55}.fbp-field__target-endzone{fill:none;stroke:var(--fbp-target-endzone);stroke-width:24;stroke-dasharray:42 28}.fbp-field__cup-artwork{pointer-events:none}.fbp-field__cup,.fbp-field__gamecup{fill:var(--fbp-schematic-cup);stroke:var(--fbp-schematic-line);stroke-width:18}.fbp-field__gamecup{fill:var(--fbp-schematic-cup)}.fbp-field__opening-ball{fill:var(--fbp-schematic-ball);stroke:var(--fbp-line);stroke-width:8}.fbp-field__loose-ball>circle{fill:var(--fbp-schematic-ball);stroke:var(--fbp-line);stroke-width:8}.fbp-field__touchdown-label{fill:var(--fbp-schematic-ball);font:700 70px var(--fbp-font-display);text-anchor:middle;dominant-baseline:central}.fbp-field__line-of-scrimmage{stroke:var(--fbp-scrimmage);stroke-width:22;stroke-dasharray:58 30}.fbp-field__first-down-marker{stroke:var(--fbp-first-down);stroke-width:24;stroke-dasharray:42 28}.fbp-field__printed-marker{stroke:var(--fbp-schematic-line);stroke-width:14}.fbp-field__direction-arrow{fill:var(--fbp-direction)}[data-cup-id]{cursor:pointer}.fbp-field__hint{margin:.5rem 0 0;font:400 .8125rem / 1.5 var(--fbp-font-text);color:var(--fbp-muted)}.fbp-narration{display:grid;gap:.375rem;min-block-size:3rem;margin:0;border:2px solid var(--fbp-line);border-inline-start:.375rem solid var(--fbp-accent);border-radius:var(--fbp-radius);padding:.625rem .75rem;background:var(--fbp-control);font:400 .9375rem / 1.5 var(--fbp-font-text);color:var(--fbp-control-ink)}.fbp-narration p{margin:0}.fbp-narration__recap{color:var(--fbp-muted);font-size:.875rem}.fbp-narration__direction{color:var(--fbp-muted);font-size:.875rem;font-weight:600}.fbp-narration__warning{color:var(--fbp-accent);font-weight:700}.fbp-narration__cue{font:700 1rem / 1.4 var(--fbp-font-display)}.fbp-scoreboard{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--fbp-line);border-radius:var(--fbp-radius);overflow:hidden;font:700 1rem / 1.2 var(--fbp-font-display);padding:0}.fbp-visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fbp-scoreboard__team{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;min-inline-size:0}.fbp-scoreboard__team>span{overflow-wrap:anywhere}.fbp-scoreboard__team+.fbp-scoreboard__team{border-inline-start:2px solid var(--fbp-line)}.fbp-scoreboard__team[data-team=teamA]{box-shadow:inset 0 .25rem var(--fbp-team-a)}.fbp-scoreboard__team[data-team=teamB]{box-shadow:inset 0 .25rem var(--fbp-team-b)}.fbp-staging{margin:0;padding:.625rem .75rem;border-inline-start:.25rem solid var(--fbp-accent);color:var(--fbp-muted);font:400 .875rem / 1.45 var(--fbp-font-text)}.fbp-field__loose-ball[data-returned-ball=true]{animation:fbp-ball-return var(--fbp-duration) ease-out both;transform-box:fill-box;transform-origin:center}.fbp-field__loose-ball[data-returned-ball=true]:last-child{animation-delay:calc(var(--fbp-duration) / 2)}.fbp-bookend{margin-block-start:.75rem}.fbp-bookend--modal{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:.75rem;background:color-mix(in srgb,var(--fbp-ink) 45%,transparent);margin:0}.fbp-bookend__panel{display:grid;gap:.75rem;inline-size:min(24rem,100%);box-sizing:border-box;padding:1rem;border:2px solid var(--fbp-line);border-radius:calc(var(--fbp-radius) * 1.5);background:var(--fbp-surface)}.fbp-bookend__panel h2,.fbp-bookend__body p{margin:0}.fbp-bookend__body,.fbp-bookend__actions{display:grid;gap:.75rem}.fbp-bookend__panel button{border:2px solid var(--fbp-line);border-radius:var(--fbp-radius);background:var(--fbp-control);color:var(--fbp-control-ink);font:700 .9375rem / 1.2 var(--fbp-font-display);cursor:pointer}.fbp-cta{display:block;box-sizing:border-box;inline-size:100%;margin-block-start:.75rem}.fbp-em{color:var(--fbp-em);font-style:normal;font-weight:700}.fbp-aside{color:var(--fbp-aside);font-size:.875em}.fbp-field__hint .fbp-em{font-family:ui-monospace,monospace;font-size:.9em;font-weight:400}.fbp-narration,.fbp-prompt__answer,.fbp-prompt__dismiss,.fbp-controls__button{overflow-wrap:anywhere}.fbp-controls{display:flex;flex-direction:column;align-items:stretch;margin-inline:auto;gap:1.25rem}.fbp-tutorial__controls-region .fbp-controls{margin-inline:0}.fbp-controls__actions{display:flex;flex-direction:column;gap:.5rem}.fbp-controls__panel{position:relative;margin-inline:auto}.fbp-controls__paint{display:block;inline-size:100%;block-size:100%}.fbp-controls__cup-face{fill:var(--fbp-schematic-cup);stroke:var(--fbp-schematic-line);stroke-width:18}.fbp-controls__cup-label{fill:var(--fbp-control-ink);stroke:var(--fbp-ink);stroke-width:10;paint-order:stroke;font-family:var(--fbp-font-display);font-weight:700;text-anchor:middle;dominant-baseline:central}.fbp-controls__cup-target,.fbp-controls__zone{position:absolute;padding:0;background:none;color:inherit;cursor:pointer}.fbp-controls__cue{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--fbp-surface),0 0 0 5px var(--fbp-accent);animation:fbp-scripted-cue .9s ease-in-out infinite alternate}.fbp-controls__zone:hover:not([aria-disabled=true]),.fbp-controls__button:hover:not([aria-disabled=true]){background:color-mix(in srgb,var(--fbp-control) 82%,var(--fbp-accent))}.fbp-controls__cup-target:hover:not([aria-disabled=true]){background:color-mix(in srgb,var(--fbp-accent) 24%,transparent)}.fbp-controls__cup-target:active:not([aria-disabled=true]),.fbp-controls__zone:active:not([aria-disabled=true]),.fbp-controls__button:active:not([aria-disabled=true]){transform:scale(.97)}.fbp-controls__cup-target{border:0;border-radius:50%}.fbp-controls__zone{display:grid;place-items:center;border:2px dashed var(--fbp-line);border-radius:var(--fbp-radius);background:var(--fbp-control);color:var(--fbp-control-ink);font:600 .8125rem / 1.2 var(--fbp-font-display)}.fbp-controls__button{position:relative;display:grid;place-items:center;padding:.5rem .75rem;border:2px solid var(--fbp-line);border-radius:var(--fbp-radius);background:var(--fbp-control);color:var(--fbp-control-ink);font:600 .9375rem / 1.2 var(--fbp-font-display);cursor:pointer}.fbp-controls__cup-target:focus-visible,.fbp-controls__zone:focus-visible,.fbp-controls__button:focus-visible,.fbp-prompt__answer:focus-visible,.fbp-prompt__dismiss:focus-visible,.fbp-bookend__panel button:focus-visible{outline:3px solid var(--fbp-focus);outline-offset:2px}.fbp-controls [data-cued=true]:focus-visible{outline-offset:6px}.fbp-prompt [data-cued=true]:focus-visible{outline-offset:6px}.fbp-controls__cup-target[aria-disabled=true],.fbp-controls__zone[aria-disabled=true],.fbp-controls__button[aria-disabled=true]{cursor:default}.fbp-prompt{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:.75rem;background:color-mix(in srgb,var(--fbp-ink) 45%,transparent);animation:fbp-prompt-scrim var(--fbp-duration) ease-out}.fbp-prompt__panel{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;inline-size:min(22rem,100%);max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;padding:.75rem;border:2px solid var(--fbp-line);border-radius:calc(var(--fbp-radius) * 1.5);background:var(--fbp-surface);color:var(--fbp-ink);animation:fbp-prompt-panel var(--fbp-duration) ease-out}.fbp-prompt__narration{margin:0;font:400 .875rem / 1.45 var(--fbp-font-text)}.fbp-prompt__narration p{margin:0 0 .25rem}.fbp-prompt__question{margin:0;font:700 1rem / 1.3 var(--fbp-font-display)}.fbp-prompt__explanation{margin:0;font:400 .9375rem / 1.45 var(--fbp-font-text)}.fbp-prompt__answers{display:flex;flex-direction:column;gap:.5rem}.fbp-prompt__answer-row{position:relative;display:grid}.fbp-prompt__answer,.fbp-prompt__info,.fbp-prompt__dismiss{position:relative;display:grid;place-items:center;padding:.5rem .75rem;border:2px solid var(--fbp-line);border-radius:var(--fbp-radius);background:var(--fbp-control);color:var(--fbp-control-ink);font:600 .9375rem / 1.2 var(--fbp-font-display);cursor:pointer}.fbp-prompt__info{position:absolute;inset-block:0;inset-inline-end:0;z-index:1;inline-size:2.75rem;padding:0;border:0;border-inline-start:1px solid var(--fbp-line);border-radius:0 var(--fbp-radius) var(--fbp-radius) 0;background:transparent;color:var(--fbp-control-ink);font:700 1rem / 1 var(--fbp-font-display)}.fbp-prompt__answer-row:has(.fbp-prompt__info) .fbp-prompt__answer{padding-inline-end:3rem}.fbp-prompt__dismiss{background:none}.fbp-prompt__timeouts{display:flex;flex-direction:column;gap:.5rem;margin-block-start:.25rem;padding-block-start:.75rem;border-block-start:1px solid var(--fbp-line)}.fbp-prompt__answer[aria-disabled=true]{opacity:.4;cursor:default}.fbp-prompt__cups{margin:0}.fbp-prompt__cups-label{margin:0 0 .25rem;font:600 .875rem / 1.3 var(--fbp-font-display)}@keyframes fbp-prompt-scrim{0%{opacity:0}}@keyframes fbp-prompt-panel{0%{opacity:0;transform:translateY(.5rem)}}@keyframes fbp-ball-return{0%{opacity:0;transform:translateY(-.5rem) scale(.5)}}@keyframes fbp-scripted-cue{to{box-shadow:0 0 0 2px var(--fbp-surface),0 0 0 8px var(--fbp-accent)}}@media(prefers-reduced-motion:reduce){.fbp-tutorial,.fbp-field{--fbp-duration: 0ms !important}.fbp-prompt,.fbp-prompt__panel,.fbp-field__loose-ball,.fbp-controls__cue{animation:none!important}}[data-wordmark]{pointer-events:none}