.fh-home{height:100dvh;padding:0 16px max(14px, env(safe-area-inset-bottom,0px));background-color:var(--suite-field);background-image:var(--suite-grain);color:var(--suite-ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.fh-body{flex-direction:column;justify-content:center;gap:18px;width:100%;max-width:1180px;min-height:0;margin-inline:auto;padding-block:4px;display:flex}.fh-hero{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.fh-dateline{color:var(--suite-muted);font:600 12px/1 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.fh-dateline b{color:var(--suite-ink);font-weight:600}.fh-dateline-count{color:var(--suite-muted)}@media (min-width:640px),(max-width:359px){.fh-dateline-count{display:none}}.fh-live{background:#3ecf8e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3ecf8e40}.fh-h,.fh-hero .greeting{font:800 clamp(28px, 8.7vw, 34px) / 1.03 var(--font-display-stack);letter-spacing:-.035em;text-wrap:balance;margin:2px 0 0}.fh-hero .greeting .greeting-hello,.fh-hero .greeting .greeting-says{display:block}.fh-hero .greeting .greeting-says{color:var(--suite-muted);letter-spacing:-.02em;margin-top:4px;font-size:.6em;font-weight:700;line-height:1.15}.fh-hero .greeting .greeting-name{color:var(--suite-ink);white-space:nowrap;position:relative}.fh-hero .greeting .greeting-who{white-space:nowrap}.fh-hero .greeting .greeting-pen{pointer-events:none;width:102%;height:.34em;position:absolute;bottom:-.2em;left:-1%;overflow:visible}.fh-hero .greeting .greeting-pen path{fill:none;stroke:var(--angled-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:.8s cubic-bezier(.35,.1,.25,1) .35s backwards suite-sign}@keyframes suite-sign{0%{stroke-dashoffset:1px}}.fh-sub{color:var(--suite-muted);font-size:14px;line-height:1.4}.fh-circled{white-space:nowrap;position:relative}.fh-circled svg{pointer-events:none;width:120%;max-width:none;height:130%;position:absolute;top:-14%;left:-10%;overflow:visible}.fh-circled path{fill:none;stroke:var(--angled-ink);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:var(--pen-len,2000);vector-effect:non-scaling-stroke}.fh-circled:not(.is-ready) path{opacity:0}.fh-circled.is-ready path{animation:1s cubic-bezier(.6,0,.3,1) .3s backwards suite-pen}@keyframes suite-pen{0%{stroke-dashoffset:var(--pen-len,2000)}}.fh-trackrow{gap:8px;display:grid}.fh-trackrow p{color:var(--suite-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.fh-trackrow b{color:var(--suite-ink);font-weight:600}.fh-cta{gap:10px;display:grid}.fh-play{justify-content:flex-start;padding-inline:20px}.fh-friends{background:var(--suite-paper);min-height:42px;color:var(--suite-ink);font:700 15px/1.1 var(--font-suite), system-ui, sans-serif;box-shadow:inset 0 1px 0 #ffffff12, 0 3px 0 var(--suite-edge);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;border-radius:16px;align-items:center;gap:10px;padding:0 20px;display:flex;position:relative}:root:not([data-theme=dark]) .fh-friends{box-shadow:inset 0 1px 0 #fff, 0 3px 0 var(--suite-edge)}.fh-friends svg{flex:none;width:19px;height:19px}.fh-friends:active{box-shadow:0 1px 0 var(--suite-edge);transform:translateY(2px)}.fh-friends:focus-visible{outline:2px solid var(--suite-ink);outline-offset:3px}.fh-friends .fh-flag{margin-left:auto;position:static}.fh-friends-short{display:none}@media (max-width:899px){.fh-cta{grid-template-columns:minmax(0,1fr) auto}.fh-friends{gap:8px;padding:0 14px}.fh-friends-long{display:none}.fh-friends-short{display:inline}.fh-friends .fh-flag{margin-left:0;position:absolute}}@media (max-width:359px){.fh-friends-short{display:none}}.fh-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fh-tile{--accent:var(--g-ink);--tile-tint:14%;background:var(--g);height:92px;color:var(--slab-ink);box-shadow:inset 0 1.5px 0 #fff6, 0 4px 0 color-mix(in srgb, var(--g) 58%, #000);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;padding:9px 10px 10px;display:flex;position:relative;overflow:hidden}:root:not([data-theme=dark]) .fh-tile{--tile-tint:10%}.fh-tile:active{transform:translateY(3px)}.fh-tile[class]{--accent:var(--slab-ink);--ink:var(--slab-ink);--tint:transparent}.fh-tile:not(.is-done) .fh-tile-art{--suite-ink:color-mix(in srgb, var(--g) 32%, var(--slab-ink));--accent:color-mix(in srgb, var(--g) 22%, #fff)}.fh-tile-art :is(.art-ray,.art-sweep,.art-solid,.art-cut,.art-ground,.art-seen,.art-hidden,.art-land,.art-plate){stroke-width:4.8px}.fh-tile-art :is(.art-track,.art-fill){stroke-width:8.5px}.fh-tile-art .art-notch{stroke-width:5.5px}.fh-tile-art .art-vertex{r:6.5px}.fh-tile-art .art-mark{transform-box:fill-box;transform-origin:50%;transform:scale(1.95)}.fh-tile-art{justify-content:flex-start;height:48px;display:flex;position:absolute;top:8px;left:6px;right:6px}.fh-tile-art .card-art{width:auto;height:100%}.fh-tile-name{width:auto;max-width:100%;height:15.5px;color:var(--slab-ink);flex:none;position:relative}.fh-tile .lockup-accent{fill:var(--slab-ink);opacity:.6}.fh-tile-chip{background:var(--suite-paper);color:var(--suite-muted);font:700 10.5px/1 var(--font-suite), system-ui, sans-serif;letter-spacing:.02em;border-radius:7px;padding:4px 6px;position:absolute;top:7px;right:7px}.fh-tile.is-next{box-shadow:inset 0 1.5px 0 #fff6, 0 0 0 3px var(--suite-field), 0 0 0 5px var(--g), 0 4px 0 5px color-mix(in srgb, var(--g) 45%, var(--suite-edge))}.fh-tile.is-next .fh-tile-chip{background:var(--slab-ink);color:var(--g)}.fh-tile.is-done{background:color-mix(in srgb, var(--g) var(--tile-tint), var(--suite-paper));color:var(--suite-ink);box-shadow:inset 0 1px 0 #ffffff12, 0 4px 0 color-mix(in srgb, var(--g) 30%, var(--suite-edge))}.fh-tile.is-done .fh-tile-art{display:none}.fh-tile.is-done .fh-tile-name{color:var(--suite-ink)}.fh-tile.is-done .lockup-accent{fill:var(--g-ink);opacity:1}.fh-tile.is-done .fh-tile-score b{color:var(--g-ink)}.fh-tile.is-done .fh-tile-score small{color:var(--suite-muted)}.fh-tile-score{gap:1px;display:grid}.fh-tile-score b{font:800 21px/1 var(--font-display-stack);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.fh-tile-score small{font:600 12px/1 var(--font-suite), system-ui, sans-serif;letter-spacing:0}.fh-tile-tick{background:var(--g);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:8px;right:8px}.fh-tile-tick svg{fill:none;width:11px;height:11px;stroke:var(--slab-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.fh-foot{width:100%;max-width:1180px;color:var(--suite-muted);font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-inline:auto;padding-top:8px;font-size:12.5px;display:grid}.fh-foot-clock{white-space:nowrap;justify-self:end}.fh-foot-count>span{display:block}@media (max-width:639px){.fh-foot{grid-template-columns:auto minmax(0,1fr)}.fh-foot-count{display:none}}@media (max-width:379px){.fh-foot{gap:10px;font-size:12px}.fh-sitefoot{gap:11px}}@media (max-width:339px){.fh-foot-label{display:none}}.fh-foot b{color:var(--suite-ink);font-weight:600}.fh-clock{font-family:var(--font-measure), ui-monospace, monospace}.fh-sitefoot{white-space:nowrap;align-items:center;gap:14px;display:flex}.fh-sitefoot :is(a,button){color:var(--suite-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:none}.fh-sitefoot :is(a,button):hover{color:var(--suite-ink)}.fh-sitefoot :is(a,button):focus-visible{outline:2px solid var(--suite-ink);outline-offset:2px;border-radius:4px}.fh-sitefoot .fh-sitefoot-listdle{margin-left:4px;padding:0}@media (max-width:639px){.fh-sitefoot .fh-sitefoot-listdle{display:none}}.fh-hero .name-edit{width:44px;height:44px}@media (max-height:700px){.fh-body{gap:14px}.fh-h,.fh-hero .greeting{font-size:28px}.fh-tile{height:85px}.fh-tile-art{height:42px}.fh-pill.fh-play{min-height:46px}.fh-friends{min-height:40px}}@media (max-height:600px){.fh-body{gap:10px}.fh-h,.fh-hero .greeting{font-size:24px}.fh-tile{height:74px}.fh-tile-art{height:35px}.fh-pill.fh-play{min-height:44px}.fh-friends{min-height:38px}}@media (max-width:899px){.fh-trackrow{display:none}}.fh-half{display:contents}@media (max-width:899px){.fh-half{gap:inherit;flex-direction:column;flex:1 1 0;min-height:0;display:flex}.fh-half--top{justify-content:flex-end}.fh-half--bottom{justify-content:center}.fh-tiles{gap:14px 10px}.fh-tile{height:82px}.fh-tile-art{height:40px}}@media (max-width:899px) and (max-height:700px){.fh-tile{height:76px}.fh-tile-art{height:36px}}@media (max-width:899px) and (max-height:600px){.fh-tiles{row-gap:10px}.fh-tile{height:66px}.fh-tile-art{height:30px}}@media (min-width:900px){.fh-home{padding-inline:clamp(24px,4vw,48px);padding-bottom:22px}.fh-body{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-content:center;gap:0 clamp(32px,5vw,64px);display:grid}.fh-hero{grid-area:2/1;align-self:end}.fh-trackrow{grid-area:3/1;align-content:start;margin-top:22px}.fh-cta{grid-area:4/1;align-self:start;margin-top:22px}.fh-tiles{grid-area:1/2/-1;align-self:center;gap:14px}.fh-h,.fh-hero .greeting{font-size:46px}.fh-tile{border-radius:22px;height:auto;min-height:144px;padding:16px}.fh-tile-art{height:60px;top:16px;left:16px;right:16px}.fh-tile-name{height:21px}.fh-tiles .fh-tile-marked{font-size:22.6px}.fh-tile-score b{font-size:29px}}@media (prefers-reduced-motion:reduce){.fh-circled.is-ready path,.fh-hero .greeting .greeting-pen path{animation:none}.fh-tile{transition:none}}.fh-tile-marked{font:800 16.7px/1 var(--font-display), sans-serif;letter-spacing:-.06em}.fh-tile--coming{cursor:default;background:var(--g)}.fh-tile--coming .fh-tile-chip{color:#56606f;letter-spacing:.07em;text-transform:uppercase;background:#ffffffb8;font-size:9px}.fh-tile-art .art-mystery-q{fill:var(--suite-ink);font:800 62px/1 var(--font-display), sans-serif;letter-spacing:-.04em}.fh-tile-art .art-aim-dot{fill:var(--suite-ink);stroke:color-mix(in srgb, var(--suite-ink) 55%, var(--g));stroke-width:4px}.fh-tile-art .art-aim-ring{fill:none;stroke:var(--suite-ink);stroke-width:3px;stroke-dasharray:7 6;opacity:.45}.fh-tile-art .art-aim-cross{fill:none;stroke:var(--suite-ink);stroke-width:3px;stroke-linecap:round;opacity:.55}.fh-tile:hover .art-aim--one .art-aim-ring,.fh-tile.card--pressed .art-aim--one .art-aim-ring{animation:.9s ease-out both art-aim-close}.fh-tile:hover .art-aim--two .art-aim-ring,.fh-tile.card--pressed .art-aim--two .art-aim-ring{animation:.9s ease-out .34s both art-aim-close}.fh-tile:hover .art-aim--three .art-aim-ring,.fh-tile.card--pressed .art-aim--three .art-aim-ring{animation:.9s ease-out .68s both art-aim-close}.fh-tile:hover .art-aim--one .art-aim-cross,.fh-tile.card--pressed .art-aim--one .art-aim-cross{animation:.9s ease-out both art-aim-sight}.fh-tile:hover .art-aim--two .art-aim-cross,.fh-tile.card--pressed .art-aim--two .art-aim-cross{animation:.9s ease-out .34s both art-aim-sight}.fh-tile:hover .art-aim--three .art-aim-cross,.fh-tile.card--pressed .art-aim--three .art-aim-cross{animation:.9s ease-out .68s both art-aim-sight}.fh-tile:hover .art-aim--one .art-aim-dot,.fh-tile.card--pressed .art-aim--one .art-aim-dot{animation:.9s ease-out both art-aim-land}.fh-tile:hover .art-aim--two .art-aim-dot,.fh-tile.card--pressed .art-aim--two .art-aim-dot{animation:.9s ease-out .34s both art-aim-land}.fh-tile:hover .art-aim--three .art-aim-dot,.fh-tile.card--pressed .art-aim--three .art-aim-dot{animation:.9s ease-out .68s both art-aim-land}.fh-tile-art .art-aim>*{transform-box:fill-box;transform-origin:50%}@keyframes art-aim-close{0%{opacity:0;transform:scale(1.9)rotate(-35deg)}55%{opacity:.95;transform:scale(1)rotate(0)}to{opacity:.45;transform:scale(1)rotate(0)}}@keyframes art-aim-sight{0%,25%{opacity:0}60%{opacity:1}to{opacity:.55}}@keyframes art-aim-land{0%,45%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.fh-home{height:auto;min-height:100dvh}.fh-tile--upcoming,.fh-tile--coming{cursor:default}.fh-tile--upcoming:active,.fh-tile--coming:active{transform:none}.fh-name-ending{opacity:.6}.fh-tile--upcoming .fh-tile-chip--launch{color:#fff8d7;white-space:nowrap;background:#40345f;border-radius:6px;padding:4px 5px;font-size:10px;line-height:1.1;top:5px;right:5px;box-shadow:0 2px #261f3a}.fh-tile-chip--launch:before{content:"✦";color:#f7c752;margin-right:3px}.fh-tile--upcoming .fh-tile-art{height:30px;top:27px}.fh-tile--coming{--g:#dce0e4;--g-ink:#606b78;box-shadow:inset 0 1px #fff6,0 4px #b5bdc7}.fh-tile--coming .fh-tile-name{color:#5c6673}.fh-tile--coming .fh-tile-art{justify-content:center;height:44px;inset:16px 0 auto}.fh-tile--coming .art-mystery-q{fill:#657080}.art-poured .art-glass{fill:none;stroke:#195a5b;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.art-poured .art-water{fill:#d7ffef;stroke:#195a5b;stroke-width:2px}.art-poured :is(.art-water--source,.art-water--reveal){transform-box:fill-box;transform-origin:bottom}.art-poured .art-water--reveal{transform:scaleY(0)}.art-poured .art-pour-guess{fill:none;stroke:#195a5b;stroke-width:4px;stroke-dasharray:7 6}.fh-tile:hover .art-water--reveal,.fh-tile.card--pressed .art-water--reveal{animation:2.1s ease-out both fh-pour-fill}.fh-tile:hover .art-water--source,.fh-tile.card--pressed .art-water--source{animation:2.1s ease-out both fh-pour-empty}.fh-tile:hover .art-pour-guess,.fh-tile.card--pressed .art-pour-guess{animation:2.1s ease-out both fh-pour-guess}@keyframes fh-pour-fill{0%,20%{transform:scaleY(0)}75%,to{transform:scaleY(1)}}@keyframes fh-pour-empty{0%,20%{transform:scaleY(1)}75%,to{transform:scaleY(0)}}@keyframes fh-pour-guess{0%,25%{opacity:.7}75%,to{opacity:0}}.art-mixed :is(.art-mix-light,.art-mix-dark){stroke:#41501d;stroke-width:4px}.art-mix-light{fill:#f4f8bb}.art-mix-dark{fill:#7eab39}.art-mix-overlap{fill:#b5d66f}.fh-tile:hover .art-mix-moving,.fh-tile.card--pressed .art-mix-moving{animation:2.2s ease-in-out both fh-mix-shift}@keyframes fh-mix-shift{0%,to{transform:translate(0)}50%{transform:translate(-12px)}}@media (max-width:899px){.fh-body{padding-block:20px}.fh-half--bottom{min-height:auto;padding-top:22px}.fh-tiles{gap:10px}.fh-tile{height:76px}.fh-tile--upcoming .fh-tile-art{height:25px;top:26px}.fh-tile--coming .fh-tile-art{height:39px;top:15px}}@media (max-width:390px){.fh-tile--upcoming .fh-tile-chip--launch{white-space:normal;text-align:center;left:4px;right:4px}}@media (min-width:900px){.fh-tile{min-height:130px}.fh-tile--upcoming .fh-tile-art{height:50px;top:32px}.fh-tile--coming .fh-tile-art{height:60px;top:23px}}@media (prefers-reduced-motion:reduce){.fh-tile .art-water--reveal,.fh-tile .art-water--source,.fh-tile .art-pour-guess,.fh-tile .art-mix-dark,.fh-tile .art-mix-overlap,.fh-tile .art-aim-ring,.fh-tile .art-aim-cross,.fh-tile .art-aim-dot{animation:none!important}}@media (max-width:899px){.fh-tile--upcoming .fh-tile-chip--launch{letter-spacing:0;text-align:center;white-space:nowrap;padding:4px 1px;font-size:9px;left:4px;right:4px}.fh-tile-chip--launch:before{content:none}.fh-tile--upcoming .fh-tile-art{height:24px;top:25px}}@media (max-width:350px){.fh-tile--upcoming .fh-tile-chip--launch{white-space:normal}.fh-tile--upcoming .fh-tile-art{height:14px;top:35px}}.fh-tile-group{display:none}@media (prefers-reduced-motion:no-preference){.fh-tile-group{background:linear-gradient(100deg, currentColor 30%, color-mix(in srgb, currentColor 45%, white) 50%, currentColor 70%) 100% 0 / 250% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite fh-heading-glow}@keyframes fh-heading-glow{to{background-position:-100% 0}}}@media (min-width:900px){.fh-tile-group{font:700 10px/1.1 var(--font-suite), sans-serif;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;padding-left:5px;display:block}.fh-tile-group--mode{color:#ad8bc9}.fh-tile-group--launch{color:var(--suite-amber)}.fh-tile--upcoming .fh-tile-chip,.fh-tile--coming .fh-tile-chip{display:none}}@media (max-width:899px){.fh-body{padding-block:10px}.fh-tiles{gap:13px 10px}.fh-tiles>.fh-tile{justify-self:center;width:90%;height:68px;padding:7px 8px 8px}.fh-tile-group{color:var(--suite-muted);font:700 10px/1.1 var(--font-suite), sans-serif;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;margin:4px 0 -4px;padding-left:5px;display:block}.fh-tile-group--launch{color:var(--suite-amber)}.fh-tile-group--mode{color:#ad8bc9}.fh-tile--upcoming .fh-tile-chip,.fh-tile--coming .fh-tile-chip{display:none}.fh-tiles .fh-tile-art,.fh-tiles .fh-tile--upcoming .fh-tile-art{height:31px;top:7px}.fh-tiles .fh-tile--coming .fh-tile-art{height:38px;top:5px}.fh-tiles .fh-tile-marked{height:15px;font-size:15px}.fh-tiles .fh-tile-name:not(.fh-tile-marked){height:14px}}:root:not([data-theme=dark]) .fh-tile--coming{--g:#515b6b;--g-ink:#f8f9fb;box-shadow:inset 0 1px #fff4,0 4px #343c49}:root:not([data-theme=dark]) .fh-tile--coming .fh-tile-name{color:#f8f9fb}:root:not([data-theme=dark]) .fh-tile--coming .art-mystery-q{fill:#e3e7ec}:root:not([data-theme=dark]) .fh-tile--coming .fh-tile-chip{color:#434d5d;background:#f3f5f8}@media (max-width:899px){.fh-body{justify-content:flex-start;gap:48px;padding-top:clamp(32px,10dvh,96px)}.fh-half{flex:none}.fh-half--top,.fh-half--bottom{justify-content:flex-start}.fh-half--top{gap:24px}}@media (max-width:899px) and (max-height:700px){.fh-body{gap:28px;padding-top:20px}}