.bCYv4W_wrap{--pad:8px;--pitch:max(24px, min(46px, round(down, (100vw - 24px - 2 * var(--pad) - 4px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 222px) / var(--n), 1px)));--side:calc(var(--n) * var(--pitch) + 2 * var(--pad) + 4px);--sticker-ink:#1b1612;grid-template-columns:minmax(0, var(--side));grid-template-areas:"bar""now""board""words""after";justify-content:center;gap:8px;width:100%;padding:6px 0 16px;display:grid}.bCYv4W_wrap:not([data-ready]){visibility:hidden}@media (min-width:900px){.bCYv4W_wrap{--pitch:max(30px, min(46px, round(down, (var(--fit-h,100svh) - 128px) / var(--n), 1px)));grid-template-columns:var(--side) 216px;grid-template-areas:"bar bar""now.""board words""after.";column-gap:28px;padding-top:10px}}.bCYv4W_bar{grid-area:bar;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;display:grid}.bCYv4W_clock{border:1.5px solid var(--hair);background:var(--card);height:44px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;display:inline-flex}.bCYv4W_clock:disabled{cursor:default}.bCYv4W_clock:not(:disabled):hover{border-color:var(--line)}.bCYv4W_clockIcon{color:var(--ink-2);display:inline-flex}.bCYv4W_clockIcon svg{width:16px;height:16px}.bCYv4W_time{min-width:3.3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:800}.bCYv4W_theme{overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.01em;text-align:center;text-wrap:balance;margin:0;font-size:17px;font-weight:800;line-height:1.1}.bCYv4W_progress{background:var(--paper-2);height:44px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 11px;font-size:14px;font-weight:700;display:inline-flex}.bCYv4W_glyph{flex:none;width:22px;height:22px}.bCYv4W_glyphLarge{width:56px;height:56px}.bCYv4W_count b{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:17px;font-weight:800}@media (min-width:900px){.bCYv4W_theme{font-size:20px}}.bCYv4W_now{text-align:center;grid-area:now;justify-content:center;align-items:center;min-height:30px;display:flex}.bCYv4W_reading,.bCYv4W_missed{font-family:var(--font-display);letter-spacing:.08em;font-size:22px;font-weight:800;line-height:1}.bCYv4W_missed{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:2px;animation:.42s bCYv4W_shake,.52s forwards bCYv4W_fade}.bCYv4W_tip{color:var(--ink-3);font-size:13px}.bCYv4W_flash{border:var(--border);background:var(--c);color:var(--sticker-ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);letter-spacing:.07em;border-radius:999px;padding:4px 14px 5px;font-size:17px;font-weight:800;line-height:1.05;animation:1.3s both bCYv4W_flash;display:inline-grid}@keyframes bCYv4W_flash{0%{opacity:0;transform:translateY(6px)scale(.92)}14%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.bCYv4W_board{padding:var(--pad);border:var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);grid-area:board;justify-self:center;position:relative}.bCYv4W_lines{left:var(--pad);top:var(--pad);width:calc(var(--pitch) * var(--n));height:calc(var(--pitch) * var(--n));pointer-events:none;position:absolute;overflow:visible}.bCYv4W_lines path{fill:none;stroke-linecap:round}.bCYv4W_edge{stroke:var(--line);stroke-width:.8px}.bCYv4W_fill{stroke:var(--c);stroke-width:.72px}.bCYv4W_drawing .bCYv4W_fill,.bCYv4W_miss .bCYv4W_fill{stroke:var(--game,var(--teal))}.bCYv4W_miss{animation:.52s forwards bCYv4W_fade}.bCYv4W_found[data-fresh] path{stroke-dasharray:1;animation:bCYv4W_draw .4s var(--ease-out) backwards}@keyframes bCYv4W_draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes bCYv4W_fade{55%{opacity:1}to{opacity:0}}.bCYv4W_grid{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:relative}.bCYv4W_grid:focus{outline:none}.bCYv4W_wrap[data-done] .bCYv4W_grid{cursor:default}.bCYv4W_row{grid-template-columns:repeat(var(--n), var(--pitch));display:grid}.bCYv4W_cell{height:var(--pitch);color:var(--ink);font-family:var(--font-display);font-size:calc(var(--pitch) * .52);-webkit-tap-highlight-color:transparent;place-items:center;font-weight:700;line-height:1;display:grid;position:relative}.bCYv4W_cell[data-on]{color:var(--sticker-ink);font-weight:800}@media (hover:hover){.bCYv4W_wrap:not([data-done]) .bCYv4W_cell:not([data-on]):hover:before{content:"";z-index:-1;background:var(--paper-2);border-radius:50%;position:absolute;inset:10%}}.bCYv4W_cell[data-fresh]{animation:bCYv4W_pop .4s var(--ease-pop) backwards;animation-delay:calc(var(--i,0) * 45ms)}.bCYv4W_board[data-cheer] .bCYv4W_found{transform-box:fill-box;transform-origin:50%;animation:bCYv4W_settle .5s var(--ease-pop) calc(var(--k,0) * 70ms) backwards}@keyframes bCYv4W_settle{40%{transform:scale(1.08)}}@keyframes bCYv4W_pop{50%{transform:scale(1.22)}}@keyframes bCYv4W_shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.bCYv4W_cursor{z-index:3;left:calc(var(--pad) + var(--c) * var(--pitch));top:calc(var(--pad) + var(--r) * var(--pitch));width:var(--pitch);height:var(--pitch);box-shadow:inset 0 0 0 3px var(--focus), inset 0 0 0 5px #ffffffd9;pointer-events:none;border-radius:50%;transition:left 80ms,top 80ms;position:absolute}.bCYv4W_cover{z-index:8;border-radius:inherit;background:var(--paper-2);text-align:center;place-content:center;justify-items:center;gap:10px;padding:20px;display:grid;position:absolute;inset:0}.bCYv4W_coverTheme{font-family:var(--font-display);font-size:26px;line-height:1.1}.bCYv4W_coverLine{max-width:30ch;color:var(--ink-2);text-wrap:balance;margin-bottom:6px;font-size:15px;line-height:1.4}.bCYv4W_words{flex-wrap:wrap;grid-area:words;place-content:start center;gap:5px;margin:4px 0 0;padding:0;list-style:none;display:flex}.bCYv4W_word{background:var(--paper-2);height:28px;color:var(--ink);font-family:var(--font-display);letter-spacing:.04em;border:1.5px solid #0000;border-radius:999px;align-items:center;padding:0 10px;font-size:13.5px;font-weight:800;display:inline-flex}.bCYv4W_word[data-found]{border-color:var(--line);background:var(--c);color:var(--sticker-ink);text-decoration:line-through;text-decoration-thickness:2px}.bCYv4W_word[data-fresh]{animation:bCYv4W_fill .4s var(--ease-pop) .12s backwards}@keyframes bCYv4W_fill{0%{background:var(--paper-2);border-color:#0000;transform:scale(.92)}}@media (min-width:900px){.bCYv4W_words{flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:7px;padding-top:6px}.bCYv4W_word{height:32px;padding:0 13px;font-size:15px}}[data-style=flat] .bCYv4W_edge{stroke:#0000}[data-style=flat] .bCYv4W_word[data-found]{border-color:#0000}.bCYv4W_after{grid-area:after;justify-content:center;margin-top:4px;display:flex}.bCYv4W_example{--pitch:34px;--pad:6px;--sticker-ink:#1b1612;flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.bCYv4W_exampleBoard{padding:var(--pad);border:var(--border);border-radius:var(--radius-sm);background:var(--card);box-shadow:var(--shadow-sm);flex:none;position:relative}.bCYv4W_exampleBoard .bCYv4W_grid{touch-action:auto;cursor:default}.bCYv4W_exampleRing path{stroke-dasharray:1;animation:bCYv4W_draw .55s var(--ease-out) calc(.25s + var(--beat) * .5s) backwards}.bCYv4W_exampleText{color:var(--ink-2);flex:210px;gap:8px;font-size:14.5px;display:grid}@media (hover:none),(pointer:coarse){.bCYv4W_keysOnly{display:none}}@media (max-height:700px){.bCYv4W_wrap{--pad:6px;--pitch:max(24px, min(46px, round(down, (100vw - 24px - 2 * var(--pad) - 4px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 188px) / var(--n), 1px)));gap:6px;padding:4px 0 8px}.bCYv4W_bar{min-height:38px}.bCYv4W_clock,.bCYv4W_progress{height:38px}.bCYv4W_theme{font-size:15.5px}.bCYv4W_now{min-height:24px}.bCYv4W_reading,.bCYv4W_missed{font-size:19px}.bCYv4W_flash{padding:2px 12px 3px;font-size:15px}.bCYv4W_word{height:25px;padding:0 9px;font-size:12.5px}}@media (max-height:700px) and (min-width:900px){.bCYv4W_wrap{--pitch:max(28px, min(46px, round(down, (var(--fit-h,100svh) - 108px) / var(--n), 1px)))}}@media (prefers-reduced-motion:reduce){.bCYv4W_flash,.bCYv4W_missed,.bCYv4W_miss{animation-name:none}}
