@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/stepword/assets/fraunces-700-latin-ext-CanUGppC.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/stepword/assets/fraunces-700-latin-CEOla-zY.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:600 800;font-display:swap;src:url(/stepword/assets/nunito-600-800-latin-ext-CXYtwYOx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600 800;font-display:swap;src:url(/stepword/assets/nunito-600-800-latin-BzFMHfZw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.dl-board{text-align:left;gap:12px;display:grid}.dl-board-rule{opacity:.78;text-align:center;text-wrap:balance;margin:0;font-size:.92rem;line-height:1.4}.dl-tabs{justify-content:center;gap:6px;display:flex}.dl-tab{border:1px solid color-mix(in srgb, currentColor 22%, transparent);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:22px;padding:6px 18px;font-size:.95rem;font-weight:800}.dl-tab[aria-selected=true]{border-width:2px;border-color:color-mix(in srgb, currentColor 72%, transparent);background:color-mix(in srgb, currentColor 8%, transparent)}.dl-tab:focus-visible{outline-offset:2px;outline:3px solid}.dl-post{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);border-radius:16px;gap:10px;margin:0;padding:14px;display:grid}.dl-post-score{text-align:center;margin:0;font-size:1rem}.dl-post-score b{font-size:1.25rem}.dl-field{letter-spacing:.06em;text-transform:uppercase;opacity:.85;gap:6px;font-size:.85rem;font-weight:800;display:grid}.dl-board-name{border:2px solid color-mix(in srgb, currentColor 30%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);width:100%;min-height:48px;color:inherit;font:inherit;letter-spacing:0;text-transform:none;border-radius:12px;padding:0 14px;font-size:max(1rem,16px);font-weight:700}.dl-board-name:focus-visible{outline-offset:1px;outline:3px solid}.dl-post .dl-post-button{align-self:stretch;width:100%}.dl-board-note{opacity:.72;margin:0;font-size:.85rem;line-height:1.4}.dl-board-status{text-align:center;min-height:1.4em;margin:0;font-size:.95rem;font-weight:700}.dl-board-status:empty{display:none}.dl-board-retry{justify-self:center}.dl-board-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dl-board-row{border-radius:12px;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:6px 12px;font-size:1rem;display:grid}.dl-board-row:nth-child(2n){background:color-mix(in srgb, currentColor 5%, transparent)}.dl-board-row.you{border:2px solid color-mix(in srgb, currentColor 72%, transparent);background:color-mix(in srgb, currentColor 8%, transparent);font-weight:800}.dl-rank{font-variant-numeric:tabular-nums;text-align:center;opacity:.8;font-weight:800}.dl-rank.medal{opacity:1;font-size:1.35rem}.dl-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dl-score{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.dl-board-gap{text-align:center;letter-spacing:.3em;opacity:.5}.dl-board-empty,.dl-board-foot{text-align:center;opacity:.75;margin:0;font-size:.92rem}@media (prefers-reduced-motion:no-preference){.dl-tab{transition:border-color .15s,background-color .15s}}.title-screen{--ti-ink:#3b2a20;--ti-text:#2a1f17;--ti-sky-top:#8fc8e6;--ti-sky-mid:#cfe7ea;--ti-sky-low:#fbefd2;--ti-sun:#ffd45e;--ti-ray:#f4b13c;--ti-cloud:#fffbf2;--ti-hill-far:#a8d29c;--ti-hill-mid:#8cc276;--ti-ground:#7cb862;--ti-ground-deep:#5f9d4a;--ti-grass:#ffffff29;--ti-bush:#4f8f45;--ti-wall:#fff4dc;--ti-roof:#c4472f;--ti-tile:#fffdf6;--ti-tile-low:#efe5cf;--ti-gold:#ffd76a;--ti-gold-low:#f0b43f;--ti-letter:#2a1f17;--ti-wood-hi:#e6c28c;--ti-wood:#c99a5e;--ti-wood-lo:#9c6c3a;--ti-ribbon:#c4472f;--ti-ribbon-deep:#8e2f1f;--ti-ribbon-ink:#fff7e6;--ti-goal:#ffe08a;--ti-card:#fffaf0;--ti-card-shade:#3b2a2052;--ti-chip:#fff3dc;--ti-muted:#6f5d4c;--ti-glow:transparent;--ti-frame:#3b2a2029;--t:clamp(44px, min(15.6vw, 8.6dvh), 108px);--P:calc(var(--t) * 1.42);--gap:calc(var(--t) * .12);--line-w:max(2.5px, calc(var(--t) * .042));--foot:50%;--hills-h:86%;top:var(--dl-bar,0px);z-index:8;height:calc(100dvh - var(--dl-bar,0px));overscroll-behavior:contain;background:linear-gradient(var(--ti-sky-top), var(--ti-sky-mid) 42%, var(--ti-sky-low) 72%);color:var(--ti-text);position:fixed;left:0;right:0;overflow:hidden auto}:root[data-title=skip] .title-screen{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .title-screen{--ti-ink:#0e0a07;--ti-text:#f3ede2;--ti-sky-top:#070d1c;--ti-sky-mid:#13203b;--ti-sky-low:#2a3150;--ti-sun:#f4ecd0;--ti-cloud:#26304b;--ti-hill-far:#1f3a3c;--ti-hill-mid:#1c3a2c;--ti-ground:#234428;--ti-ground-deep:#17301b;--ti-grass:#ffffff0d;--ti-bush:#1b3a1e;--ti-wall:#d9c9a2;--ti-roof:#8e3424;--ti-tile:#f6ecd6;--ti-tile-low:#d3c29b;--ti-gold:#f3c85a;--ti-gold-low:#bd8d28;--ti-letter:#1e160f;--ti-wood-hi:#b28a58;--ti-wood:#8a6539;--ti-wood-lo:#5c4022;--ti-ribbon:#a93b28;--ti-ribbon-deep:#6c2316;--ti-card:#221c16;--ti-card-shade:#0000008c;--ti-chip:#2e271f;--ti-muted:#b9ad98;--ti-glow:#ffd67833;--ti-frame:#fff0d21a}}:root[data-theme=dark] .title-screen{--ti-ink:#0e0a07;--ti-text:#f3ede2;--ti-sky-top:#070d1c;--ti-sky-mid:#13203b;--ti-sky-low:#2a3150;--ti-sun:#f4ecd0;--ti-cloud:#26304b;--ti-hill-far:#1f3a3c;--ti-hill-mid:#1c3a2c;--ti-ground:#234428;--ti-ground-deep:#17301b;--ti-grass:#ffffff0d;--ti-bush:#1b3a1e;--ti-wall:#d9c9a2;--ti-roof:#8e3424;--ti-tile:#f6ecd6;--ti-tile-low:#d3c29b;--ti-gold:#f3c85a;--ti-gold-low:#bd8d28;--ti-letter:#1e160f;--ti-wood-hi:#b28a58;--ti-wood:#8a6539;--ti-wood-lo:#5c4022;--ti-ribbon:#a93b28;--ti-ribbon-deep:#6c2316;--ti-card:#221c16;--ti-card-shade:#0000008c;--ti-chip:#2e271f;--ti-muted:#b9ad98;--ti-glow:#ffd67833;--ti-frame:#fff0d21a}.title-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-sky:after{content:"";border:2px solid var(--ti-frame);background:radial-gradient(#785a2812 .8px,#0000 1.1px) 0 0/7px 7px;border-radius:18px;position:absolute;inset:8px}.sky-sun,.sky-moon{width:clamp(92px,27vw,230px);position:absolute;top:3%;right:4%;overflow:visible}.sun-rays path{fill:none;stroke:var(--ti-ray);stroke-width:8px;stroke-linecap:round}.sun-rays{transform-origin:0 0;animation:60s linear infinite ti-sun-turn}.sun-disc{fill:var(--ti-sun);stroke:var(--ti-ink);stroke-width:3.5px}.sun-face{fill:none;stroke:var(--ti-ink);stroke-width:3px;stroke-linecap:round}.sky-moon{filter:drop-shadow(0 0 22px #f4ecd059);width:clamp(70px,20vw,170px);display:none;top:4%;right:7%}.sky-moon path{fill:var(--ti-sun);stroke:var(--ti-ink);stroke-width:3px}.sky-moon circle{fill:#0000001a}.sky-stars{background:radial-gradient(circle,#fff6d8 1.3px,#0000 2px) 12px 20px/97px 83px,radial-gradient(circle,#fff6d8 1px,#0000 1.6px) 50px 60px/131px 71px,radial-gradient(circle,#ffe9b0 1.6px,#0000 2.3px) 80px 10px/173px 127px;animation:3.4s ease-in-out infinite alternate ti-twinkle;display:none;position:absolute;inset:0 0 40%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sky-sun{display:none}:root:not([data-theme=light]) .sky-moon,:root:not([data-theme=light]) .sky-stars{display:block}}:root[data-theme=dark] .sky-sun{display:none}:root[data-theme=dark] .sky-moon,:root[data-theme=dark] .sky-stars{display:block}.sky-cloud{animation:11s ease-in-out infinite alternate ti-drift;position:absolute;overflow:visible}.sky-cloud path{fill:var(--ti-cloud);stroke:var(--ti-ink);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.sky-cloud.c1{width:clamp(110px,32vw,300px);top:6%;left:-3%}.sky-cloud.c2{width:clamp(90px,26vw,260px);animation-duration:14s;animation-direction:alternate-reverse;top:19%;right:-6%}.sky-cloud.c3{opacity:.92;width:clamp(70px,19vw,200px);animation-duration:17s;top:31%;left:4%}.hills-band{width:max(100%,1100px);height:var(--hills-h);position:absolute;bottom:0;left:50%;translate:-50%}.hills{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sky-birds{width:clamp(40px,11vw,110px);animation:9s ease-in-out infinite alternate-reverse ti-drift;position:absolute;top:15%;left:30%;overflow:visible}.sky-birds path{fill:none;stroke:var(--ti-ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.hills path{stroke:var(--ti-ink);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hills-far path{fill:var(--ti-hill-far)}.hills-mid path{fill:var(--ti-hill-mid)}.sky-tree{width:clamp(26px,7.5vw,76px);position:absolute;overflow:visible;translate:-50%}.sky-tree .crown{fill:var(--tree);stroke:var(--ti-ink);stroke-width:2.5px}.sky-tree .trunk{stroke:var(--trunk);stroke-width:5px;stroke-linecap:round}.sky-tree.k1{bottom:calc(71.5% - 8px);left:8%}.sky-tree.k2{bottom:calc(74.7% - 8px);left:20%;scale:.8}.sky-tree.k3{bottom:calc(53.3% - 8px);left:56%}.sky-tree.k4{bottom:calc(54.3% - 8px);left:66%;scale:.75}.sky-tree.k5{bottom:calc(71.5% - 8px);left:92%;scale:.9}.sky-tree.k2,.sky-tree.k4{transform-origin:50% 100%}.sky-tree.k2 .crown,.sky-tree.k4 .crown{fill:var(--tree-back)}.sky-house{width:clamp(40px,11vw,110px);position:absolute;bottom:calc(54.3% - 4px);left:61%;overflow:visible;translate:-50%}.sky-house path{stroke:var(--ti-ink);stroke-width:2.5px;stroke-linejoin:round}.house-roof,.house-chimney{fill:var(--ti-roof)}.title-main{grid-template-rows:1fr calc(var(--t) * 1.2) auto;min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);grid-template-columns:minmax(0,1fr);grid-template-areas:"art""crest""card";display:grid;position:relative;overflow:clip}.title-art{padding:calc(var(--t) * 1.05) 12px calc(var(--t) * .25);flex-direction:column;grid-area:art;justify-content:center;align-items:center;display:flex;position:relative}.title-art:before{content:"";width:calc(var(--t) * 9);height:calc(var(--t) * 6);background:radial-gradient(closest-side, var(--ti-glow), transparent);pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.title-screen .title-logo{width:calc(var(--t) * 4 + var(--gap) * 3);height:calc(var(--P) + var(--t) * 1.28);font-size:inherit;white-space:normal;grid-area:auto;margin:0;display:block;position:relative}.title-ladder{left:calc(var(--t) * -.4);right:calc(var(--t) * -.4);top:calc(var(--P) * -10);background-image:linear-gradient(transparent calc(var(--t) * 1.06), var(--ti-ink) calc(var(--t) * 1.06), var(--ti-ink) calc(var(--t) * 1.06 + var(--line-w)), var(--ti-wood-hi) calc(var(--t) * 1.06 + var(--line-w)), var(--ti-wood) calc(var(--t) * 1.17), var(--ti-wood-lo) calc(var(--t) * 1.27 - var(--line-w)), var(--ti-ink) calc(var(--t) * 1.27 - var(--line-w)), var(--ti-ink) calc(var(--t) * 1.27), transparent calc(var(--t) * 1.27));background-size:100% var(--P);background-repeat:repeat-y;position:absolute;bottom:-120dvh}.title-ladder:before,.title-ladder:after{content:"";width:calc(var(--t) * .22);border-inline:var(--line-w) solid var(--ti-ink);background:linear-gradient(90deg, var(--ti-wood-hi), var(--ti-wood) 45%, var(--ti-wood-lo));position:absolute;top:0;bottom:0}.title-ladder:before{left:0}.title-ladder:after{right:0}.logo-row{gap:var(--gap);display:flex;position:absolute;left:0}.logo-step{top:0}.logo-word{top:var(--P)}.logo-tile{--n:0;--tilt:0deg;width:var(--t);height:var(--t);border:var(--line-w) solid var(--ti-ink);border-radius:calc(var(--t) * .17);background:linear-gradient(var(--ti-tile) 62%, var(--ti-tile-low));box-shadow:inset 0 calc(var(--t) * .05) 0 #ffffffd9, 0 calc(var(--t) * .07) 0 var(--ti-ink);color:var(--ti-letter);font:700 calc(var(--t) * .68) / 1 Fraunces, Georgia, "Times New Roman", serif;rotate:var(--tilt);transform-origin:50% 100%;place-items:center;display:grid;position:relative}.logo-word .logo-tile{background:linear-gradient(var(--ti-gold) 58%, var(--ti-gold-low))}.logo-tile:first-child{--n:0;--tilt:-4deg}.logo-tile:nth-child(2){--n:1;--tilt:2.5deg}.logo-tile:nth-child(3){--n:2;--tilt:-2deg}.logo-tile:nth-child(4){--n:3;--tilt:4deg}.logo-word .logo-tile:first-child{--tilt:3deg}.logo-word .logo-tile:nth-child(2){--tilt:-3deg}.logo-word .logo-tile:nth-child(3){--tilt:2deg}.logo-word .logo-tile:nth-child(4){--tilt:-4.5deg}.logo-sparkles{pointer-events:none;position:absolute;inset:0}.sparkle-star{width:calc(var(--t) * .36);position:absolute;overflow:visible;scale:0}.sparkle-star path{fill:var(--ti-gold);stroke:var(--ti-ink);stroke-width:1.6px;stroke-linejoin:round}.sparkle-star.s1{left:calc(var(--t) * -.3);top:calc(var(--t) * -.42)}.sparkle-star.s2{left:calc(var(--t) * 1.9);top:calc(var(--t) * -.62);width:calc(var(--t) * .26)}.sparkle-star.s3{right:calc(var(--t) * -.36);top:calc(var(--P) + var(--t) * -.32);width:calc(var(--t) * .3)}.sparkle-star.s4{left:calc(var(--t) * -.34);top:calc(var(--P) + var(--t) * .55);width:calc(var(--t) * .26)}.sparkle-star.s5{right:calc(var(--t) * .9);top:calc(var(--P) + var(--t) * -.3);width:calc(var(--t) * .22)}.title-screen.landed .sparkle-star{animation:.6s cubic-bezier(.2,1.6,.4,1) both ti-sparkle-pop,2.6s ease-in-out .6s infinite alternate ti-sparkle-twinkle;scale:1}.title-screen.landed .sparkle-star.s2{animation-delay:80ms,1.1s}.title-screen.landed .sparkle-star.s3{animation-delay:.16s,.9s}.title-screen.landed .sparkle-star.s4{animation-delay:.22s,1.4s}.title-screen.landed .sparkle-star.s5{animation-delay:.12s,.7s}@keyframes ti-sparkle-pop{0%{rotate:-60deg;scale:0}}@keyframes ti-sparkle-twinkle{to{rotate:25deg;scale:.65}}.title-ribbon{z-index:2;max-width:min(100%,34em);margin:calc(var(--t) * .12) 0 0;font:800 clamp(16px, calc(var(--t) * .27), 54px) / 1.25 Nunito, "Segoe UI", Roboto, system-ui, sans-serif;text-align:center;text-wrap:balance;position:relative}.ribbon-text{min-width:calc(var(--t) * 5.2);border:var(--line-w) solid var(--ti-ink);background:linear-gradient(var(--ti-ribbon), var(--ti-ribbon) 70%, var(--ti-ribbon-deep));color:var(--ti-ribbon-ink);border-radius:6px;padding:.5em 1.1em .55em;display:block;position:relative;box-shadow:0 5px #0000002e}.title-ribbon:before,.title-ribbon:after{content:"";z-index:-1;border:var(--line-w) solid var(--ti-ink);background:var(--ti-ribbon-deep);width:1.9em;position:absolute;top:.55em;bottom:-.45em}.title-ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%);border-right:0;left:-1.3em}.title-ribbon:after{clip-path:polygon(0 0,100% 0,62% 50%,100% 100%,0 100%);border-left:0;right:-1.3em}.ribbon-text b{letter-spacing:.02em;font-weight:900}.ribbon-text b.goal{color:var(--ti-goal)}.ribbon-text .skeleton-bar{background:#ffffff4d;width:10em}.title-ground{grid-area:2/1/4;position:relative}.title-ground:before{content:"";border-top:var(--line-w) solid var(--ti-ink);border-radius:50% 50% 0 0 / calc(var(--t) * 1.5) calc(var(--t) * 1.5) 0 0;background:radial-gradient(ellipse 10px 4px, var(--ti-grass) 60%, transparent 70%) 0 0 / 34px 22px, radial-gradient(ellipse 8px 3px, var(--ti-grass) 60%, transparent 70%) 17px 11px / 34px 22px, linear-gradient(var(--ti-ground), var(--ti-ground-deep));position:absolute;inset:0 -30%}.title-duck{line-height:0;display:block;position:absolute}.title-duck .title-duck-art{width:100%;height:auto}.title-duck.tiny{width:calc(var(--t) * .98);translate:-46%;rotate:calc(var(--tilt) * -1);bottom:88%;left:50%}.title-duck.roady{left:calc(var(--foot) - var(--t) * 3.05);bottom:calc(100% - var(--t) * 1.08);width:calc(var(--t) * 1.32)}.title-duck.rusty{left:calc(var(--foot) + var(--t) * 1.75);bottom:calc(100% - var(--t) * .78);width:calc(var(--t) * 1.1);transition:translate .55s cubic-bezier(.2,1.5,.4,1)}.title-bush{left:calc(var(--foot) + var(--t) * 1.45);bottom:calc(100% - var(--t) * 1.16);width:calc(var(--t) * 1.7);position:absolute;overflow:visible}.title-bush path{fill:var(--ti-bush);stroke:var(--ti-ink);stroke-width:2.5px;stroke-linejoin:round}.title-card{width:min(100% - 28px,30rem);margin:0 0 max(16px, env(safe-area-inset-bottom));border:var(--line-w) solid var(--ti-ink);background:var(--ti-card);box-shadow:0 6px 0 var(--ti-card-shade);color:var(--ti-text);border-radius:22px;grid-area:card;justify-self:center;padding:12px 14px 14px;font-size:16px;animation:.45s cubic-bezier(.2,1.2,.4,1) .25s both ti-card-in;position:relative}.title-screen:not([data-ready]) .title-card{visibility:hidden}.title-day{color:var(--ti-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:0 0 .6em;font-size:.86em;font-weight:800;display:flex}.title-streak{color:var(--ti-text);background:#e8742a24;border-radius:99px;align-items:center;gap:4px;padding:2px 9px 2px 6px;display:inline-flex}.title-play{border:var(--line-w) solid var(--ti-ink);background:linear-gradient(color-mix(in srgb, var(--green) 82%, white), var(--green) 55%);width:100%;min-height:4.3em;color:var(--green-ink);box-shadow:0 6px 0 var(--ti-ink);text-align:left;border-radius:18px;align-items:center;gap:.85em;padding:.55em 1em .55em .65em;transition:translate 80ms,box-shadow 80ms;display:flex}.title-play:active{box-shadow:0 2px 0 var(--ti-ink);translate:0 4px}.play-disc{border:var(--line-w) solid var(--ti-ink);background:#fffaf0;border-radius:50%;flex:none;width:2.9em;height:2.9em;position:relative}.play-disc:after{content:"";background:var(--green-deep);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:27% 22% 27% 34%}.play-words{min-width:0;display:grid}.play-label{font:700 1.5em/1.1 Fraunces,Georgia,Times New Roman,serif}.play-sub{opacity:.9;margin-top:.15em;font-size:.92em;font-weight:700}.title-more{grid-template-columns:1fr 1fr;gap:.6em;margin-top:.85em;display:grid}.title-chip{border:max(2px, calc(var(--line-w) * .8)) solid var(--ti-ink);background:var(--ti-chip);min-height:2.9em;color:var(--ti-text);box-shadow:0 4px 0 var(--ti-card-shade);border-radius:14px;justify-content:center;align-items:center;gap:.45em;padding:.3em .6em;font-size:.97em;font-weight:800;transition:translate 80ms,box-shadow 80ms;display:flex}.title-chip:active{box-shadow:0 1px 0 var(--ti-card-shade);translate:0 3px}.chip-icon{flex:none;width:1.3em;height:1.3em}.title-play:focus-visible,.title-chip:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.home{max-width:100%;color:inherit;font-family:inherit;font-size:calc(1.8rem * var(--fit,1));font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;margin:0 -4px;padding:0 4px;display:block}@media (hover:hover){.home:hover .fit-text{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.about-game{padding:4px 14px max(24px, calc(env(safe-area-inset-bottom) + 16px));background:var(--ti-ground-deep);position:relative}.about-card{border:var(--line-w) solid var(--ti-ink);background:var(--ti-card);width:min(100%,40rem);box-shadow:0 6px 0 var(--ti-card-shade);color:var(--ti-text);border-radius:22px;margin:0 auto;padding:14px 18px 4px;font-size:16px;line-height:1.55}.about-card p{text-wrap:pretty;max-width:62ch;margin:0 auto .9em}.about-card a{color:inherit;text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.about-card a:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}@media (width>=900px) and (aspect-ratio>=5/4){.title-screen{--t:clamp(60px, min(11.6dvh, 7.6vw), 210px);--foot:27%;--hills-h:64%}.title-main{padding-inline:max(3vw, env(safe-area-inset-left)) max(3vw, env(safe-area-inset-right));grid-template:"art card"1fr"ground ground"clamp(80px,16dvh,280px)/minmax(0,1.1fr) minmax(0,1fr)}.title-art{padding-bottom:calc(var(--t) * .6)}.title-ground{grid-area:ground;margin-inline:calc(-3vw - 2px)}.title-ground:before{border-radius:50% 50% 0 0 / calc(var(--t) * .9) calc(var(--t) * .9) 0 0;left:-10%;right:-10%}.title-duck.roady{left:calc(var(--foot) - var(--t) * 3.3)}.title-duck.rusty{left:calc(var(--foot) + var(--t) * 2.3)}.title-bush{left:calc(var(--foot) + var(--t) * 2)}.title-card{width:min(100%, calc(var(--t) * 5.6));margin:0 0 calc(var(--t) * .3);font-size:clamp(16px, calc(var(--t) * .23), 42px);border-radius:28px;place-self:center start;padding:.9em 1.1em 1.1em}.title-day{font-size:.9em}.sky-sun,.sky-moon{width:clamp(120px,17dvh,300px);right:6%}.sky-cloud.c1{width:clamp(140px,18vw,420px);left:2%}.sky-cloud.c2{width:clamp(120px,15vw,360px);top:9%;right:22%}.sky-cloud.c3{width:clamp(80px,8vw,200px);top:4%;left:47%}.sky-tree{width:clamp(40px,4.4vw,110px)}.sky-house{width:clamp(50px,5vw,130px);bottom:calc(49% - 4px);left:48.5%}.sky-tree.k3{bottom:calc(42.5% - 8px);left:95%}.sky-tree.k4{bottom:calc(50.5% - 8px);left:51.5%}}.landing .logo-step .logo-tile{animation:ti-tile-drop .62s cubic-bezier(.32, .6, .44, 1) calc(.15s + var(--n) * .11s) both}.landing .logo-word .logo-tile{animation:ti-tile-climb 1.05s ease-in-out calc(.8s + var(--n) * .14s) both}.landing .title-ribbon{animation:.5s cubic-bezier(.2,1.3,.4,1) .35s both ti-unfurl}.landing:not(.landed) .title-duck.rusty{translate:0 75%}.title-screen.landed .logo-step .logo-tile:nth-child(4){animation:4.6s ease-in-out 1.2s infinite ti-tile-hop}@keyframes ti-tile-drop{0%{translate:0 calc(var(--t) * -4 - 30dvh);opacity:0}12%{opacity:1}62%{translate:0;scale:1.08 .88}78%{translate:0 calc(var(--t) * -.18);scale:.97 1.04}to{translate:0;scale:1}}@keyframes ti-tile-climb{0%{translate:0 calc(var(--P) * 3);opacity:0}10%{opacity:1}20%{translate:0 calc(var(--P) * 2 - var(--t) * .4);scale:1}31%{translate:0 calc(var(--P) * 2);scale:1.06 .92}48%{translate:0 calc(var(--P) - var(--t) * .4);scale:1}59%{translate:0 var(--P);scale:1.06 .92}77%{translate:0 calc(var(--t) * -.42);scale:1}90%{translate:0;scale:1.08 .9}to{translate:0;scale:1}}@keyframes ti-tile-hop{0%,78%,to{translate:0;scale:1}82%{scale:1.06 .92}88%{translate:0 calc(var(--t) * -.26);scale:.97 1.04}94%{translate:0;scale:1.04 .95}}@keyframes ti-unfurl{0%{opacity:0;scale:.2 1}to{opacity:1;scale:1}}@keyframes ti-card-in{0%{opacity:0;translate:0 30px}}@keyframes ti-sun-turn{to{rotate:360deg}}@keyframes ti-drift{to{translate:4vw}}@keyframes ti-twinkle{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.title-screen *,.title-screen :before,.title-screen :after{transition:none!important;animation:none!important}.landing:not(.landed) .title-duck.rusty{translate:0}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f1e7;--ink:#1e1a15;--muted:#6f665a;--line:#e2d9c8;--tile:#fff;--tile-edge:#d9cfbc;--tile-shadow:#cdc2ad;--green:#2f7a4f;--green-deep:#1f5636;--green-ink:#fff;--teal:#1f5f66;--beckon:#1f5f6638;--gold:#ffefc2;--gold-edge:#d9ad48;--gold-deep:#c99c3b;--gold-ink:#4a3300;--goal-mark:#d9ad4873;--key:#e8e0d0;--key-ink:#1e1a15;--key-foot:#cfc3ab;--error:#b4351f;--rail:#c49a62;--wood:#c49a62;--wood-light:#e2c08c;--wood-dark:#94693a;--page:#fcf9f1;--page-rule:#c49a6252;--page-edge:#e6dcc6;--page-shadow:#2e3c3247;--dock:#f8f4ebdb;--dock-edge:#ffffffb3;--tile-hi:#ffffffe6;--tile-shade:#785c3012;--tile-drop:#46321429;--letter-press:#ffffffd9;--sheen:#fff6;--sheen-soft:#ffffff24;--green-press:#0000002e;--grass:#b9d39a;--grass-deep:#8fb76c;--switch-off:#9a8d75;--segment-on:#fff;--hairline:#e2d9c8;--segment-track:#efe9dd;--flame:#e8742a;--flame-core:#ffc94a;--ice:#2f6f9f;--ice-soft:#e4eef5;--amber:#c4780f;--amber-ink:#9c5a06;--aside:var(--amber);--aside-deep:#8f5408;--aside-ink:#241800;--ribbon:#d9ad48;--ribbon-ink:#3a2800;--bulb:#f5c542;--bulb-edge:#8a6a1e;--light:#e8b030;--frame:#d9ad4899;--scrim:#1e1a1573;--size:clamp(42px, 11.5vw, 56px);--key-gap:6px;--brand-pond:#1f5f66}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171410;--ink:#f3ede2;--muted:#b3a996;--line:#322c23;--tile:#262119;--tile-edge:#3f382c;--tile-shadow:#0d0b08;--green:#4fae7a;--green-deep:#2d7a52;--green-ink:#0b1a11;--teal:#5fb0b8;--beckon:#5fb0b84d;--gold:#3a2f14;--gold-edge:#d4a93e;--gold-deep:#8a6a1e;--gold-ink:#ffe9a8;--goal-mark:#d4a93e61;--key:#332d24;--key-ink:#f3ede2;--key-foot:#14110d;--error:#f08c74;--rail:#7d5f3c;--wood:#7d5f3c;--wood-light:#a07c50;--wood-dark:#503b24;--page:#1d1915;--page-rule:#d4a93e33;--page-edge:#3a3226;--page-shadow:#0000008c;--dock:#1a1612d6;--dock-edge:#ffffff14;--tile-hi:#ffffff12;--tile-shade:#0000002e;--tile-drop:#0006;--letter-press:#00000059;--sheen:#ffffff12;--sheen-soft:#ffffff14;--green-press:#ffffff1f;--grass:#34502f;--grass-deep:#273e24;--switch-off:#7a6f5c;--segment-on:#5c5345;--hairline:#3d362b;--segment-track:#332d24;--flame:#f08a3c;--flame-core:#ffd36b;--ice:#8cc4ea;--ice-soft:#1d2a33;--amber:#e59a3c;--amber-ink:#e59a3c;--aside-deep:#9a6418;--ribbon:#d4a93e;--light:#f5c542;--frame:#d4a93e73;--scrim:#0009;--brand-pond:#27717a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171410;--ink:#f3ede2;--muted:#b3a996;--line:#322c23;--tile:#262119;--tile-edge:#3f382c;--tile-shadow:#0d0b08;--green:#4fae7a;--green-deep:#2d7a52;--green-ink:#0b1a11;--teal:#5fb0b8;--beckon:#5fb0b84d;--gold:#3a2f14;--gold-edge:#d4a93e;--gold-deep:#8a6a1e;--gold-ink:#ffe9a8;--goal-mark:#d4a93e61;--key:#332d24;--key-ink:#f3ede2;--key-foot:#14110d;--error:#f08c74;--rail:#7d5f3c;--wood:#7d5f3c;--wood-light:#a07c50;--wood-dark:#503b24;--page:#1d1915;--page-rule:#d4a93e33;--page-edge:#3a3226;--page-shadow:#0000008c;--dock:#1a1612d6;--dock-edge:#ffffff14;--tile-hi:#ffffff12;--tile-shade:#0000002e;--tile-drop:#0006;--letter-press:#00000059;--sheen:#ffffff12;--sheen-soft:#ffffff14;--green-press:#ffffff1f;--grass:#34502f;--grass-deep:#273e24;--switch-off:#7a6f5c;--segment-on:#5c5345;--hairline:#3d362b;--segment-track:#332d24;--flame:#f08a3c;--flame-core:#ffd36b;--ice:#8cc4ea;--ice-soft:#1d2a33;--amber:#e59a3c;--amber-ink:#e59a3c;--aside-deep:#9a6418;--ribbon:#d4a93e;--light:#f5c542;--frame:#d4a93e73;--scrim:#0009;--brand-pond:#27717a}:root{--sky-top:#9ccbe2;--sky-mid:#c3e1ec;--sky-low:#e8f2ee;--sun:#fff4c7;--sun-glow:#fff1bad9;--cloud:#ffffffeb;--star:transparent;--water-top:#a9d5cc;--water-deep:#5aa0a1;--ripple:#ffffff80;--glint:#fffadc8c;--pad:#5c9a52;--pad-dark:#437a3c;--petal:#f7c3d2;--reed:#5f8f45;--reed-dark:#436f34;--cattail:#7a4e2c;--house-wall:#c8553d;--house-roof:#6b3b2a;--house-door:#3b2418;--house-window:#f3e2b8;--stilt:#7a5a3c;--fence:#efe7d5;--far-light:none;--near-light:none;--sky-ink:var(--ink);--sky-muted:#4f483e;--sky-goal:var(--gold-ink)}:root[data-tod=dawn]{--sky-top:#efc0b3;--sky-mid:#f6d7c3;--sky-low:#fbebdd;--sun:#ffe3b6;--sun-glow:#ffd6aae6;--cloud:#ffece4eb;--water-top:#d6ddd2;--water-deep:#98b7b4;--glint:#ffe2c4b3;--far-light:saturate(.75) brightness(1.04) sepia(.12);--near-light:saturate(.8)}:root[data-tod=dusk]{--sky-top:#ab9ccc;--sky-mid:#e7b6b2;--sky-low:#f7d1a0;--sun:#ffbc7a;--sun-glow:#ffaa6ed9;--cloud:#facec0e6;--water-top:#d7b8ae;--water-deep:#7b8aa0;--glint:#ffc48cb3;--house-window:#ffd27a;--far-light:saturate(.7) brightness(.86) sepia(.2);--near-light:saturate(.75) brightness(.9)}:root[data-tod=night]{--sky-top:#142039;--sky-mid:#22335a;--sky-low:#3a4c76;--sun:#f4edd2;--sun-glow:#dce4ff59;--cloud:#4658808c;--star:#fff6dc;--water-top:#2a3f5a;--water-deep:#122033;--ripple:#c8dcff2e;--glint:#e6ecff47;--house-window:#ffcf6b;--far-light:brightness(.34) saturate(.6) hue-rotate(10deg);--near-light:brightness(.4) saturate(.6);--sky-ink:#f3ede2;--sky-muted:#c9c1b2;--sky-goal:#ffe9a8}:root[data-scheme=dark]{--sky-top:#1b3646;--sky-mid:#28505f;--sky-low:#3a636b;--sun:#efe0a8;--sun-glow:#f0dca066;--cloud:#6e8c9673;--water-top:#21454a;--water-deep:#0f272b;--ripple:#ffffff21;--glint:#f0e6be38;--far-light:brightness(.5) saturate(.8);--near-light:brightness(.45) saturate(.8);--sky-ink:var(--ink);--sky-muted:#c3b9a6;--sky-goal:var(--gold-ink)}:root[data-scheme=dark][data-tod=dawn]{--sky-top:#281f36;--sky-mid:#4a3242;--sky-low:#74504a;--sun:#eaa47c;--sun-glow:#eaa47c73;--cloud:#6e506080;--water-top:#3a3a45;--water-deep:#171c23;--far-light:brightness(.42) saturate(.65) sepia(.2)}:root[data-scheme=dark][data-tod=dusk]{--sky-top:#231b37;--sky-mid:#4b2d4a;--sky-low:#7e4b47;--sun:#e98b58;--sun-glow:#e98b5873;--cloud:#64425c80;--water-top:#3b2e40;--water-deep:#161722;--far-light:brightness(.4) saturate(.6) sepia(.25)}:root[data-scheme=dark][data-tod=night]{--sky-top:#080f1d;--sky-mid:#101b30;--sky-low:#1a2843;--sun:#e4ddc4;--sun-glow:#c8d2ff38;--cloud:#32406080;--water-top:#12202e;--water-deep:#070e16;--far-light:brightness(.26) saturate(.5);--near-light:brightness(.3) saturate(.5)}:root{--hill:#a9c49d;--tree-back:#87ad79;--tree:#5e9458;--trunk:#5c4630;--far-grass:#8fbb6e;--dot:transparent;--snow:transparent}:root[data-season=spring]{--hill:#b4cf9c;--tree-back:#9cc47f;--tree:#79b062;--far-grass:#9fcb78;--dot:#f7b7cc}:root[data-season=autumn]{--hill:#c7b58a;--tree-back:#d39a4a;--tree:#bf5f2e;--far-grass:#b4ad6c;--dot:#e9b93c}:root[data-season=winter]{--hill:#c9d2cf;--tree-back:#9aa8a4;--tree:#5d756c;--far-grass:#d7e0dc;--snow:#f7fbfb}@property --size{syntax:"<length>";inherits:true;initial-value:48px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font:600 17px/1.4 Nunito,Segoe UI,Roboto,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{z-index:1;height:calc(100dvh - var(--dl-bar,0px));max-width:480px;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid;position:relative}#scene{--horizon:128px;z-index:0;pointer-events:none;background:linear-gradient(var(--sky-top), var(--sky-mid) calc(var(--horizon) * .55), var(--sky-low) var(--horizon), var(--water-top) var(--horizon), var(--water-deep));position:fixed;inset:0;overflow:hidden}.scene-sky{height:calc(var(--horizon) + 24px);background:linear-gradient(var(--sky-top), var(--sky-mid) 55%, var(--sky-low));position:absolute;inset:0 0 auto}.scene-stars{width:100%;height:var(--horizon);position:absolute;inset:0 0 auto}.star{fill:var(--star)}.star.t1{opacity:.7}.star.t2{opacity:.45}.scene-stars{animation:3.6s ease-in-out infinite alternate twinkle-star}@keyframes twinkle-star{to{opacity:.35}}.scene-sun,.scene-moon{width:132px;height:132px;position:absolute;overflow:visible;translate:-50% -50%}.scene-sun{left:54%;top:calc(var(--horizon) * .3)}:root[data-tod=dawn] .scene-sun{left:14%;top:calc(var(--horizon) * .78)}:root[data-tod=dusk] .scene-sun{left:86%;top:calc(var(--horizon) * .74)}:root[data-tod=night] .scene-sun,:root:not([data-tod=night]) .scene-moon,:root:not([data-tod=night]) .scene-stars{display:none}.scene-moon{width:96px;height:96px;left:60%;top:calc(var(--horizon) * .32)}.glow-in{stop-color:var(--sun-glow)}.glow-out{stop-color:var(--sun-glow);stop-opacity:0}.sun-disc,.moon-lit{fill:var(--sun)}.moon-dark{fill:var(--sky-mid);opacity:.6}.scene-clouds{height:var(--horizon);position:absolute;inset:0 0 auto}.cloud{left:0;top:var(--y);width:var(--w);height:auto;fill:var(--cloud);animation:drift var(--drift,200s) linear infinite;position:absolute}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(110vw)}}.scene-water{inset:var(--horizon) 0 0;background:linear-gradient(var(--water-top), var(--water-deep) 75%);position:absolute;overflow:hidden}.scene-water-marks{width:100%;height:100%;position:absolute;inset:0}.ripple{fill:none;stroke:var(--ripple);stroke-width:2.4px;stroke-linecap:round}.scene-water-marks{animation:7s ease-in-out infinite alternate sway}@keyframes sway{to{transform:translate(14px)}}.pad-leaf{fill:var(--pad);stroke:var(--pad-dark);stroke-width:1px}.petal{fill:var(--petal)}.petal-core{fill:#f4cf5a}:root[data-season=winter] .pad,:root:not([data-season=summer]) .pad-flower{display:none}.scene-glint{background:radial-gradient(70px 46% at 54% 0, var(--glint), transparent);position:absolute;inset:0}:root[data-tod=dawn] .scene-glint{background:radial-gradient(80px 40% at 14% 0, var(--glint), transparent)}:root[data-tod=dusk] .scene-glint{background:radial-gradient(80px 40% at 86% 0, var(--glint), transparent)}:root[data-tod=night] .scene-glint{background:radial-gradient(50px 40% at 60% 0, var(--glint), transparent)}.scene-far-wrap{left:0;right:0;top:calc(var(--horizon) - var(--far-h));height:calc(var(--far-h) + 2px);--far-h:32px;filter:var(--far-light);position:absolute}.scene-far{width:100%;height:100%;display:block}.far-hill{fill:var(--hill)}.tree-back{fill:var(--tree-back)}.tree{fill:var(--tree)}.trunk{fill:var(--trunk)}.dot{fill:var(--dot)}.snowcap,.roof-snow{fill:var(--snow)}.far-grass{fill:var(--far-grass)}.house-wall{fill:var(--house-wall)}.house-roof{fill:var(--house-roof)}.house-door{fill:var(--house-door)}.house-window{fill:var(--house-window)}.stilt,.ramp{fill:var(--stilt)}.fence{fill:var(--fence)}.scene-near{height:clamp(150px,30vh,320px);filter:var(--near-light);position:absolute;inset:auto 0 0}.scene-reeds{width:auto;height:100%;position:absolute;bottom:-4px;left:-14px}.scene-reeds.right{left:auto;right:-14px;scale:-1 1}.reed{fill:var(--reed)}.reed.dark{fill:var(--reed-dark)}.scene-reeds{transform-origin:50% 100%;animation:6s ease-in-out infinite alternate reed-sway}.scene-reeds.right{animation-duration:7.5s}.cattail{fill:var(--cattail)}@keyframes reed-sway{to{transform:skew(-2deg)}}.scene-residents{display:none}.scene-weather .bit{top:-4vh;left:var(--x);background:var(--dot);opacity:0;width:7px;height:5px;animation:fall var(--fall,14s) linear infinite;border-radius:60% 40%;position:absolute}:root[data-season=spring] .scene-weather .bit{background:var(--petal);opacity:.85}:root[data-season=autumn] .scene-weather .bit{opacity:.9;background:#d9792f;border-radius:0 70%;width:10px;height:6px}:root[data-season=autumn] .scene-weather .bit.b1{background:#e9b93c}:root[data-season=autumn] .scene-weather .bit.b2{background:#b9472c}:root[data-season=winter] .scene-weather .bit{opacity:.9;background:#fff;border-radius:50%;width:5px;height:5px}:root[data-season=summer] .scene-weather{display:none}@keyframes fall{to{transform:translate(var(--sway), 108vh) rotate(var(--turn))}}@media (width>=720px){.scene-far-wrap{--far-h:clamp(70px, 12vh, 140px)}.scene-residents{display:block}.resident{width:clamp(120px,12vw,200px);animation:4.5s ease-in-out infinite alternate bob;position:absolute}.resident img{-webkit-box-reflect:below -6px linear-gradient(transparent 55%, #ffffff38);width:100%;height:auto;display:block}.resident.r0{left:max(2vw,25vw - 340px);top:calc(var(--horizon) + 14vh)}.resident.r1{right:max(2vw,25vw - 330px);top:calc(var(--horizon) + 34vh);animation-delay:-2s}.resident.r1 img{scale:-1 1}.resident.r2{width:clamp(90px,9vw,150px);animation:none;bottom:5vh;left:max(3vw,22vw - 300px)}:root[data-tod=night] .resident{filter:brightness(.55)saturate(.7)}:root[data-scheme=dark] .resident{filter:brightness(.7)saturate(.85)}}@keyframes bob{to{transform:translateY(5px)rotate(-1deg)}}.top{min-width:0;color:var(--sky-ink);border-bottom:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tools""past past""story story";align-items:center;column-gap:12px;padding:12px 4px max(8px,50px - 1.25rem);display:grid}.masthead{display:contents}h1,.game-name{min-width:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:calc(1.8rem * var(--fit,1));letter-spacing:-.01em;white-space:nowrap;grid-area:title;margin:0;font-weight:700;line-height:1.1}.fit-text{display:inline-block}.headline{color:var(--muted);text-wrap:balance;grid-area:story;margin:3px 0 0;font-size:1rem;font-weight:700;line-height:1.35}.headline b,.summary b,.today b{color:var(--ink);letter-spacing:.04em;font-weight:800}.headline .goal,.summary .goal,.today .goal{color:var(--gold-ink);background:linear-gradient(transparent 52%, var(--goal-mark) 52% 94%, transparent 94%);border-radius:.15em;margin:0 -.04em;padding:0 .12em}.top .headline,.top .past-date{color:var(--sky-muted)}.top .headline b{color:var(--sky-ink)}.top .headline .goal{color:var(--sky-goal)}.top :is(.icon,.past-today){color:var(--ink)}.top .streak.unlit{color:var(--muted)}.top .game-name,.top .headline{text-shadow:0 0 6px var(--sky-mid), 0 0 14px var(--sky-mid)}.past{flex-wrap:wrap;grid-area:past;justify-content:space-between;align-items:center;gap:2px 10px;margin:4px 0 0;display:flex}.past-date{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.past-today{border:2px solid var(--line);background:var(--tile);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 12px 4px 14px;font-size:.85rem;font-weight:800;display:inline-flex}.past-today:after{content:"";border:2px solid;border-width:2px 2px 0 0;width:6px;height:6px;margin-right:2px;rotate:45deg}.tools{grid-area:tools;align-items:center;gap:6px;display:flex}.streak{border:2px solid var(--gold-edge);background:var(--gold);min-height:40px;color:var(--gold-ink);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;padding:4px 13px 4px 9px;font-weight:800;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}.streak.unlit{border-color:var(--line);background:var(--tile);color:var(--muted)}.flame{flex:none;width:1.15em;height:1.15em;overflow:visible}.flame-outer{fill:var(--flame)}.flame-inner{fill:var(--flame-core)}.unlit .flame-outer{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.unlit .flame-inner{display:none}.streak.bump{animation:.6s cubic-bezier(.3,1.5,.5,1) bump}.streak.bump .flame{animation:.7s ease-out catch}@keyframes bump{35%{transform:scale(1.12)}}@keyframes catch{0%{opacity:.3;transform:scale(.4)translateY(30%)}}.stroke-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.icon{border:2px solid var(--line);background:var(--tile);border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.tool-icon{stroke-width:2.4px;width:22px;height:22px}#help-button .tool-icon{stroke-width:2.7px}.board{background-color:var(--page);min-height:0;box-shadow:inset 0 0 0 4px var(--page), inset 0 0 0 5px var(--page-rule), 0 0 0 1px var(--page-edge), 0 14px 30px -14px var(--page-shadow), 0 3px 0 var(--page-edge);border:3px solid #0000;border-radius:20px;flex-direction:column;display:flex;overflow-y:auto}.board:focus-visible{border-color:var(--green);outline:none}.ladder{flex-direction:column;flex:1 0 auto;align-items:center;gap:8px;margin:0;padding:10px 0 12px;list-style:none;display:flex}.board .ladder{--rail-at:calc(var(--size) * .46);transition:--size .25s ease-out}.board .ladder>.row{position:relative}.board .ladder>.row:not(.start):after{content:"";bottom:calc(100% - 2px);left:calc(50% - var(--rail-at));width:calc(var(--rail-at) * 2);background:linear-gradient(90deg, var(--wood-dark), var(--wood-light) 40%, var(--wood) 70%, var(--wood-dark)) left / 5px 100% no-repeat, linear-gradient(90deg, var(--wood-dark), var(--wood-light) 40%, var(--wood) 70%, var(--wood-dark)) right / 5px 100% no-repeat;pointer-events:none;height:12px;position:absolute}.board .ladder.past-par>.row:not(.start):after{background:linear-gradient(var(--amber), var(--amber)) left / 5px 100% no-repeat, linear-gradient(var(--amber), var(--amber)) right / 5px 100% no-repeat}.board .ladder.finished{justify-content:center}.row{align-items:center;gap:8px;display:flex}.side{text-align:center;width:36px;color:var(--muted);font-size:calc(.78rem * var(--fit,1));white-space:nowrap;font-weight:700}.tiles{gap:6px;display:flex}.tile{width:var(--size);height:var(--size);font-size:calc(var(--size) * .5 / var(--text-zoom,1));text-transform:uppercase;background-color:var(--tile);background-image:linear-gradient(transparent 45%, var(--tile-shade));color:var(--ink);text-shadow:0 1px 0 var(--letter-press);border:2px solid var(--tile-edge);border-radius:calc(var(--size) * .18);box-shadow:inset 0 1.5px 0 var(--tile-hi), 0 3px 0 var(--tile-shadow), 0 6px 10px -5px var(--tile-drop);place-items:center;font-weight:800;display:grid}.tile.diff{border-color:var(--teal);color:var(--teal);position:relative}.tile.match{background-color:var(--green);background-image:linear-gradient(var(--sheen-soft), transparent 55%);border-color:var(--green);color:var(--green-ink);text-shadow:0 1px 0 var(--green-press);box-shadow:0 3px 0 var(--green-deep), 0 6px 10px -5px var(--tile-drop)}.tile.match.diff{border-color:var(--teal);box-shadow:inset 0 0 0 1.5px var(--tile), 0 3px 0 var(--green-deep), 0 6px 10px -5px var(--tile-drop)}.tile.diff:after{content:"";background:currentColor;border-radius:1px;width:34%;height:max(2px,5.5%);position:absolute;bottom:15%;left:50%;translate:-50%}.entry .tile{background:var(--page);box-shadow:none;border-style:dashed}.entry .tile.cursor{border-style:solid;border-color:var(--ink)}.entry .tile.diff,.entry .tile.match{border-style:solid}.entry .tile.match{background:var(--green)}.entry .tile.match.diff{box-shadow:inset 0 0 0 1.5px var(--tile)}.board .entry .tile{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.entry .tile.muted{color:var(--muted);font-weight:700}.entry .tile.picked{background:var(--tile);border-style:solid;border-color:var(--ink);box-shadow:0 5px 0 var(--tile-shadow);position:relative;translate:0 -3px}.entry .tile.picked.diff{border-color:var(--teal)}.entry .tile.picked.match{background:var(--green);box-shadow:inset 0 0 0 1.5px var(--tile), 0 5px 0 var(--green-deep)}.entry .tile.lit{border-style:solid;border-color:var(--teal);background:var(--tile);color:var(--ink);box-shadow:0 0 0 3px var(--beckon);animation:1.2s ease-in-out infinite beckon}.tile.tap:before{content:"";aspect-ratio:1;background:var(--ink);opacity:0;pointer-events:none;border-radius:50%;width:90%;animation:.62s ease-out tap;position:absolute;top:50%;left:50%;translate:-50% -50%}.target .tile,.solved .tile{background-color:var(--gold);background-image:linear-gradient(var(--sheen), transparent 50%, var(--tile-shade));border-color:var(--gold-edge);color:var(--gold-ink);text-shadow:0 1px 0 var(--letter-press);box-shadow:inset 0 1.5px 0 var(--sheen), 0 3px 0 var(--gold-deep), 0 6px 12px -5px var(--tile-drop)}.solved{animation:1.2s ease-out glow}.gap{min-height:var(--size);flex:1 0 auto;justify-content:center;display:flex}.rails{width:calc(var(--size) * .92);flex-direction:column;justify-content:space-evenly;padding:0 3px;display:flex;position:relative}.rails:before,.rails:after{content:"";background:var(--rail);border-radius:2px;width:3px;position:absolute;top:0;bottom:0}.rails:before{left:0}.rails:after{right:0}.rung{background:var(--rail);opacity:.55;border-radius:2px;height:3px}.board .rails:before,.board .rails:after{background-image:linear-gradient(90deg,#0000002e,#ffffff52 40%,#0000 70%,#0003);width:5px}.board .rung{background:var(--wood-light);height:5px;box-shadow:0 1.5px 0 var(--wood-dark);opacity:.45;border-radius:3px;margin:0 2px}.past-par .rails:before,.past-par .rails:after{background:var(--amber)}.past-par .target .side:last-child{color:var(--amber-ink)}.board .row.target{background:0 0;margin:-8px 0 -12px;padding:8px 0 12px;position:sticky;bottom:0}.board.scrolls .row.target{background:var(--page)}.board .ladder:before,.board .row.target:before,.board .ladder.finished:after{content:"";opacity:0;pointer-events:none;height:22px;transition:opacity .2s}.board .ladder:before{z-index:1;background:linear-gradient(var(--page), transparent);flex:none;align-self:stretch;margin:-10px 0 -20px;position:sticky;top:0}.board .row.target:before{background:linear-gradient(transparent, var(--page));position:absolute;inset:auto 0 100%}.board .ladder.finished:after{z-index:1;background:linear-gradient(transparent, var(--page));flex:none;align-self:stretch;margin:-18px 0 -12px;position:sticky;bottom:0}.board.more-above .ladder:before,.board.more-below .row.target:before,.board.more-below .ladder.finished:after{opacity:1}.mini{--size:34px;flex:none;gap:5px;padding:0}.mini .tiles{gap:4px}.mini .tile{box-shadow:0 2px 0 var(--tile-shadow);border-radius:7px}.mini .tile.match{box-shadow:0 2px 0 var(--green-deep)}.mini .tile.match.diff{box-shadow:inset 0 0 0 1px var(--tile), 0 2px 0 var(--green-deep)}.mini .solved .tile,.mini .target .tile{box-shadow:0 2px 0 var(--gold-deep)}.mini .entry .tile{box-shadow:none}.mini .entry .tile.picked{box-shadow:0 3px 0 var(--tile-shadow);translate:0 -2px}.mini .entry .tile.picked.match{box-shadow:inset 0 0 0 1px var(--tile), 0 3px 0 var(--green-deep)}#app:not([data-ready]) :is(.tools,.controls){visibility:hidden}#app[data-ready] :is(.tools,.controls){animation:.25s ease-out fade-in}.keyboard:empty{height:182px}#app:not([data-ready]) .board{container-type:size}#app:not([data-ready]) .ladder{--size:clamp(34px, min((100cqw - 106px) / 4, (100cqh - 46px) / 4), 64px)}.skeleton :is(.tiles,.rails),.skeleton-bar{animation:1.1s ease-in-out infinite alternate breathe}.skeleton-bar{background:var(--line);vertical-align:middle;border-radius:.45em;width:12em;max-width:100%;height:.85em;display:inline-block}@keyframes breathe{to{opacity:.45}}.controls{grid-template-columns:minmax(0,1fr);padding-bottom:8px;display:grid;position:relative}.controls:before{content:"";z-index:-1;inset:-2px -12px calc(-1 * env(safe-area-inset-bottom));background:var(--dock);box-shadow:inset 0 1px 0 var(--dock-edge), 0 -10px 26px -18px #00000059;border-radius:24px 24px 0 0;position:absolute}.message{height:2.4375rem;font-size:calc(.9375rem * var(--fit,1));text-align:center;text-wrap:balance;grid-area:1/1;place-items:center;margin:0 0 4px;font-weight:700;line-height:1.3;display:grid}.message.error{color:var(--error)}.controls .actions{grid-area:2/1}.controls .keyboard{grid-area:3/1}.controls.solved :is(.message,.actions,.keyboard){visibility:hidden}.controls.solved.roomy .keyboard{position:absolute;inset:auto 0 8px}.win{z-index:1;flex-direction:column;grid-area:1/1/4;gap:14px;min-width:0;padding-bottom:10px;display:flex}.win .action{margin:auto}.win .win-today{text-align:center;margin:auto 4px 0}.win .primary{margin:0 4px auto}.win-banner{border:2px solid var(--gold-edge);background:var(--gold);min-width:0;box-shadow:0 4px 0 var(--gold-deep), inset 0 0 0 5px var(--gold), inset 0 0 0 6.5px var(--frame);color:var(--gold-ink);text-align:center;border-radius:22px;flex-direction:column;align-items:stretch;gap:6px;margin:4px 4px 0;padding:17px 16px 14px;display:flex}.win-words{font-family:Fraunces,Georgia,Times New Roman,serif;font-size:calc(2.35rem * var(--fit,1));letter-spacing:.02em;white-space:nowrap;margin:0;font-weight:700;line-height:1.1}.win-arrow{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;width:.78em;height:.78em;margin:0 .18em .08em}.win-title{justify-content:center;align-items:center;gap:.45em;margin:0;font-size:1.2rem;font-weight:800;line-height:1.25;display:flex}.sparkle{width:.8em;height:.8em;fill:var(--gold-edge);flex:none}.win.shown-way .win-banner{border-color:var(--tile-edge);background:var(--tile);box-shadow:0 4px 0 var(--tile-shadow), inset 0 0 0 5px var(--tile), inset 0 0 0 6.5px var(--line);color:var(--ink)}.win.shown-way .win-title{color:var(--muted)}.win.shown-way .sparkle{display:none}.actions{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.action{border:2px solid var(--tile-edge);background:var(--tile);min-width:112px;min-height:48px;box-shadow:0 2px 0 var(--tile-shadow);border-radius:24px;justify-content:center;align-items:center;gap:.35em;padding:0 18px;font-weight:700;display:inline-flex}.actions .action{min-width:9em}.action-icon{stroke-width:2.8px;flex:none;width:1.1em;height:1.1em}.action .bulb{flex:none;width:1.3em;height:1.3em;margin:-.15em -.05em}.side .bulb{vertical-align:middle;width:1.5em;height:1.5em}.row-icon{vertical-align:middle;stroke-width:2.8px;width:1.35em;height:1.35em}.action:disabled{opacity:.45;cursor:default}.keyboard{flex-direction:column;gap:7px;display:flex}.keyrow{--key-w:calc((100% - 9 * var(--key-gap)) / 10);justify-content:center;gap:var(--key-gap);display:flex}.key{flex:0 0 var(--key-w);background-color:var(--key);background-image:linear-gradient(var(--sheen), transparent 55%);min-width:0;height:56px;color:var(--key-ink);box-shadow:inset 0 1px 0 var(--tile-hi), 0 2px 0 var(--key-foot), 0 4px 7px -4px var(--tile-drop);text-transform:uppercase;border:0;border-radius:9px;padding:0;font-size:1.15rem;font-weight:800}.key.wide{flex-basis:calc(var(--key-w) * 1.5 + var(--key-gap) * .5);text-transform:none;font-size:.85rem}.key-icon{width:calc(1.75em * var(--text-zoom,1));height:calc(1.75em * var(--text-zoom,1));fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;margin:auto;display:block}.key.ready{background:var(--green);color:var(--green-ink);box-shadow:0 2px 0 var(--green-deep)}.key:active{filter:brightness(.94);transform:translateY(1px)}.key.pulse{background:var(--tile);color:var(--ink);box-shadow:0 0 0 2px var(--teal);animation:1.1s ease-in-out infinite beckon-key}.key.ready.pulse{background:var(--green);color:var(--green-ink)}.action.pulse{border-color:var(--teal);animation:1.1s ease-in-out infinite beckon-key}.scrim{z-index:10;background:var(--scrim);justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.drawer{gap:var(--sheet-gap,14px);width:100%;max-width:480px;max-height:92dvh;padding:12px 22px calc(22px + env(safe-area-inset-bottom));background:var(--paper);text-align:center;border-radius:22px 22px 0 0;flex-direction:column;animation:.32s cubic-bezier(.2,.8,.2,1) slide-up;display:flex;overflow-y:auto;box-shadow:0 -8px 40px #0000002e}.scrim.closing{pointer-events:none;animation:.18s ease-in forwards shade-out}.scrim.closing>.drawer{pointer-events:auto;animation:.22s cubic-bezier(.4,0,1,1) forwards slide-down}.scrim.reopened,.scrim.reopened>.drawer{animation:none}.drawer:after{content:"";z-index:2;height:26px;margin:-12px -22px calc(-14px - var(--sheet-gap,14px));background:linear-gradient(var(--paper) 40%, transparent);opacity:0;pointer-events:none;flex:none;order:-1;align-self:stretch;transition:opacity .15s;position:sticky;top:-12px}.drawer.scrolled:after{opacity:1}.drawer:before{content:"";background:var(--line);border-radius:3px;flex:none;width:40px;height:5px;margin:0 auto 2px}.drawer h2{margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:700}.dateline{color:var(--muted);margin:0 0 -10px;font-size:.85rem;font-weight:700}.drawer .ladder{align-self:center}.drawer:focus{outline:none}.rules{text-align:left;flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.help-sheet{--sheet-gap:10px}.help-sheet>*{flex-shrink:0}.help-head{justify-content:center;align-items:center;gap:10px;display:flex}.help-head .mascot-photo{aspect-ratio:210/283}.demo{height:calc(5 * var(--size) + 4 * 5px);justify-content:flex-start}.demo .row{height:var(--size)}.demo .side{width:60px;line-height:1.2}.demo .side:first-child{text-align:right}.demo .side:last-child{text-align:left}.demo .pill{border:1.5px solid var(--gold-edge);background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:0 7px;font-weight:800;line-height:1.5}.demo .note{color:var(--amber-ink);font-weight:800}.help-sheet .rules{gap:6px;font-size:.95rem;line-height:1.35}.colour-key{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:2px 16px;margin:-2px 0 0;font-size:.82rem;font-weight:700;display:flex}.colour-key span{align-items:center;gap:6px;display:inline-flex}.key-swatch{border:2px solid;border-radius:4px;width:15px;height:15px;position:relative}.key-swatch.match{border-color:var(--green);background:var(--green)}.key-swatch.changed{border-color:var(--teal);background:var(--tile)}.key-swatch.changed:after{content:"";background:var(--teal);border-radius:1px;width:5px;height:1.5px;position:absolute;bottom:2px;left:50%;translate:-50%}.today{border:1px solid var(--line);background:var(--tile);color:var(--muted);text-wrap:balance;border-radius:14px;margin:4px 0 0;padding:6px 14px 8px;font-weight:700;line-height:1.35}.today-label{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.today:not([hidden])~.next{display:none}.help-sheet .next{text-wrap:balance;font-size:.9rem;line-height:1.35}@media (height<=760px){.help-sheet{--sheet-gap:8px}.help-sheet .demo{--size:30px}.help-sheet .rules{gap:4px;font-size:.9rem}.help-sheet .today{padding:4px 14px 6px}.help-sheet .primary{min-height:52px}}@media (height<=725px){.help-head .mascot-photo{height:46px}}@media (height<=700px){.help-sheet{--sheet-gap:6px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.help-sheet h2{font-size:1.45rem}.help-head .mascot-photo{height:40px}.help-sheet .demo{--size:26px}.help-sheet .rules{gap:2px;font-size:.85rem;line-height:1.3}.help-sheet .colour-key{font-size:.8rem}.help-sheet .today{padding:3px 12px 5px;font-size:.95rem}.help-sheet .primary{min-height:48px}}.result-sheet{--sheet-gap:12px}.result-sheet>*{flex-shrink:0}.summary{color:var(--muted);text-wrap:balance;margin:-6px 0 0;font-size:1.05rem;font-weight:700;line-height:1.35}.climbs{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding:12px 0 2px;display:flex}.par-line{margin:0;font-weight:800}.climb-pair{--mini:26px;--gutter:0px;justify-content:center;align-items:flex-start;column-gap:22px;width:100%;display:flex}.climb-pair.hinted{--gutter:calc(var(--mini) * .62)}.climb{flex-direction:column;gap:6px;margin:0;display:flex}.climb figcaption{padding-left:var(--gutter);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800}.climb+.climb figcaption{padding:0 var(--gutter) 0 0}.climb-ladder{--size:var(--mini);flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.climb-ladder li{align-items:center;display:flex}.climb+.climb .climb-ladder li{flex-direction:row-reverse}.climb-ladder .gutter{width:var(--gutter);flex:none;place-items:center;display:grid}.climb-ladder .gutter .bulb{width:92%;height:auto}.climb-ladder .tiles{gap:3px;display:flex}.climb-ladder .tile{border-radius:calc(var(--size) * .22);box-shadow:0 2px 0 var(--tile-shadow);font-size:calc(var(--size) * .54 / var(--text-zoom,1));border-width:1.5px}.climb-ladder .tile.diff{background:var(--green);border-color:var(--green);color:var(--green-ink);box-shadow:0 2px 0 var(--green-deep)}.climb-ladder .tile.diff:after{height:max(1.5px,7%);bottom:11%}.climb-ladder .tile.aside{background:var(--aside);border-color:var(--aside);color:var(--aside-ink);box-shadow:0 2px 0 var(--aside-deep)}.climb-ladder .end .tile{background:var(--gold);border-color:var(--gold-edge);color:var(--gold-ink);box-shadow:0 2px 0 var(--gold-deep)}.climb-key{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:2px 14px;margin:0;font-size:.8rem;font-weight:700;display:flex}.climb-key span{align-items:center;gap:5px;display:inline-flex}.swatch{border-radius:3px;width:11px;height:11px}.swatch.nearer{background:var(--green)}.swatch.aside{background:var(--aside)}.climb-key .bulb{width:15px;height:15px;margin:0 -2px}.bulb path:first-child{fill:var(--bulb);stroke:var(--bulb-edge);stroke-width:1.4px}.bulb path:last-child{fill:none;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round}.ribbon{filter:drop-shadow(0 2px 0 var(--gold-deep));align-self:center;margin:2px 0 -4px;animation:.45s cubic-bezier(.3,1.6,.5,1) .3s backwards ribbon-in}.ribbon span{background:var(--ribbon);color:var(--ribbon-ink);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);padding:5px 26px;font-weight:800;display:block}.stats{grid-template-columns:repeat(3,1fr);align-items:start;gap:8px;display:grid}.stat b{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1;display:block}.stat span,.stat small{color:var(--muted);font-size:.9rem;display:block}.stat small{font-size:.8rem;font-weight:700}.stat .stat-freeze{background:var(--ice-soft);color:var(--ice);border-radius:999px;margin-top:3px;padding:1px 8px;font-weight:800;display:inline-block}.first-solve{border:1px solid var(--line);background:var(--tile);text-wrap:balance;border-radius:14px;margin:0;padding:10px 14px;font-size:.95rem;line-height:1.4}.freeze-earned{border:1px solid color-mix(in srgb, var(--ice) 35%, transparent);background:var(--ice-soft);text-align:left;border-radius:14px;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:.95rem;line-height:1.4;display:flex}.snowflake{fill:none;width:26px;height:26px;stroke:var(--ice);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.sheet-buttons{justify-content:center;gap:10px;display:flex}.stats-sheet{--sheet-gap:16px}.stats-sheet>*{flex-shrink:0}.streak-card{border:2px solid var(--tile-edge);background:var(--tile);box-shadow:0 2px 0 var(--tile-shadow);text-align:left;border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.streak-row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.flame.big{width:44px;height:44px}.streak-row .unlit,.flame.big.unlit{color:var(--muted)}.streak-now,.streak-best{align-items:baseline;gap:6px;margin:0;display:flex}.streak-now{flex:1}.streak-now b,.streak-best b{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.streak-now span,.streak-best span{color:var(--muted);font-weight:700}.streak-best{border-left:1px solid var(--line);padding-left:14px}.streak-best b{font-size:1.5rem}.freezes{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:12px;display:flex}.freezes p{text-wrap:pretty;margin:0;font-size:.9rem;line-height:1.35}.freezes strong{font-size:1rem;display:block}.freezes p span{color:var(--muted)}.freeze-slots{flex:none;gap:6px;display:flex}.freeze-slot{background:var(--ice-soft);width:34px;height:34px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ice) 45%, transparent);border-radius:50%;place-items:center;display:grid}.freeze-slot .snowflake{width:22px;height:22px}.freeze-slot.empty{box-shadow:none;outline:1.5px dashed var(--switch-off);outline-offset:-1.5px;background:0 0}.freeze-slot.empty .snowflake{stroke:var(--switch-off);opacity:.6}.over-par,.milestones{flex-direction:column;gap:8px;display:flex}.bars{grid-template-columns:max-content minmax(0,1fr);gap:6px 10px;margin:0;padding:0;list-style:none;display:grid}.bars li{grid-column:1/-1;grid-template-columns:6.2em minmax(0,1fr);grid-template-columns:subgrid;align-items:center;display:grid}.bar-label{color:var(--muted);text-align:right;white-space:nowrap;font-size:.9rem;font-weight:800}.bar{display:flex}.bar-fill{min-width:2em;width:calc(var(--share,0) * 100%);background:var(--key);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;border-radius:7px;padding:3px 9px;font-weight:800}.bar-fill.today{background:var(--green);color:var(--green-ink)}.stats-empty{color:var(--muted);text-align:left;margin:0 4px;font-size:.95rem}.badges{grid-template-columns:repeat(auto-fit,minmax(3.2rem,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.badge{border:2px dashed var(--line);color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;display:flex}.badge b{font-size:1.25rem;line-height:1.1}.badge span{font-size:.75rem;font-weight:800}.badge.reached{border:2px solid var(--gold-edge);background:var(--gold);box-shadow:0 2px 0 var(--gold-deep);color:var(--gold-ink)}.stats-about{color:var(--muted);text-wrap:balance;margin:0;font-size:.85rem}.archive-sheet{--sheet-gap:12px;container-type:inline-size}.archive-sheet>*{flex-shrink:0}.archive-intro{color:var(--muted);text-wrap:balance;margin:-4px 0 0;font-size:.95rem;line-height:1.4}.month{justify-content:space-between;align-items:center;gap:8px;display:flex}.month-name{margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:700}.month-step{border:2px solid var(--line);background:var(--tile);border-radius:50%;width:40px;height:40px;padding:0;position:relative}.month-step:before{content:"";border:solid var(--ink);border-width:2.5px 2.5px 0 0;border-radius:1px;width:9px;height:9px;margin:auto;position:absolute;inset:0;translate:-2px;rotate:45deg}.month-step.back:before{translate:2px;rotate:-135deg}.month-step:disabled{visibility:hidden}.calendar{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%;margin:-4px 0}.calendar th{color:var(--muted);padding-bottom:2px;font-size:.75rem;font-weight:800}.calendar td{height:50px;padding:0}.day{border:2px solid var(--tile-edge);background:var(--tile);width:100%;height:100%;box-shadow:0 2px 0 var(--tile-shadow);color:var(--ink);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:0;line-height:1.1;display:flex;position:relative}.day-date{font-variant-numeric:tabular-nums;font-size:min(1rem,4.9cqw);font-weight:800}.day-par{color:var(--muted);white-space:nowrap;font-size:min(.72rem,3.3cqw);font-weight:800}.day.is-solved{border-color:var(--green);background:var(--green);box-shadow:0 2px 0 var(--green-deep);color:var(--green-ink)}.day.is-solved .day-par{color:inherit;opacity:.85}.day .tick{background:var(--paper);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--green);fill:none;stroke:var(--green);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:3px;position:absolute;top:-7px;right:-7px}.day.is-played{border-color:var(--amber);box-shadow:0 2px 0 var(--aside-deep)}.day.is-today{border:2px dashed var(--ink);box-shadow:none;background:0 0}.day.is-here{outline:2.5px solid var(--gold-edge);outline-offset:0}.day.is-locked{border-style:dashed;border-color:var(--line);box-shadow:none;color:var(--muted);background:0 0}.day .lock{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;margin-top:1px}.day.is-none{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.day.is-none .day-date{font-weight:600}.archive-key{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;font-size:.8rem;font-weight:700;display:flex}.archive-key span{align-items:center;gap:6px;display:inline-flex}.key-tile{border:2px solid var(--tile-edge);background:var(--tile);border-radius:4px;width:13px;height:13px}.key-tile.is-solved{border-color:var(--green);background:var(--green)}.key-tile.is-played{border-color:var(--amber)}.archive-summary{margin:0;font-weight:800}.archive-locked{color:var(--muted);text-wrap:balance;margin:0;font-size:.9rem;line-height:1.4}.notice-sheet{--sheet-gap:12px;padding-bottom:calc(26px + env(safe-area-inset-bottom))}.notice-icon{background:var(--tile);width:72px;height:72px;box-shadow:inset 0 0 0 2px var(--tile-edge);color:var(--muted);border-radius:50%;align-self:center;place-items:center;margin-top:4px;display:grid}.notice-icon.kept{background:var(--ice-soft);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ice) 40%, transparent)}.notice-icon .snowflake,.notice-icon .flame{width:40px;height:40px}.notice-body{text-wrap:balance;margin:0;font-size:1.1rem;line-height:1.4}.notice-note{color:var(--muted);text-wrap:balance;margin:0 0 6px;font-size:.95rem}.primary{background:var(--green);min-height:56px;color:var(--green-ink);box-shadow:0 3px 0 var(--green-deep);border:0;border-radius:28px;font-size:1.15rem;font-weight:800}.primary:active{transform:translateY(1px)}.quiet{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:4px;background:0 0;border:0;border-radius:22px;align-self:center;margin-top:-4px;padding:0 16px;font-size:1.0625rem;font-weight:800;text-decoration-thickness:1.5px}.quiet:active{background:color-mix(in srgb, var(--ink) 6%, transparent)}.next{color:var(--muted);margin:0}.drawer .action{align-self:center}.next-puzzle{font-variant-numeric:tabular-nums;min-width:232px;transition:background-color .3s,color .3s}.bonus-note{color:var(--muted);text-wrap:balance;margin:-6px 0 0;font-size:.85em;line-height:1.35}.next-puzzle[aria-disabled=true]{color:var(--muted);cursor:default}.next-puzzle.ready{background:var(--green);border-color:var(--green);color:var(--green-ink);box-shadow:0 2px 0 var(--green-deep)}.menu-sheet{--sheet-gap:16px}.menu-sheet>*{flex-shrink:0}.menu-list,.settings{border:2px solid var(--tile-edge);background:var(--tile);box-shadow:0 2px 0 var(--tile-shadow);text-align:left;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.menu-item{width:100%;min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.menu-item+.menu-item,.setting+.setting{border-top:1px solid var(--hairline)}.menu-item:focus-visible{outline-offset:-4px;border-radius:14px}.menu-item:active{background:color-mix(in srgb, var(--ink) 6%, transparent)}.menu-item.opens:after{content:"";border:solid var(--muted);border-width:2.5px 2.5px 0 0;border-radius:1px;flex:none;width:8px;height:8px;margin-right:4px;rotate:45deg}.menu-item.armed{color:var(--error)}.menu-group{flex-direction:column;gap:8px;display:flex}.group-title{color:var(--muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;margin:0 4px;font-size:.75rem;font-weight:800}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;min-height:56px;padding:10px 14px 10px 16px;display:flex}.setting-name{font-size:1.05rem;font-weight:700}.switch-row .setting-name{flex:1 1 0;min-width:0}.setting-note{color:var(--muted);text-wrap:pretty;flex-basis:100%;margin:-4px 0 2px;font-size:.85rem;line-height:1.35}.setting-note a{color:inherit;text-underline-offset:2px;margin:-8px -4px;padding:8px 4px;font-weight:800;display:inline-block}.segmented{background:var(--segment-track);border-radius:12px;flex-wrap:wrap;flex:auto;padding:3px;display:flex}.segmented label{flex:1 0 0;display:flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{width:100%;min-width:64px;color:var(--muted);text-align:center;pointer-events:none;border-radius:9px;padding:9px 10px;font-size:.92rem;font-weight:800}.segmented input:checked+span{background:var(--segment-on);box-shadow:0 0 0 1.5px var(--tile-edge), 0 2px 0 var(--tile-shadow);color:var(--ink)}.segmented input:focus-visible+span{outline:3px solid var(--green);outline-offset:1px}.switch{appearance:none;background:var(--switch-off);cursor:pointer;border-radius:16px;flex:none;width:52px;height:32px;margin:0;transition:background-color .2s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:translate .2s cubic-bezier(.3,.7,.4,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--green)}.switch:checked:before{translate:20px}.switch:focus-visible{outline:3px solid var(--green);outline-offset:2px}.game-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.game-link{border:2px solid var(--tile-edge);background:var(--tile);min-height:48px;box-shadow:0 2px 0 var(--tile-shadow);color:var(--ink);text-align:center;border-radius:14px;place-items:center;padding:8px 10px;font-size:.95rem;font-weight:800;line-height:1.2;text-decoration:none;display:grid}.game-link:active{translate:0 1px}.home-link{color:var(--muted);text-underline-offset:3px;align-self:center;padding:6px 10px;font-size:.9rem;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px}.about{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.credit-row{justify-content:center;margin:4px 0 0;display:flex}.credit{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:inline-flex}.mark{background:var(--brand-pond);border-radius:24%;place-items:center;display:inline-grid}.mark svg{width:auto;height:80%}.mascot-photo{width:auto;margin:0 auto;display:block}.share-row{gap:10px;display:flex}.share-row .primary{flex:1;min-width:0}.picture{border:2px solid var(--tile-edge);background:var(--tile);width:56px;min-height:56px;box-shadow:0 3px 0 var(--tile-shadow);color:var(--ink);border-radius:28px;flex:none;place-items:center;padding:0;display:grid}.picture svg{width:26px;height:26px}.picture:active{transform:translateY(1px)}.picture[aria-busy=true]{opacity:.6}.demo-box{justify-content:center;display:flex;position:relative}.replay{border:2px solid var(--tile-edge);background:var(--tile);width:44px;height:44px;box-shadow:0 2px 0 var(--tile-shadow);color:var(--teal);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.replay svg{stroke-width:2.6px;width:22px;height:22px}.pointer{z-index:4;pointer-events:none;width:34px;height:42px;translate:var(--px,0) var(--py,0);filter:drop-shadow(0 3px 3px #00000040);transition:translate .35s cubic-bezier(.3,.8,.3,1);position:fixed;top:0;left:0}.pointer svg{width:100%;height:100%;animation:1.1s ease-in-out infinite point;display:block}.pointer .hand{fill:#fffaf0;stroke:#1e1a15;stroke-width:1.6px;stroke-linejoin:round}@keyframes point{50%{transform:translateY(-7px)}}.drawer{background-color:var(--page);box-shadow:0 -8px 40px #00000038, inset 0 1px 0 var(--dock-edge)}.drawer h2{letter-spacing:-.005em}.result-sheet{position:relative}.result-ducks{pointer-events:none;height:46px;position:absolute;top:14px;left:18px;right:18px}.result-ducks .duck.tiny{height:100%;bottom:0;left:0}.result-ducks .duck.rusty{height:92%;bottom:0;right:0}.board .gap{position:relative}.bank{pointer-events:none;position:absolute;inset:0}.duck{aspect-ratio:120/110;--dk-fx-ink:var(--muted);display:block;position:absolute}.duck .pose{width:100%;height:100%;display:block}.duck .pose svg{width:100%;height:100%;display:block;overflow:visible}.bank .duck.tiny:before{content:"";background:radial-gradient(closest-side, var(--grass-deep), var(--grass) 55%, transparent);border-radius:50%;height:10px;position:absolute;bottom:-3px;left:4%;right:4%}.bank .duck.tiny{bottom:4px;right:calc(50% + var(--size) * .46 + 16px);height:clamp(28px,100% - 10px,92px)}.bank .duck.rusty{bottom:2px;left:calc(50% + var(--size) * .46 + 16px);height:clamp(26px,100% - 8px,84px)}.bank .duck.roady{bottom:6px;right:calc(50% + var(--size) * .46 + 72px);opacity:.45;filter:saturate(.8);height:clamp(26px,100% - 14px,62px)}.bank .duck.duckling{bottom:2px;left:calc(50% + var(--size) * .46 + 84px);height:clamp(18px,45% - 4.5px,40px)}:root[data-scheme=dark] .bank .duck.roady{opacity:.45}.duck.rusty:after{content:"";border:2px solid var(--wood-light);opacity:0;border-radius:50%;height:10px;position:absolute;bottom:2px;left:12%;right:12%}.duck.rusty.step:after{animation:.9s ease-out ring}.win{position:relative}.win-ducks{--duck-h:72px;height:var(--duck-h);pointer-events:none;position:absolute;bottom:6px;left:4px;right:4px}.win-ducks .duck.tiny{height:100%;bottom:0;left:2px}.win-ducks .duck.rusty{height:92%;bottom:0;right:2px}.win-ducks .duck:before{content:"";background:radial-gradient(closest-side,#00000029,#0000);border-radius:50%;height:9px;position:absolute;bottom:-5px;left:0;right:0}.ducklings{gap:2px;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.chick{width:36px;height:33px;animation:chick-in .5s cubic-bezier(.3, 1.5, .5, 1) calc(.9s + var(--n,0) * .14s) backwards;display:block}.chick svg{transform-origin:50% 100%;width:100%;height:100%;animation:chick-waddle .6s ease-in-out calc(var(--n,0) * -.2s) infinite alternate;display:block;overflow:visible}.chick-body{fill:#f8d55a}.chick-tail{fill:#eec24a}.chick-wing{fill:#eab93f}.chick-bill{fill:#f28b2b}.chick-eye{fill:#1e1a15}.chick-glint{fill:#fff}.chick-blush{fill:#f59a8c;opacity:.6}.chick-fluff,.chick-feet{fill:none;stroke:#e0a93a;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.chick-feet{stroke:#f28b2b}.chick-shadow{fill:#00000024}.feathers{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.feather{left:var(--x0);top:var(--y0);opacity:0;width:12px;height:28px;animation:feather 2.2s cubic-bezier(.2, .7, .4, 1) var(--delay,0s) forwards;margin:-14px 0 0 -6px;position:absolute}.feather path{fill:#fffaf0;stroke:#d8cdb6;stroke-width:1px}.feather.f1 path{fill:#f6efe2}.feather.f2 path:first-child{fill:#e7c79a}.feather .quill{fill:none;stroke:#c9b89a}@keyframes duck-breathe{50%{transform:scale(1.012,1.03)}}@keyframes duck-float{50%{transform:translateY(1.5px)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes duck-hop{20%{transform:scale(1.08,.88)}50%{transform:translateY(-22%)scale(.95,1.06)}78%{transform:scale(1.06,.93)}}@keyframes duck-bob{30%{transform:translateY(14%)rotate(-3deg)}65%{transform:translateY(-8%)rotate(2deg)}}@keyframes ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@keyframes head-tilt{20%,70%{transform:rotate(-16deg)}}@keyframes head-dip{40%,60%{transform:rotate(20deg)}}@keyframes flinch{40%{transform:translate(6%)}}@keyframes wonder{15%,75%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes step-back{40%{transform:translate(-10%)}}@keyframes z-rise{0%{opacity:0;transform:translateY(30%)scale(.7)}40%{opacity:1}to{opacity:0;transform:translate(25%,-50%)scale(1.1)}}@keyframes duck-wiggle{25%{transform:rotate(-6deg)translateY(-6%)}75%{transform:rotate(6deg)}}@keyframes chick-in{0%{opacity:0;transform:translateY(40%)scale(.5)}}@keyframes chick-waddle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)translateY(-6%)}}@keyframes feather{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}12%{opacity:1}35%{transform:translate(var(--dx), var(--dy)) rotate(calc(var(--turn) * .4)) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 1.2), calc(var(--dy) + var(--fall))) rotate(var(--turn)) scale(.9)}}.pop{animation:.2s ease-out pop}.rise{animation:.3s cubic-bezier(.3,1.45,.5,1) rise}.solved.rise{animation:.25s ease-out rise,1.2s ease-out .25s glow}.flip{animation:.35s ease-out flip}.row.leaving{animation:.26s ease-in-out forwards leave}.row.reveal{animation:rise .3s ease-out var(--d,0s) backwards}.lift{animation:.16s cubic-bezier(.3,1.5,.5,1) lift}.ladder.won{--arrive:.35s}.ladder.won>.row{animation:arrive var(--arrive) cubic-bezier(.3, .75, .3, 1.04)}.ladder.won>.row.solved{animation:arrive var(--arrive) cubic-bezier(.3, .75, .3, 1.04), glow 1.2s ease-out var(--arrive)}.ladder.won .tile{animation:light .6s ease-out calc(var(--arrive) + var(--i) * var(--light-step))}.ladder.won>.row.solved .tile{animation:light .6s ease-out calc(var(--arrive) + var(--i) * var(--light-step)), hop .46s linear calc(var(--hop-at) + var(--k,0) * 85ms)}.ladder.won>.row.solved .tile.diff{animation:flip .35s ease-out, light .6s ease-out calc(var(--arrive) + var(--i) * var(--light-step)), hop .46s linear calc(var(--hop-at) + var(--k,0) * 85ms)}.tile:nth-child(2){--k:1}.tile:nth-child(3){--k:2}.tile:nth-child(4){--k:3}.tile:nth-child(5){--k:4}.controls.winning.solved :is(.actions,.keyboard){animation:.15s ease-in give-way}.controls.winning.solved .actions{animation-duration:.1s}.win.enter .win-banner{animation:.5s cubic-bezier(.3,1.35,.5,1) banner-in}.win.enter .win-words{animation:.25s ease-out .1s backwards fade-in}.win.enter .win-title{animation:.4s ease-out .3s backwards fade-in}.win.enter :is(.action,.primary,.win-today){animation:.3s ease-out .15s backwards fade-in}.win.enter .sparkle{animation:.55s cubic-bezier(.3,1.6,.5,1) .75s backwards twinkle}.win.enter .sparkle:last-child{animation-delay:.9s}.shake{animation:.3s shake}@keyframes pop{0%{transform:scale(.9)}40%{transform:scale(1.12,.92)}70%{transform:scale(.97,1.04)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes lift{0%{box-shadow:0 0 0 var(--tile-shadow);translate:0}}@keyframes beckon{50%{box-shadow:0 0 0 7px var(--beckon)}}@keyframes beckon-key{50%{box-shadow:0 0 0 2px var(--teal), 0 0 0 6px var(--beckon)}}@keyframes tap{0%{opacity:0;scale:1.3}22%,60%{opacity:.32;scale:.85}to{opacity:0;scale:1.15}}@keyframes flip{0%{transform:perspective(240px)rotateX(90deg)}to{transform:perspective(240px)rotateX(0)}}@keyframes glow{0%{filter:brightness(1.12) drop-shadow(0 0 10px var(--light))}}@keyframes arrive{0%{transform:translateY(var(--from,0px))}}@keyframes light{25%{filter:brightness(1.1) drop-shadow(0 0 7px var(--light))}}@keyframes hop{0%{animation-timing-function:ease-out;transform:none}18%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(5%)scale(1.05,.9)}44%{animation-timing-function:cubic-bezier(.6,0,.8,.4);transform:translateY(-4px)}64%{animation-timing-function:ease-out;transform:translateY(4%)scale(1.05,.92)}82%{animation-timing-function:ease-in;transform:translateY(-1px)}to{transform:none}}@keyframes banner-in{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes give-way{0%{visibility:visible}to{visibility:visible;opacity:0;transform:translateY(18px)}}@keyframes twinkle{0%{opacity:0;transform:scale(0)rotate(-90deg)}}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes ribbon-in{0%{opacity:0;transform:scale(.6)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes slide-down{to{transform:translateY(100%)}}@keyframes shade-out{to{background-color:#0000}}@keyframes leave{0%{height:var(--h)}62%{opacity:0;height:var(--h);margin-bottom:0;transform:translateY(6px)}to{opacity:0;height:0;margin-bottom:-8px;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}.ribbon{animation:none}.pop,.rise,.row.reveal,.row.leaving,.scrim.closing,.flip,.lift,.tile.tap:before,.shake,.drawer,.ladder.won>.row,.ladder.won .tile,.streak.bump,.streak.bump .flame,.controls :is(.actions,.keyboard),.win,.win *{animation:none!important}.skeleton :is(.tiles,.rails),.skeleton-bar,.entry .tile.lit,.key.pulse,.action.pulse{animation:none}#scene *,.duck,.duck *,.duck:after,.chick,.chick *,.pointer,.pointer *{transition:none!important;animation:none!important}.scene-weather,.feathers{display:none}}
