.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(32px, 9.4vw, 40px) / 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:15px;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:48px;color:var(--suite-ink);font:700 16px/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-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:104px;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) 45%, #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:3.6px}.fh-tile-art :is(.art-track,.art-fill){stroke-width:7px}.fh-tile-art .art-notch{stroke-width:4.5px}.fh-tile-art .art-vertex{r:5.5px}.fh-tile-art .art-mark{transform-box:fill-box;transform-origin:50%;transform:scale(1.7)}.fh-tile-art{justify-content:flex-start;height:56px;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:17.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 24px/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}@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:32px}.fh-tile{height:96px}.fh-tile-art{height:48px}.fh-pill.fh-play{min-height:50px}.fh-friends{min-height:44px}}@media (max-height:600px){.fh-body{gap:10px}.fh-h,.fh-hero .greeting{font-size:28px}.fh-tile{height:84px}.fh-tile-art{height:40px}.fh-pill.fh-play{min-height:46px}.fh-friends{min-height:40px}}@media (min-width:900px){.fh-home{padding-inline:clamp(24px,4vw,48px);padding-bottom:22px}.fh-body{grid-template-rows:auto auto auto;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-content:center;gap:22px clamp(32px,5vw,64px);display:grid}.fh-hero{grid-area:1/1;align-self:end}.fh-trackrow{grid-area:2/1}.fh-cta{grid-area:3/1;align-self:start}.fh-tiles{grid-area:1/2/4;gap:14px}.fh-h,.fh-hero .greeting{font-size:56px}.fh-tile{border-radius:22px;height:auto;min-height:168px;padding:16px}.fh-tile-art{height:72px;top:16px;left:16px;right:16px}.fh-tile-name{height:24px}.fh-tile-score b{font-size:34px}}@media (prefers-reduced-motion:reduce){.fh-circled.is-ready path,.fh-hero .greeting .greeting-pen path{animation:none}.fh-tile{transition:none}}