html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img,svg{-webkit-user-drag:none}input,textarea,[contenteditable]:not([contenteditable=false]),.selectable{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@font-face{font-family:Erica One;src:url(/sheep-game/assets/erica-one-DwQoz-8h.ttf)format("truetype");font-display:swap}html,body,#root{background:var(--game-background);height:100%;transition:background-color var(--game-background-ms,var(--game-fade-ms)) ease;color:var(--game-text);font:16px / 1.4 var(--game-font);margin:0}.game{height:100%;position:relative;overflow:hidden}.stage,.canvas{position:absolute;inset:0}.stick-area{touch-action:none;position:absolute;inset:0}.stick-base,.stick-knob{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.backdrop{background:var(--game-backdrop);transition:opacity var(--game-fade-ms) ease;position:absolute;inset:0}.backdrop.gone{opacity:0;pointer-events:none}.screens{pointer-events:none;flex-direction:column;padding:16px;display:flex;position:absolute;inset:0}.screens>*{pointer-events:auto}.screens.playing .hud-top{pointer-events:none}.hud-top{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.hud-item{background:var(--game-hud-background);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:1.05rem;font-weight:700;display:inline-flex}.pop-count{display:inline-block}.pop-count.popped{animation:.5s ease-out count-pop}@keyframes count-pop{0%{transform:scale(1)}30%{color:var(--pop-color,currentColor);transform:scale(1.5)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pop-count.popped{animation:none}}.result-stars{color:var(--game-star);letter-spacing:.1em;-webkit-text-stroke:1.5px var(--game-ink);margin:0 0 4px;font-size:2.4rem;line-height:1}.goals{text-align:left;margin:0 0 12px;padding:0;list-style:none}.goal{color:var(--game-muted)}.goal-star{width:1.2em;display:inline-block}.goal.met{color:var(--game-text)}.goal.met .goal-star{color:var(--game-star);-webkit-text-stroke:.75px var(--game-ink)}.hud-waiting{pointer-events:none;justify-content:center;margin-top:10px;display:flex}.hud-icon{width:auto;height:1.4em;margin:-.2em 0}.panel{box-sizing:border-box;border:var(--game-outline) solid var(--game-ink);background:var(--game-panel);width:100%;max-width:400px;box-shadow:0 var(--game-depth) 0 var(--game-ink);border-radius:20px;max-height:100%;margin:auto;padding:20px;overflow-y:auto}.screens:has(.back-button){padding-bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px)}.panel h2{font:1.8rem / 1.1 var(--game-display-font);margin:0 0 12px;font-weight:400}.panel p{margin:0 0 12px}.actions{flex-wrap:wrap;gap:10px;display:flex}.label{color:var(--game-muted);font-size:.85rem}.error{border-left:3px solid var(--game-primary);padding-left:8px}.join .label{margin-bottom:6px;display:block}.qr{width:min(56vw,200px);box-shadow:none;border-radius:8px;margin:8px 0 4px;overflow:hidden}.qr:active:not(:disabled){box-shadow:none;transform:none}.code{letter-spacing:.2em;margin:4px 0 8px;font:700 3rem/1.2 ui-monospace,monospace}.link{color:var(--game-muted);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0 0 12px;font:.85rem ui-monospace,monospace}.code-input{letter-spacing:.2em;border:var(--game-outline) solid var(--game-ink);width:7ch;color:var(--game-text);text-transform:uppercase;background:#fff;border-radius:14px;padding:8px 12px;font:700 1.4rem ui-monospace,monospace}.code-input:focus-visible{outline:3px solid var(--game-primary);outline-offset:2px}.lobby-heading{font:1.2rem var(--game-display-font);margin:16px 0 8px}.player-list{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.player-list li{align-items:center;gap:8px;font-weight:700;display:flex}.player-dot{border:2px solid var(--game-ink);border-radius:50%;width:14px;height:14px}.player-tv .player-dot{background:var(--game-panel)}.player-face{border-radius:50%;width:24px;height:24px}button{--game-face:var(--game-secondary);--game-drop:color-mix(in srgb, var(--game-face) var(--game-shade), black);font:1.35rem / 1.2 var(--game-display-font);border:var(--game-outline) solid var(--game-ink);background:var(--game-face);color:var(--game-ink);box-shadow:0 var(--game-depth) 0 var(--game-drop);cursor:pointer;border-radius:16px;padding:12px 22px;transition:transform 60ms,box-shadow 60ms}button.primary{--game-face:var(--game-primary)}button:active:not(:disabled){transform:translateY(calc(var(--game-depth) - 1px));box-shadow:0 1px 0 var(--game-drop)}button:focus-visible{outline:3px solid var(--game-ink);outline-offset:3px}button:disabled{opacity:.55;cursor:default}.play-buttons{bottom:max(24px, env(safe-area-inset-bottom));z-index:2;pointer-events:none;transition:translate var(--game-fade-ms) cubic-bezier(.34, 1.4, .64, 1);justify-content:center;gap:12px;display:flex;position:absolute;left:0;right:0}.play-buttons.arriving{translate:0 calc(100% + max(24px, env(safe-area-inset-bottom)) + 8px)}.play-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(160px,50vw - 22px);padding:16px 12px;font-size:1.35rem;transition:transform 60ms,box-shadow 60ms}.lie-down-button.down{transform:translateY(calc(var(--game-depth) - 1px));box-shadow:0 1px 0 var(--game-drop)}.back-button{bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));z-index:2;position:absolute}.next-button{bottom:max(16px, env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right));z-index:2;position:absolute}.settings-button{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:2;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute}.settings-button svg{width:26px;height:26px}.settings-backdrop{z-index:3;background:rgb(0 0 0/var(--game-menu-dim));place-items:center;padding:16px;display:grid;position:absolute;inset:0}.settings-menu{box-sizing:border-box;border:var(--game-outline) solid var(--game-ink);background:var(--game-panel);border-radius:20px;flex-direction:column;gap:14px;width:min(100%,300px);padding:20px 24px 26px;display:flex;position:relative}.settings-title{text-align:center;font:1.5rem var(--game-display-font);margin:0}.settings-message{text-align:center;margin:0}.settings-version{opacity:.7;text-align:center;margin:4px 0 0;font-size:.75rem}.settings-toggles{grid-template-rows:1fr auto auto 1fr;grid-auto-columns:84px;grid-auto-flow:column;justify-content:center;column-gap:12px;height:84px;display:grid}.settings-toggle{grid-row:span 4;grid-template-rows:subgrid;justify-items:center;row-gap:4px;padding:0 4px 2px;font-size:.8rem;line-height:1.2;display:grid}.settings-toggle svg{grid-row:2;width:28px;height:28px}.settings-toggle-label{grid-row:3}button.settings-confirm{--game-face:var(--game-primary)}.settings-close{width:36px;height:36px;box-shadow:none;color:var(--game-ink);background:0 0;border:0;padding:0;font-size:1.1rem;position:absolute;top:10px;right:10px}.title{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;padding-bottom:64px;display:flex;position:relative}.logo{--size:min(80vw, calc(44vh - 46px), 400px);width:var(--size);height:auto}.logo svg{width:100%;height:auto;display:block;overflow:visible}.title .actions{flex-direction:column;align-items:stretch;gap:14px;width:min(100%,280px)}.online-screen .quiet,.lobby .actions .quiet{font:.95rem / 1.2 var(--game-font);min-height:44px;box-shadow:none;color:var(--game-ink);text-underline-offset:3px;background:0 0;border:none;padding:6px 12px;text-decoration:underline}.online-screen .quiet:active:not(:disabled),.lobby .actions .quiet:active:not(:disabled){box-shadow:none;transform:none}.title-status{text-align:center;max-width:320px;font-size:.9rem}.title-status p{margin:0}.title>p.copyright{z-index:0;text-align:center;color:var(--game-ink);margin:0;font-size:.75rem}@media (aspect-ratio>=5/4){.title{flex:0 auto;grid-template:"logo."1fr"logo actions""logo status""logo."1fr"copyright copyright"/minmax(0,1fr) minmax(0,1fr);place-items:center;gap:14px clamp(16px,5vw,64px);width:100%;max-width:960px;margin:auto;padding-bottom:0;display:grid}.logo{--size:min(42vw, 80vh, 460px);grid-area:logo}.title .actions{grid-area:actions}.title-status{grid-area:status}.title>p.copyright{grid-area:copyright;margin-top:clamp(4px,3vh,24px)}}@media (aspect-ratio>=5/4) and (height<=480px){.title{row-gap:8px}.title .actions{gap:10px}}@media (aspect-ratio>=5/4) and (height<=370px){.title{grid-template-rows:1fr auto auto 1fr;grid-template-areas:". .""logo actions""copyright actions"". ."}}.screens.leaving-slide,.screens.leaving-slide>*{pointer-events:none}.screens.leaving-slide .actions>button{animation:.3s ease-in both sg-off-left}.screens.leaving-slide .actions>button:nth-child(2n){animation-name:sg-off-right}.screens.leaving-slide .actions>button:nth-child(2){animation-delay:45ms}.screens.leaving-slide .actions>button:nth-child(3){animation-delay:90ms}.screens.leaving-slide .actions>button:nth-child(4){animation-delay:.14s}.screens.leaving-slide .title>:not(.actions),.screens.leaving-slide .panel>:not(.actions),.screens.leaving-slide .back-button{animation:.25s ease-in both sg-fade-out}.screens.leaving-slide .panel{animation:.25s ease-in .25s both sg-fade-out;overflow:visible}@keyframes sg-off-left{to{transform:translate(-100vw)}}@keyframes sg-off-right{to{transform:translate(100vw)}}@keyframes sg-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){html,body,#root,.backdrop{transition:none}.lie-down-button{transition:transform 60ms,box-shadow 60ms}}.field-choice{flex-direction:column;gap:14px;margin-bottom:8px;display:flex}.field-option button{width:100%;position:relative}.field-option p{margin:6px 0 0;font-size:.95rem}.panel.lobby{max-width:420px;box-shadow:none;text-align:center;background:0 0;border:none;flex-direction:column;gap:28px;padding:8px;display:flex}.lobby section{flex-direction:column;align-items:center;display:flex}.lobby .label{color:var(--game-ink);font-size:.95rem}.lobby .qr{width:min(56vw,200px,30vh);margin:10px 0 6px}.lobby .code{margin:0 0 14px;padding-left:.2em}.lobby .actions{justify-content:center}.lobby .lobby-heading{margin:0 0 12px}.lobby-count{font:700 .9rem var(--game-font);opacity:.75;margin-left:6px}.lobby .player-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px;display:flex}.lobby .player-list li{border:var(--game-outline) solid var(--game-ink);background:var(--game-panel);border-radius:999px;padding:6px 14px 6px 8px}.lobby .player-list li.joined{animation:.4s cubic-bezier(.34,1.56,.64,1) both sg-pop}@media (prefers-reduced-motion:reduce){.lobby .player-list li.joined{animation:none}}.lobby-who .actions{flex-direction:column;align-items:center;width:min(100%,280px)}.lobby-who p{margin:0}@media (aspect-ratio>=5/4){.panel.lobby{flex-direction:row;justify-content:center;align-items:center;gap:clamp(24px,6vw,72px);max-width:820px}.lobby section{flex:1 1 0;min-width:0}}@media (aspect-ratio>=5/4) and (height<=480px){.lobby .qr{width:min(26vh,200px);margin:6px 0 2px}.lobby .code{margin-bottom:8px;font-size:2.2rem}}.online-screen{flex-direction:column;align-items:center;gap:14px;width:100%;margin:auto;display:flex}.panel.online{text-align:center;max-width:340px}.panel.online .actions{flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}.panel.online .error{text-align:left;margin:16px 0 0}.panel.online .online-tv{margin:20px 0 0;font-size:.9rem}@media (aspect-ratio>=5/4) and (height<=480px){.online-screen{gap:6px}.panel.online{max-width:520px;padding:14px 20px}.panel.online h2{margin-bottom:6px}.panel.online .actions{flex-direction:row;margin-top:12px}.panel.online .actions>button{flex:1 1 0}.panel.online .online-tv{margin-top:12px}}.panel.tiled{max-width:656px;box-shadow:none;background:0 0;border:none;padding:8px}@media (width<=688px){.panel.tiled{width:calc(100% + 16px);margin-inline:-8px}}.panel.tiled h2,.panel.tiled .label{text-align:center;margin:0 0 20px}.panel.tiled h2:has(+.label){margin-bottom:4px}.panel.tiled .label{color:var(--game-ink)}.field-choice.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:0;display:grid}.field-choice.tiles button{flex-direction:column;gap:12px;padding:0 0 12px;display:flex;overflow:hidden}@media (width<=500px){.field-choice.tiles{grid-template-columns:repeat(2,1fr);gap:12px}.field-choice.tiles button{gap:8px;padding-bottom:8px;font-size:1.05rem}}.field-choice.tiles img{aspect-ratio:2;border-bottom:var(--game-outline) solid var(--game-ink);width:100%;display:block}.new-tag{border:var(--game-outline) solid var(--game-ink);background:var(--game-primary);color:var(--game-ink);border-radius:999px;padding:2px 10px;font-size:.85rem;line-height:1.2;position:absolute;top:8px;right:8px;transform:rotate(4deg)}.hud-top.versus{align-items:flex-start}.versus-me{background:#fffaf0d9;border:3px solid #0000}.versus-others{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.versus-chip{border:3px solid #0000;gap:4px;padding:2px 8px;font-size:.85rem}.versus-chip .rosette{height:1.3em}.versus-chip.gone{opacity:.45}.versus-name{font-weight:400}.race-place{min-width:2.5em}.race-splits{color:var(--game-muted);font-variant-numeric:tabular-nums;margin-top:-4px;font-size:.9rem}.rosettes{align-items:center;gap:1px;display:inline-flex}.rosette{width:auto;height:1.5em;margin:-.3em 0}.rosette.to-win{filter:grayscale();opacity:.3}.player-list .rosettes{margin-left:4px}.countdown{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:22vh 0 auto}.countdown-word{font:clamp(3rem, 16vw, 6rem) var(--game-display-font);color:#fff;-webkit-text-stroke:2px var(--game-ink);paint-order:stroke fill;animation:.3s cubic-bezier(.34,1.56,.64,1) both sg-pop}.countdown-word.go{animation:.3s cubic-bezier(.34,1.56,.64,1) both sg-pop,.5s ease-in both sg-fade-out}.countdown-word.potted-word{font-size:clamp(2rem,10vw,3.5rem);animation:.3s cubic-bezier(.34,1.56,.64,1) both sg-pop,.6s ease-in .5s both sg-fade-out}@keyframes sg-pop{0%{opacity:0;transform:scale(.3)}}@media (prefers-reduced-motion:reduce){.countdown-word,.countdown-word.go,.countdown-word.potted-word{animation:none}}.round-banner{pointer-events:none;justify-content:center;margin-top:30vh;display:flex}.round-banner .hud-item{font:1.6rem var(--game-display-font);background:#fffaf0e6;border:3px solid #0000;padding:10px 20px}.round-banner.shot-note{margin-top:16vh}.round-banner.shot-note .hud-item{text-align:center;flex-direction:column;gap:2px;font-family:inherit;font-size:1.05rem;animation:.3s cubic-bezier(.34,1.56,.64,1) both sg-pop}.shot-note .foul{font:1.5rem var(--game-display-font);color:#c62828}@media (prefers-reduced-motion:reduce){.round-banner.shot-note .hud-item{animation:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo.intro .drop{animation:sg-drop var(--part-ms) both paused;animation-delay:var(--drop,0s)}.logo.intro .drop.land{animation-name:sg-land;animation-duration:var(--land-ms)}.logo.intro .settle{animation:sg-settle var(--settle-ms) both paused;animation-delay:var(--drop,0s)}@keyframes sg-land{0%{transform:translateY(var(--fall));animation-timing-function:cubic-bezier(.55,0,1,.45)}to{transform:translateY(0)}}@keyframes sg-settle{0%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(0)}38%{transform:translateY(var(--dip));animation-timing-function:cubic-bezier(.45,0,.55,1)}72%{transform:translateY(calc(var(--dip) * -.2));animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translateY(0)}}.title.intro .actions>*{--hop:var(--button-hop);animation:sg-drop var(--button-ms) backwards paused, sg-fade-in var(--button-ms) backwards paused;animation-delay:var(--drop,0s)}@keyframes sg-fade-in{0%{opacity:0}50%,to{opacity:1}}.title.intro .copyright{animation:sg-fade-in var(--button-ms) backwards paused;animation-delay:var(--copyright-in,0s)}.logo.intro.go .drop,.logo.intro.go .settle,.title.intro.go .actions>*,.title.intro.go .copyright{animation-play-state:running}@keyframes sg-drop{0%{transform:translateY(var(--fall));animation-timing-function:cubic-bezier(.55,0,1,.45)}58%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(0)}74%{transform:translateY(var(--hop));animation-timing-function:cubic-bezier(.55,0,1,.45)}87%{animation-timing-function:cubic-bezier(0,.55,.45,1);transform:translateY(0)}94%{transform:translateY(calc(var(--hop) * .3));animation-timing-function:cubic-bezier(.55,0,1,.45)}to{transform:translateY(0)}}.walkers{pointer-events:none;z-index:0;height:160px;position:fixed;inset:auto 0 0;overflow:hidden}.title>:not(.walkers){z-index:1;position:relative}.walker{visibility:hidden;position:absolute;bottom:-14px;left:0}.walker svg{transform-origin:50% 100%;width:auto;display:block}.walker-dog svg{height:116px}.walker .leg{transform-box:fill-box;transform-origin:50% 0}.walker.walking .leg{animation:sg-stride var(--step-ms) ease-in-out infinite alternate}.walker.walking .leg-other{animation-delay:calc(-1 * var(--step-ms))}@keyframes sg-stride{0%{transform:rotate(var(--swing))}to{transform:rotate(calc(-1 * var(--swing)))}}.walker .eye{transform-box:fill-box;transform-origin:50%;transition:transform var(--blink-ms) ease-in-out}.walker.blink .eye{transform:scaleY(.1)}.walker .tongue{transform-box:fill-box;transform-origin:50% 0;transition:transform .16s ease-out;transform:scaleY(0)}.walker.tongue-out .tongue{transform:none}.logo .sway{transform-box:fill-box;transform-origin:50% 100%;animation:sg-sway calc(var(--sway-ms) / 2) ease-in-out infinite alternate}@keyframes sg-sway{0%{transform:skewX(calc(var(--sway-by) * -1))}to{transform:skewX(var(--sway-by))}}.logo .eye{transform-box:fill-box;transform-origin:50%;transition:transform var(--blink-ms) ease-in-out}.logo svg.blink .eye{transform:scaleY(.1)}.logo .ear{transform-box:fill-box}.logo svg.twitch-left .ear-left,.logo svg.twitch-right .ear-right{animation:sg-ear var(--ear-ms) ease-in-out}@keyframes sg-ear{0%,to{transform:rotate(0)}30%{transform:rotate(calc(var(--twitch) * var(--ear-by)))}60%{transform:rotate(calc(var(--twitch) * var(--ear-by) * -.25))}}@media (prefers-reduced-motion:reduce){.logo.intro .drop,.logo.intro .settle,.logo .sway,.title.intro .actions>*,.title.intro .copyright,.logo svg.twitch-left .ear-left,.logo svg.twitch-right .ear-right{animation:none}.logo .eye{transition:none}}.game{--hud-pill:36px;--hud-gap:12px}@media (width<=380px){.game{--hud-pill:30px;--hud-gap:6px}}.screens.playing .hud-top{gap:var(--hud-gap);margin-right:calc(var(--hud-pill) + var(--hud-gap))}.screens.playing .hud-item{white-space:nowrap}.screens.playing .hud-top:not(.versus) .hud-item{box-sizing:border-box;height:var(--hud-pill);padding-block:0}@media (width<=380px){.screens.playing .hud-top:not(.versus) .hud-item{padding-inline:9px;font-size:.9rem}}.settings.in-play .settings-button{width:var(--hud-pill);height:var(--hud-pill);background:var(--game-hud-background);box-shadow:none;border:0;top:16px;bottom:auto;right:16px}.connection-warning{top:calc(max(16px, env(safe-area-inset-top)) + 56px);right:max(16px, env(safe-area-inset-right));z-index:2;pointer-events:none;margin:0;position:absolute}.connection-warning:not(:empty){background:var(--game-hud-background);color:var(--game-text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.connection-warning.in-play{top:calc(16px + var(--hud-pill) + var(--hud-gap));right:16px}.settings.in-play .settings-button:before{content:"";position:absolute;inset:-6px}.settings.in-play .settings-button:active{box-shadow:none;transform:scale(.92)}.settings.in-play .settings-button svg{width:calc(var(--hud-pill) * .56);height:calc(var(--hud-pill) * .56)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screens:has(.how-to-play){align-items:center;padding-bottom:0;overflow-y:auto}.how-to-play{width:100%;max-width:960px;color:var(--game-ink);flex-direction:column;flex:1 0 auto;gap:28px;display:flex}.how-to-play .htp-intro h2{font:400 2rem / 1.1 var(--game-display-font);margin:0}.htp-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 20px;padding-right:64px;display:flex}.htp-switch{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:0;display:flex}.how-to-play .htp-intro .htp-switch button{border-radius:12px;padding:6px 12px;font-size:.95rem}.how-to-play .htp-intro .htp-switch button[aria-pressed=true]{--game-face:var(--game-primary);transform:translateY(calc(var(--game-depth) - 1px));box-shadow:0 1px 0 var(--game-drop)}.htp-deck{touch-action:pan-y;flex-direction:column;flex:1 0 auto;display:flex}.htp-slide{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:28px;margin:0;display:grid}.htp-drawing{min-width:0}.htp-scene{--scene-max:44svh;width:min(100%, var(--scene-max) * 1.6);aspect-ratio:200/125;box-sizing:border-box;border:var(--game-outline) solid var(--game-ink);height:auto;box-shadow:0 var(--game-depth) 0 var(--game-ink);border-radius:16px;margin-inline:auto;display:block;overflow:hidden}.how-to-play .htp-section{color:var(--game-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:.9rem;font-weight:800}.how-to-play h3{font:400 1.6rem / 1.15 var(--game-display-font);margin:0 0 14px}.htp-words{margin:0;font-size:1.15rem;line-height:1.5}.htp-bar{z-index:1;padding:10px 0 max(16px, env(safe-area-inset-bottom));background:var(--game-backdrop);box-shadow:0 -12px 16px var(--game-backdrop);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.htp-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.htp-steps{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-left:auto;display:flex}.screens .how-to-play .back-button{position:static}.htp-steps [aria-disabled=true]{opacity:.55;cursor:default}.htp-dots{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.how-to-play .htp-dot{width:24px;height:24px;box-shadow:none;background:radial-gradient(circle, var(--game-muted) 0 4px, transparent 5px);border:0;border-radius:50%;padding:0}.how-to-play .htp-dot[aria-current]{background:radial-gradient(circle, var(--game-primary) 0 5.5px, var(--game-ink) 6px 8.5px, transparent 9px)}.how-to-play .htp-dot:active{transform:none}@media (pointer:coarse){.htp-dots{gap:0}.htp-dots li{flex:1 1 0;min-width:24px;max-width:44px}.how-to-play .htp-dot{width:100%;height:44px}}@media (width<=640px){.htp-slide{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px}.htp-scene{width:100%}.htp-words{font-size:1.05rem}.how-to-play .htp-intro h2{font-size:1.6rem}}@media (height<=500px){.how-to-play,.htp-slide{gap:12px}.htp-scene{--scene-max:30svh}.how-to-play h3{margin-bottom:6px;font-size:1.3rem}.htp-words{font-size:.95rem;line-height:1.4}.htp-bar{gap:4px;padding-top:6px}.htp-row button{padding:8px 16px;font-size:1.15rem}}@media (height<=500px) and (width>=641px){.htp-slide{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@media (width<=480px){.htp-row button{padding:10px 14px;font-size:1.1rem}.htp-intro{padding-right:0}.how-to-play .htp-intro h2{padding-right:64px}.htp-switch{gap:6px}.how-to-play .htp-intro .htp-switch button{padding:5px 9px;font-size:.8rem}}@media (width<=360px){.htp-row,.htp-steps{gap:8px}.how-to-play .htp-row button{padding-inline:12px}}.htp-grass{fill:var(--game-grass)}.htp-sky{fill:var(--game-backdrop)}.htp-beyond{fill:color-mix(in srgb, var(--game-grass) 85%, black)}.htp-track{fill:var(--game-track)}.htp-water{fill:var(--game-water)}.htp-shallows{fill:var(--game-shallows)}.htp-wall{fill:none;stroke:var(--game-wall);stroke-width:7px;stroke-linecap:round}.htp-step-b{opacity:0}.htp-card{fill:var(--game-panel);stroke:var(--game-ink);stroke-width:1.5px}.htp-key rect,.htp-key circle{fill:var(--game-secondary);stroke:var(--game-ink);stroke-width:1.2px}.htp-key.htp-pressed rect,.htp-key.htp-pressed circle{fill:var(--game-primary)}.htp-scene text{font:700 7px var(--game-font);fill:var(--game-ink);text-anchor:middle}.htp-scene .htp-touch-button text{font-size:5.5px}.htp-pad-body{fill:var(--game-secondary);stroke:var(--game-ink);stroke-width:1.2px}.htp-pad-well{fill:var(--game-ink)}.htp-pad-stick{fill:var(--game-primary);stroke:var(--game-ink);stroke-width:1px;transform:translate(2.5px)}.htp-stick-base{fill:color-mix(in srgb, var(--game-ink) 15%, transparent);stroke:var(--game-ink);stroke-width:1.2px}.htp-stick-knob{fill:var(--game-secondary);stroke:var(--game-ink);stroke-width:1.2px}.htp-thumb{fill:#f3c9a8;stroke:var(--game-ink);stroke-width:1.2px}.htp-scene .htp-count text{font:400 22px var(--game-display-font);fill:var(--game-secondary);stroke:var(--game-ink);stroke-width:1.5px;paint-order:stroke}.htp-count-2,.htp-count-1{opacity:0}.htp-star-shape{fill:var(--game-star);stroke:var(--game-ink);stroke-width:1.5px;stroke-linejoin:round}.htp-shot-line{stroke:var(--game-secondary);stroke-width:1.2px;stroke-dasharray:3 3;opacity:.8}.htp-charge-back{fill:color-mix(in srgb, var(--game-ink) 40%, transparent)}.htp-charge{fill:var(--game-star);transform-origin:-12px 0}.htp-tv,.htp-phone{fill:#23262b;stroke:var(--game-ink);stroke-width:1.5px}.htp-tv-stand{fill:#23262b}.htp-lie-up{opacity:0}@media (prefers-reduced-motion:no-preference){.htp-slide{animation:.22s ease-out htp-slide-in}.htp-slide.htp-from-left{animation-name:htp-slide-in-left}.htp-scene :where(g,image,text,rect){animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.htp-scene .htp-step-a{animation:.36s step-end infinite htp-step-a}.htp-scene .htp-step-b{animation:.36s step-end infinite htp-step-b}.htp-pen-in{animation-name:htp-pen-in}.htp-count-3{animation-name:htp-count-3}.htp-count-2{animation-name:htp-count-2}.htp-count-1{animation-name:htp-count-1}.htp-steer-dog{animation-name:htp-steer;animation-timing-function:linear}.htp-easy-dog{animation-name:htp-easy-dog;animation-duration:5s}.htp-easy-flock{animation-name:htp-easy-flock;animation-duration:5s}.htp-lie-dog{animation-name:htp-lie-dog}.htp-lie-up{animation-name:htp-lie-up}.htp-lie-down{animation-name:htp-lie-down}.htp-bark{animation-name:htp-bark;animation-duration:3s}.htp-bark-flock{animation-name:htp-bark-flock;animation-duration:3s}.htp-gap-sheep{animation-name:htp-gap-sheep;animation-duration:6s}.htp-gap-dog{animation-name:htp-gap-dog;animation-duration:6s}.htp-star{animation-name:htp-star}.htp-star-2{animation-name:htp-star-2}.htp-star-3{animation-name:htp-star-3}.htp-star-4{animation-name:htp-star-4}.htp-star-5{animation-name:htp-star-5}.htp-water-dog{animation-name:htp-across;animation-timing-function:linear}.htp-water-sheep{animation-name:htp-swim;animation-duration:6s;animation-timing-function:linear}.htp-cow-dog{animation-name:htp-cow-dog}.htp-cow{animation-name:htp-cow}.htp-race{animation-name:htp-race;animation-duration:3s;animation-timing-function:linear}.htp-charge{animation-name:htp-charge}.htp-pool-white{animation-name:htp-pool-white}.htp-pool-coloured{animation-name:htp-pool-coloured}.htp-together-red{animation-name:htp-together-red;animation-duration:5s}.htp-together-blue{animation-name:htp-together-blue;animation-duration:5s}.htp-tv-red{animation-name:htp-tv-red;animation-duration:5s}.htp-tv-blue{animation-name:htp-tv-blue;animation-duration:5s}.htp-stick-push{animation-name:htp-stick-push}}@keyframes htp-slide-in{0%{opacity:0;transform:translate(12px)}}@keyframes htp-slide-in-left{0%{opacity:0;transform:translate(-12px)}}@keyframes htp-step-a{0%{opacity:1}50%{opacity:0}}@keyframes htp-step-b{0%{opacity:0}50%{opacity:1}}@keyframes htp-pen-in{0%{opacity:0;transform:translateY(44px)}10%{opacity:1}45%,to{transform:none}}@keyframes htp-count-3{0%,50%{opacity:0}52%,66%{opacity:1}68%,to{opacity:0}}@keyframes htp-count-2{0%,68%{opacity:0}70%,83%{opacity:1}85%,to{opacity:0}}@keyframes htp-count-1{0%,85%{opacity:0}87%,98%{opacity:1}to{opacity:0}}@keyframes htp-steer{0%{opacity:0;transform:translate(-50px)}12%,88%{opacity:1}to{opacity:0;transform:translate(50px)}}@keyframes htp-easy-dog{0%{opacity:0;transform:translate(40px,-46px)rotate(180deg)}10%{opacity:1}30%{transform:translate(-6px,-40px)rotate(150deg)}48%{transform:translate(-16px,-12px)rotate(60deg)}60%{transform:none}90%{opacity:1;transform:translate(26px)}to{opacity:0;transform:translate(30px)}}@keyframes htp-easy-flock{0%,55%{opacity:1;transform:none}90%{opacity:1;transform:translate(26px)}to{opacity:0;transform:translate(30px)}}@keyframes htp-lie-dog{0%{opacity:0;transform:translate(-60px)}8%{opacity:1}40%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes htp-lie-up{0%,40%{opacity:1}41%,to{opacity:0}}@keyframes htp-lie-down{0%,40%{opacity:0}41%,to{opacity:1}}@keyframes htp-bark{0%,20%{opacity:0;transform:scale(.5)}30%{opacity:1}55%,to{opacity:0;transform:scale(1.3)}}@keyframes htp-bark-flock{0%,28%{opacity:1;transform:translate(-12px)}75%{opacity:1;transform:translate(60px)}80%,90%{opacity:0;transform:translate(64px)}to{opacity:1;transform:translate(-12px)}}@keyframes htp-gap-sheep{0%{opacity:0;transform:translate(-34px)}8%{opacity:1}35%,50%{transform:translate(12px)}56%{transform:translate(12px)rotate(180deg)}92%{opacity:1;transform:translate(-30px)rotate(180deg)}to{opacity:0;transform:translate(-34px)rotate(180deg)}}@keyframes htp-gap-dog{0%,25%{opacity:0;transform:none}32%{opacity:1}50%{transform:translate(40px)rotate(-20deg)}56%{transform:translate(62px)rotate(-180deg)}92%{opacity:1;transform:translate(22px)rotate(-180deg)}to{opacity:0;transform:translate(18px)rotate(-180deg)}}@keyframes htp-star{0%,10%{transform:scale(0)}16%{transform:scale(1.3)}20%,to{transform:none}}@keyframes htp-star-2{0%,20%{transform:scale(0)}26%{transform:scale(1.3)}30%,to{transform:none}}@keyframes htp-star-3{0%,30%{transform:scale(0)}36%{transform:scale(1.3)}40%,to{transform:none}}@keyframes htp-star-4{0%,40%{transform:scale(0)}46%{transform:scale(1.3)}50%,to{transform:none}}@keyframes htp-star-5{0%,50%{transform:scale(0)}56%{transform:scale(1.3)}60%,to{transform:none}}@keyframes htp-across{0%{opacity:0;transform:translate(-70px)}10%,90%{opacity:1}to{opacity:0;transform:translate(70px)}}@keyframes htp-swim{0%{opacity:0;transform:translate(-30px)}15%,85%{opacity:1}to{opacity:0;transform:translate(30px)}}@keyframes htp-cow-dog{0%{opacity:0;transform:translate(-60px)}10%{opacity:1}45%{transform:none}90%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(20px)}}@keyframes htp-cow{0%,40%{opacity:1;transform:translate(-6px)}90%{opacity:1;transform:translate(28px)}95%{opacity:0;transform:translate(28px)}to{opacity:0;transform:translate(-6px)}}@keyframes htp-race{0%{opacity:0;transform:translate(70px)}12%,88%{opacity:1}to{opacity:0;transform:translate(-80px)}}@keyframes htp-charge{0%{transform:scaleX(0)}35%,45%{transform:none}46%,to{transform:scaleX(0)}}@keyframes htp-pool-white{0%,45%{transform:none}58%,to{transform:translate(16px)}}@keyframes htp-pool-coloured{0%,58%{opacity:1;transform:none}75%{opacity:0;transform:translate(20px)scale(.4)}98%{opacity:0;transform:none}to{opacity:1}}@keyframes htp-together-red{0%,to{transform:none}50%{transform:translate(10px,4px)}}@keyframes htp-together-blue{0%,to{transform:none}50%{transform:translate(-10px,-4px)}}@keyframes htp-tv-red{0%,to{transform:none}50%{transform:translate(10px,10px)}}@keyframes htp-tv-blue{0%,to{transform:none}50%{transform:translate(-12px,-8px)}}@keyframes htp-stick-push{0%,to{transform:none}50%{transform:translate(2px)}}.tv{background:var(--game-background);color:var(--game-text);font-family:var(--game-font);position:fixed;inset:0;overflow:hidden}.tv-stage{transform-origin:0 0;width:1920px;height:1080px;font-size:40px;line-height:1.3;position:absolute;top:0;left:0}.tv-safe{position:absolute;inset:54px 96px}.tv h1,.tv h2{font-family:var(--game-display-font);margin:0;font-weight:400;line-height:1.05}.tv h1{font-size:88px}.tv h2{font-size:64px}.tv p{margin:0}.tv-lead{font-size:48px}.tv-kicker{font-family:var(--game-display-font);color:var(--game-muted);font-size:40px}.tv-note{color:var(--game-muted);font-size:34px}.tv-centre{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;display:flex}.tv-columns{grid-template-columns:1fr 1fr;align-items:center;gap:96px;height:100%;display:grid}.tv-intro{flex-direction:column;gap:24px;display:flex}.tv-logo{width:560px;height:auto;margin-bottom:16px}.tv-join{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.tv-qr{border:6px solid var(--game-ink);background:#fff;border-radius:24px;width:600px;height:600px;line-height:0;overflow:hidden}.tv-qr svg{width:100%;height:100%}.tv-qr-empty{opacity:.3}.tv-join-label{font-family:var(--game-display-font);margin-top:12px;font-size:52px}.tv-code{font:112px / 1 var(--game-display-font);letter-spacing:.2em;margin-right:-.2em}.tv-lobby{flex-direction:column;gap:48px;display:flex}.tv-pick{flex-direction:column;gap:12px;display:flex}.tv-people{grid-template-columns:repeat(4,minmax(0,220px));gap:24px;margin:0;padding:0;list-style:none;display:grid}.tv-people li{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.tv-face{background:var(--game-panel);border:6px solid var(--game-ink);width:140px;height:140px;font:64px var(--game-display-font);border-radius:50%;place-items:center;display:grid;overflow:hidden}.tv-face img{object-fit:cover;width:100%;height:100%}.tv-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:34px;font-weight:800;line-height:1.15;overflow:hidden}.tv-tag{color:var(--game-muted);font-size:26px;font-weight:800}.tv-stage button{border-radius:24px;padding:20px 48px;font-size:44px}.tv-stage button:focus,.tv-stage button:focus-visible{outline:8px solid var(--game-ink);outline-offset:8px}.tv-ask{z-index:3;background:#0006;place-items:center;display:grid;position:absolute;inset:0}.tv-ask-panel{background:var(--game-panel);border:6px solid var(--game-ink);text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:32px;padding:64px 96px;display:flex}.tv-ask-buttons{gap:32px;display:flex}.tv-field{position:absolute;inset:-54px -96px}.tv-canvas,.tv-canvas canvas{width:100%;height:100%;position:absolute;inset:0}.tv-column{flex-direction:column;display:flex;position:absolute;top:54px;bottom:54px}.tv-go,.tv-cards{background:var(--game-panel);border:6px solid var(--game-ink);border-radius:28px;flex-direction:column;gap:12px;padding:24px;display:flex}.tv-go h2{margin-bottom:12px;font-size:40px}.tv-big{font:56px / 1 var(--game-display-font);font-variant-numeric:tabular-nums;white-space:nowrap}.tv-label{color:var(--game-muted);font-size:30px;font-weight:800}.tv-cards{gap:16px;margin:0;list-style:none}.tv-card{background:#fff;border:6px solid;border-radius:20px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.tv-card.gone{opacity:.5}.tv-card-name{font:32px / 1.1 var(--game-display-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tv-card-line{white-space:nowrap;font-size:28px;font-weight:800}.tv-card .rosettes{gap:6px;display:flex}.tv-card .rosette{width:44px;height:44px}.tv-field .countdown{inset:300px 0 auto}.tv-field .countdown-word{-webkit-text-stroke:8px var(--game-ink);font-size:220px}.tv-banner{pointer-events:none;justify-content:center;display:flex;position:absolute;top:80px;left:0;right:0}.tv-banner span{font:48px var(--game-display-font);background:var(--game-panel);border:8px solid var(--game-ink);border-radius:28px;padding:16px 40px}.tv-result{background:#00000040;place-items:center;display:grid;position:absolute;inset:0}.tv-result-panel{background:var(--game-panel);border:8px solid var(--game-ink);text-align:center;border-radius:40px;flex-direction:column;align-items:center;gap:24px;max-width:1100px;padding:56px 80px;display:flex}.tv-stars{color:var(--game-star);-webkit-text-stroke:4px var(--game-ink);letter-spacing:.1em;font-size:96px}.tv-result-panel .goals{text-align:left;font-size:34px}.tv-again{color:var(--game-muted);font-size:34px;font-weight:800}.tv-placings{font:48px var(--game-display-font);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tv-placings li{text-align:left;border-left:16px solid;padding:8px 32px}.tv-place{min-width:3ch;display:inline-block}.tv-stage .tv-sound-on{z-index:2;padding:14px 32px;font-size:32px;position:absolute;bottom:54px;left:96px}.tv-scene{position:absolute;inset:0}.tv-sky{background:var(--game-background);transition:opacity var(--game-fade-ms) ease;position:absolute;inset:0}.tv-sky.gone{opacity:0;pointer-events:none}.tv-field{transition:opacity var(--game-fade-ms) ease}.tv-field.waiting{opacity:0}@media (prefers-reduced-motion:reduce){.tv-sky,.tv-field{transition:none}}