.zU7dqG_wrap,.zU7dqG_examples{--mine:color-mix(in srgb, var(--cobalt) 82%, #1b1612);--mine-on-sun:#2747c8;--column:color-mix(in srgb, var(--aqua) 30%, var(--card));--given:color-mix(in srgb, var(--ink) 7%, var(--card));--given-column:color-mix(in srgb, var(--aqua) 46%, var(--card));--corner:color-mix(in srgb, var(--aqua) 40%, #0f5f61)}:root[data-theme=dark] .zU7dqG_wrap,:root[data-theme=dark] .zU7dqG_examples{--mine:#8fa8ff;--column:color-mix(in srgb, var(--aqua) 20%, var(--card));--given:color-mix(in srgb, var(--ink) 9%, var(--card));--given-column:color-mix(in srgb, var(--aqua) 32%, var(--card));--corner:var(--aqua)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .zU7dqG_wrap,:root:not([data-theme=light]) .zU7dqG_examples{--mine:#8fa8ff;--column:color-mix(in srgb, var(--aqua) 20%, var(--card));--given:color-mix(in srgb, var(--ink) 9%, var(--card));--given-column:color-mix(in srgb, var(--aqua) 32%, var(--card));--corner:var(--aqua)}}.zU7dqG_wrap{--cell-w:calc((100vw - 24px - (var(--w) + 3) * 1px) / var(--w));--cap:44px;--floor:20px;--pile:.56;--cell:min(var(--cap), var(--cell-w));flex-direction:column;gap:12px;padding:6px 0 24px;display:flex}.zU7dqG_wrap:not([data-ready]){visibility:hidden}@media (min-width:900px){.zU7dqG_wrap{--cell-w:calc(min(620px, 52vw) / var(--w));width:fit-content;max-width:100%;margin-inline:auto}}@media (min-width:900px) and (pointer:fine){.zU7dqG_wrap{--cell:min(var(--cap), var(--cell-w), max(26px, calc((100svh - var(--chrome,260px) - (var(--h) + 3) * 1px) / (var(--h) + var(--sky) * var(--pile)))))}}@media (pointer:coarse){.zU7dqG_wrap{--cell:max(min(var(--floor), var(--cell-w)), min(var(--cap), var(--cell-w), calc((100svh - var(--chrome,420px) - (var(--h) + 3) * 1px) / (var(--h) + var(--sky) * var(--pile)))))}.zU7dqG_wrap[data-docked]{padding-bottom:0}}.zU7dqG_toolbar{flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:40px;display:flex}.zU7dqG_count{color:var(--ink-2);font-size:15px}.zU7dqG_count b{font-variant-numeric:tabular-nums;color:var(--ink)}.zU7dqG_tools{gap:6px;margin-left:auto;display:inline-flex}.zU7dqG_tool{border:1.5px solid var(--hair);background:var(--card);height:38px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.zU7dqG_tool svg{width:18px;height:18px}.zU7dqG_tool:disabled{opacity:.45;cursor:default}@media (hover:hover){.zU7dqG_tool:not(:disabled):hover{background:var(--paper-2)}}.zU7dqG_badge{background:var(--aqua);color:#1b1612;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}@media (pointer:coarse) and (max-width:899px){.zU7dqG_tool{width:44px;height:40px;padding:0}.zU7dqG_toolLabel{display:none}.zU7dqG_badge{min-width:18px;height:18px;padding:0 4px;font-size:11px;position:absolute;top:-6px;right:-6px}}.zU7dqG_board{justify-items:center;gap:0;display:grid}.zU7dqG_sky{grid-template-columns:repeat(var(--w), var(--cell));height:calc(var(--sky) * var(--cell) * var(--pile) + 10px);transition:height .4s var(--ease-out);align-items:end;column-gap:1px;padding:0 2px;display:grid;overflow:hidden}.zU7dqG_sky[data-done]{height:0}.zU7dqG_pile{border-radius:8px 8px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;min-height:8px;padding:3px 0 4px;transition:background-color .12s;display:flex}.zU7dqG_pile[data-chosen]{background:var(--column)}.zU7dqG_pileLetter{font-family:var(--font-display);font-size:max(11px, calc(var(--cell) * .44));font-weight:800;line-height:calc(var(--cell) * var(--pile));color:var(--ink-2)}.zU7dqG_pile[data-chosen] .zU7dqG_pileLetter{color:var(--ink)}.zU7dqG_grid{grid-template-columns:repeat(var(--w), calc(var(--cell) + 1px));grid-auto-rows:calc(var(--cell) + 1px);border:2px solid var(--line);background:var(--line);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-width:2px 1px 1px 2px;display:grid}.zU7dqG_row{display:contents}.zU7dqG_block{background:var(--ink)}.zU7dqG_block,.zU7dqG_mark,.zU7dqG_cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.zU7dqG_mark{background:var(--card);font-family:var(--font-display);font-size:calc(var(--cell) * .62);color:var(--ink-2);place-items:center;font-weight:800;line-height:1;display:grid}.zU7dqG_cell{background:var(--card);cursor:pointer;-webkit-tap-highlight-color:transparent;place-items:center;transition:background-color .12s;display:grid;position:relative}@media (pointer:coarse){.zU7dqG_cell{scroll-margin-bottom:var(--keys-h,0px)}}@media (hover:hover){.zU7dqG_grid:not([data-done]) .zU7dqG_cell:not([data-chosen]):not([data-col]):hover{background:var(--paper-2)}}.zU7dqG_letter{font-family:var(--font-display);font-size:calc(var(--cell) * .6);color:var(--mine);font-weight:700;line-height:1;transform:translateY(6%)}.zU7dqG_cell[data-kind=given]{background:var(--given)}.zU7dqG_cell[data-kind=given] .zU7dqG_letter,.zU7dqG_cell[data-kind=hint] .zU7dqG_letter{color:var(--ink);font-weight:800}.zU7dqG_cell[data-kind=hint]:after{content:"";border-style:solid;border-width:0 calc(var(--cell) * .28) calc(var(--cell) * .28) 0;border-color:transparent var(--corner) transparent transparent;position:absolute;top:0;right:0}.zU7dqG_cell[data-col]{background:var(--column)}.zU7dqG_cell[data-col][data-kind=given]{background:var(--given-column)}.zU7dqG_cell[data-chosen]{background:var(--sun)}.zU7dqG_cell[data-chosen] .zU7dqG_letter{color:var(--mine-on-sun)}.zU7dqG_cell[data-pulse=drop] .zU7dqG_letter{animation:zU7dqG_fall .26s var(--ease-out) both}.zU7dqG_cell[data-pulse=hint] .zU7dqG_letter{animation:zU7dqG_flip .42s var(--ease-out) both}@keyframes zU7dqG_fall{0%{opacity:0;transform:translateY(-70%)}}@keyframes zU7dqG_flip{0%{transform:translateY(6%)rotateY(90deg)}}.zU7dqG_grid[data-done] .zU7dqG_letter{color:var(--ink)}.zU7dqG_grid[data-done] .zU7dqG_cell{cursor:default}.zU7dqG_grid[data-opening] .zU7dqG_cell,.zU7dqG_grid[data-opening] .zU7dqG_mark{animation:zU7dqG_wave .6s var(--ease-out) calc(var(--i) * 40ms) both}@keyframes zU7dqG_wave{35%{background:color-mix(in srgb, var(--aqua) 70%, var(--card))}}@media (prefers-reduced-motion:reduce){.zU7dqG_cell .zU7dqG_letter,.zU7dqG_grid[data-opening] .zU7dqG_cell,.zU7dqG_grid[data-opening] .zU7dqG_mark{animation:none}.zU7dqG_sky{transition:none}}.zU7dqG_credit{max-width:calc(var(--w) * var(--cell));text-align:center;color:var(--ink-2);margin:12px 0 0;font-size:15px;line-height:1.4}.zU7dqG_credit b{color:var(--ink)}.zU7dqG_tray{width:100%;max-width:calc(var(--w) * (var(--cell) + 1px) + 3px);background:var(--column);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:10px;display:flex}.zU7dqG_trayKey{background:var(--key);min-width:42px;height:48px;color:var(--ink);font-family:var(--font-display);cursor:pointer;box-shadow:inset 0 -3px 0 var(--key-edge);-webkit-tap-highlight-color:transparent;border:0;border-radius:9px;padding:0 6px;font-size:20px;font-weight:800;transition:transform 60ms}.zU7dqG_trayKey:active{box-shadow:inset 0 -1px 0 var(--key-edge);transform:translateY(2px)}.zU7dqG_trayKey:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.zU7dqG_trayBack{place-items:center;min-width:56px;display:inline-grid}.zU7dqG_trayBack svg{width:24px;height:24px}.zU7dqG_trayEmpty{color:var(--ink-2);padding:0 6px;font-size:14px}.zU7dqG_keys{z-index:10;background:var(--paper);padding:0 0 12px;position:sticky;bottom:0}.zU7dqG_keys .zU7dqG_tray{max-width:none;margin-top:8px}@media (pointer:coarse) and (max-width:380px){.zU7dqG_trayKey{min-width:36px;height:44px;font-size:18px}}.zU7dqG_after{justify-content:center;display:flex}.zU7dqG_sheetQuote{background:var(--paper-2);border-radius:14px;margin:0;padding:14px 16px 13px}.zU7dqG_sheetQuote blockquote{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700;line-height:1.3}.zU7dqG_sheetQuote figcaption{color:var(--ink-3);margin-top:8px;font-size:13.5px}.zU7dqG_sheetQuote figcaption b{color:var(--ink-2)}.zU7dqG_workYear{display:inline-block}.zU7dqG_sheetNote{margin-top:3px;font-style:italic;display:block}.zU7dqG_picture{flex-wrap:wrap;gap:1px;display:flex}.zU7dqG_pictureMark{width:18px;height:22px;color:var(--ink);place-items:center;display:grid}.zU7dqG_pictureMark svg{width:16px;height:16px}.zU7dqG_examples{gap:16px;display:grid}.zU7dqG_example{gap:8px;display:grid}.zU7dqG_exampleBoard{--cell:38px;--w:3;justify-items:start;width:max-content;display:grid}.zU7dqG_exampleSky{grid-template-columns:repeat(3, var(--cell));height:calc(2 * var(--cell) * .56 + 10px);align-items:end;column-gap:1px;padding:0 2px;display:grid}.zU7dqG_exampleGrid{grid-template-columns:repeat(3, var(--cell));grid-auto-rows:var(--cell);border:2px solid var(--line);background:var(--line);gap:1px;display:grid}.zU7dqG_exampleGrid .zU7dqG_cell{cursor:default}.zU7dqG_exampleText{color:var(--ink-2);font-size:14.5px}
