@layer components{.fs[data-layout]{padding:0;align-items:stretch;justify-content:stretch}.fs-stage{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);align-items:center;gap:3vw;padding:88px clamp(16px,4vw,72px) 120px;text-align:left}.fs[data-layout=steps] .fs-stage{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.fs-face{justify-self:center;width:min(100%,72vh);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--fs-stage-glow,transparent) 0,transparent 70%)}.fs-face-art{width:100%;height:100%;padding:2%}.fs-face-art:has(.sculpted-timer){transform:scale(1.14)}.fs-face-art>*{width:100%;height:100%}.fs-read{min-width:0;width:100%;container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start}.fs[data-layout=steps] .fs-read{align-items:center;max-width:1280px}.fs-step{font-size:clamp(15px,2.6vh,30px);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.fs-title{font-family:var(--font-serif);font-weight:650;font-size:clamp(40px,10.5vh,128px);line-height:1;letter-spacing:-.015em;margin-top:.6vh;overflow-wrap:anywhere}.fs-hint{font-size:clamp(18px,3.6vh,42px);font-weight:650;color:var(--ink-2);margin-top:.9vh;line-height:1.2}.fs[data-layout] .time{justify-content:flex-start;font-size:min(44vh,34cqi);line-height:.9;margin:1.6vh 0 1.4vh}.fs[data-layout] .time.can-trim{font-size:min(48vh,44cqi)}.fs[data-layout] .time.has-h{font-size:min(32vh,25cqi)}.fs[data-layout=steps] .time{justify-content:center;font-size:min(40vh,34cqi)}.fs[data-layout=steps] .time.can-trim{font-size:min(44vh,44cqi)}.fs[data-layout] .horizon{width:min(1000px,84vw);margin-bottom:1vh}.fs-next{font-size:clamp(18px,3.6vh,42px);font-weight:750;line-height:1.2;min-height:1.2em;color:var(--ink)}.fs[data-waiting] .fs-toggle{box-shadow:0 0 0 4px var(--sun),0 14px 34px -14px var(--sun-glow)}.fs.fs-glow{box-shadow:inset 0 0 0 6px var(--sun),inset 0 0 160px 20px rgba(255,190,120,.35)}.fs[data-mode=clear]{--face-ink:#fbf5ec;--face-ink-2:rgba(251,245,236,0.86);--face-line:rgba(251,245,236,0.42);--face-track:rgba(251,245,236,0.22);--face-glass:rgba(251,245,236,0.12);--face-dial:#1b1f3c;--face-sun-a:#ffd9a2;--face-sun-b:#f08566;--face-glow:rgba(255,186,120,0.6);--face-wax-a:#fbf3e6;--face-wax-b:#d9c4ab;--face-sky-a:#182057;--face-sky-b:#5a3a78;--face-hill:#070917;--face-housing:#2d3366;--face-bomb-hi:#7c83c9;--fs-stage-glow:rgba(255,236,214,0.2)}.fs[data-mode=daylight]{--face-ink:#17141f;--face-ink-2:rgba(23,20,31,0.82);--face-line:rgba(23,20,31,0.42);--face-track:rgba(23,20,31,0.14);--face-glass:rgba(23,20,31,0.05);--face-dial:#ffffff;--face-sun-a:#ffb866;--face-sun-b:#c8471f;--face-glow:rgba(230,120,60,0.32);--face-wax-a:#fffaf2;--face-wax-b:#dcc3a4;--face-sky-a:#2b3164;--face-sky-b:#b8737f;--face-hill:#211b3d;--face-housing:#2d2546;--face-bomb-hi:#5a5f98;--fs-stage-glow:rgba(45,37,70,0.07)}.fs[data-mode=scene]{--fs-stage-glow:color-mix(in srgb,var(--bg) 72%,transparent)}.fs[data-mode=clear] .fs-face:has(.sculpted-timer){background:radial-gradient(closest-side circle at 50% 56%,rgba(255,228,196,.3) 0,rgba(255,208,160,.15) 50%,rgba(255,208,160,.05) 78%,transparent 100%)}.fs[data-mode=clear] .fs-face:has([data-kind=bomb]){background:radial-gradient(closest-side circle at 50% 60%,rgba(255,232,204,.6) 0,rgba(255,210,160,.3) 44%,rgba(255,196,140,.09) 74%,transparent 100%)}.fs[data-mode=scene] .fs-read{text-shadow:0 2px 24px color-mix(in srgb,var(--bg) 80%,transparent)}@media (max-aspect-ratio:1/1){.fs-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;text-align:center;gap:2vh;padding:76px 16px 112px}.fs-face{width:min(36vh,74vw)}.fs-read{align-items:center}.fs-title{font-size:clamp(32px,6.4vh,80px)}.fs-hint,.fs-next{font-size:clamp(16px,2.6vh,30px)}.fs-step{font-size:clamp(13px,1.9vh,22px)}.fs[data-layout] .time,.fs[data-layout] .time.can-trim,.fs[data-layout] .time.has-h{flex-direction:row;justify-content:center;align-items:baseline;line-height:.95;font-size:min(16vh,30cqi)}.fs[data-layout] .time.can-trim{font-size:min(18vh,40cqi)}.fs[data-layout] .time.has-h{font-size:min(12vh,23cqi)}.fs[data-layout] .time .c{display:inline-block}.fs[data-layout] .time .tg{padding-right:0}.fs[data-layout] .time .u,.fs[data-layout] .time.can-trim .z{display:none}.fs[data-layout=steps] .time{font-size:min(22vh,30cqi)}.fs[data-layout=steps] .time.can-trim{font-size:min(26vh,40cqi)}}}