.q49o4W_wrap{--sq-gap:4px;--pad:3px;--gap:5px;--chrome:168px;--tile:clamp(34px, min(calc((100vw - 144px - (var(--len) - 1) * var(--sq-gap)) / var(--len)), calc((var(--fit-h,100svh) - var(--chrome)) / 7 - 15px)), 56px);--row:calc(var(--tile) + 2 * var(--pad) + 4px);--pitch:calc(var(--row) + var(--gap));--rung-w:calc(var(--len) * var(--tile) + (var(--len) - 1) * var(--sq-gap) + 2 * var(--pad) + 4px);--sticker-ink:#1b1612;--wrong:#d0312d;justify-items:center;gap:10px;padding:6px 0 20px;display:grid}.q49o4W_wrap[data-docked]{--chrome:324px;padding-bottom:0}:root[data-theme=dark] .q49o4W_wrap{--wrong:#ff7a6b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .q49o4W_wrap{--wrong:#ff7a6b}}.q49o4W_bar{justify-content:space-between;align-items:center;gap:10px;width:min(100%,460px);height:44px;display:flex}.q49o4W_clock{border:1.5px solid var(--hair);background:var(--card);height:44px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex}.q49o4W_clock:disabled{cursor:default}.q49o4W_clock:not(:disabled):hover{border-color:var(--line)}.q49o4W_clockIcon{color:var(--ink-2);display:inline-flex}.q49o4W_clockIcon svg{width:16px;height:16px}.q49o4W_time{min-width:3.3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.q49o4W_tools{gap:8px;display:flex}.q49o4W_tool{background:var(--key);height:44px;color:var(--ink);cursor:pointer;box-shadow:inset 0 -3px 0 var(--key-edge);touch-action:manipulation;border:0;border-radius:12px;align-items:center;gap:6px;padding:0 14px 0 11px;font-size:14.5px;font-weight:700;display:inline-flex}.q49o4W_tool svg{width:19px;height:19px}.q49o4W_tool:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--key-edge);transform:translateY(2px)}.q49o4W_tool:disabled{cursor:default;opacity:.5}.q49o4W_clueBar{background:color-mix(in srgb, var(--cocoa) 15%, var(--paper));border-radius:12px;align-items:stretch;width:min(100%,460px);min-height:52px;display:flex;overflow:hidden}.q49o4W_clueArrow{width:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.q49o4W_clueArrow:hover:not(:disabled){background:color-mix(in srgb, var(--cocoa) 22%, transparent)}.q49o4W_clueArrow:disabled{opacity:.4;cursor:default}.q49o4W_clueArrow svg{width:20px;height:20px}.q49o4W_flip svg{transform:rotate(180deg)}.q49o4W_clueText{text-align:center;text-wrap:balance;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:7px 4px;font-size:16px;line-height:1.3;display:flex}.q49o4W_clueTag{background:var(--cocoa);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:800}.q49o4W_stage{justify-items:center;display:grid;position:relative}.q49o4W_ladder{--badge:34px;--rail-gap:16px;width:calc(var(--badge) + var(--rung-w) + 2 * var(--rail-gap) + 44px);height:calc(7 * var(--pitch) - var(--gap));position:relative}.q49o4W_rail{top:calc(var(--row) * .25);bottom:calc(var(--row) * .25);background:var(--line);border-radius:3px;width:5px;position:absolute}.q49o4W_rail[data-side=left]{left:calc(var(--badge) + var(--rail-gap) / 2 - 2.5px)}.q49o4W_rail[data-side=right]{left:calc(var(--badge) + var(--rail-gap) * 1.5 + var(--rung-w) - 2.5px)}.q49o4W_row{left:0;right:0;top:calc(var(--slot) * var(--pitch) + var(--dy,0) * 1px);grid-template-columns:var(--badge) var(--rung-w) 44px;column-gap:var(--rail-gap);height:var(--row);scroll-margin-top:calc(var(--header-h) + 12px);scroll-margin-bottom:calc(var(--keys-h,0px) + 12px);transition:top .24s var(--ease-out);align-items:center;display:grid;position:absolute}.q49o4W_ladder[data-dragging] .q49o4W_row{transition-duration:.16s}.q49o4W_row[data-dragged]{z-index:3;transition:none}.q49o4W_row[data-dragged] .q49o4W_rung{box-shadow:var(--shadow);transform:scale(1.03)}.q49o4W_badge{color:var(--ink-3);place-items:center;display:grid}.q49o4W_badge svg{width:19px;height:19px}.q49o4W_row[data-state=solved] .q49o4W_badge{color:var(--cocoa)}.q49o4W_rung{align-items:center;gap:var(--sq-gap);height:var(--row);padding:var(--pad);border:var(--border);background:var(--card);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;transition:background .18s,box-shadow .18s,transform .12s;display:flex}.q49o4W_square{width:var(--tile);height:var(--tile);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--hair);font-family:var(--font-display);font-size:calc(var(--tile) * .52);text-transform:uppercase;border-radius:7px;flex:none;place-items:center;font-weight:800;line-height:1;display:grid;position:relative}.q49o4W_row[data-sel] .q49o4W_rung{background:color-mix(in srgb, var(--cocoa) 9%, var(--card));box-shadow:0 0 0 3px var(--cocoa)}.q49o4W_square[data-cursor]{background:var(--card);box-shadow:inset 0 0 0 3px var(--cocoa)}.q49o4W_square[data-wrong]{color:var(--wrong)}.q49o4W_square[data-wrong]:after{content:"";border-radius:inherit;background:linear-gradient(to top right, transparent calc(50% - 1px), var(--wrong) calc(50% - 1px), var(--wrong) calc(50% + 1px), transparent calc(50% + 1px));pointer-events:none;position:absolute;inset:0}.q49o4W_row[data-state=solved] .q49o4W_rung,.q49o4W_row[data-state=revealed] .q49o4W_rung{background:var(--cocoa);color:#fff}.q49o4W_row[data-state=revealed] .q49o4W_rung{background:repeating-linear-gradient(135deg, #ffffff29 0 6px, transparent 6px 12px), var(--cocoa)}.q49o4W_row[data-state=solved] .q49o4W_square,.q49o4W_row[data-state=revealed] .q49o4W_square{box-shadow:none;background:0 0}.q49o4W_row[data-state=locked] .q49o4W_rung{border-style:dashed;border-color:var(--ink-3);background:var(--paper-2);cursor:default}.q49o4W_row[data-state=locked] .q49o4W_square{box-shadow:inset 0 0 0 1.5px var(--hair);background:0 0}.q49o4W_row:not([data-state=locked]):is([data-slot="0"],[data-slot="6"]) .q49o4W_rung{animation:q49o4W_unlock .4s var(--ease-pop) backwards}@keyframes q49o4W_unlock{0%{transform:scale(.94)}}.q49o4W_square[data-step]:after{content:"";opacity:.85;background:currentColor;border-radius:2px;height:3px;position:absolute;bottom:12%;left:28%;right:28%}.q49o4W_row[data-shake] .q49o4W_rung{animation:.42s q49o4W_shake}@keyframes q49o4W_shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.q49o4W_row[data-pop] .q49o4W_square{animation:q49o4W_pop .38s var(--ease-pop) backwards;animation-delay:calc(var(--k) * 50ms)}@keyframes q49o4W_pop{50%{transform:scale(1.14)}}.q49o4W_ladder[data-celebrate] .q49o4W_rung{animation:q49o4W_climb .5s var(--ease-pop) backwards;animation-delay:calc(var(--wave) * 80ms)}@keyframes q49o4W_climb{45%{transform:translateY(-6px)scale(1.04)}}.q49o4W_handle{width:44px;height:44px;color:var(--ink-3);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.q49o4W_handle:hover:not(:disabled){background:var(--hair-2);color:var(--ink)}.q49o4W_handle:active:not(:disabled),.q49o4W_row[data-dragged] .q49o4W_handle{cursor:grabbing;color:var(--ink)}.q49o4W_handle:disabled{opacity:.35;cursor:default}.q49o4W_handle svg{width:22px;height:22px}.q49o4W_handleSpace{width:44px}.q49o4W_paused{z-index:5;border-radius:var(--radius);background:var(--paper-2);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:-6px}.q49o4W_paused b{font-family:var(--font-display);font-size:28px}.q49o4W_keys{z-index:10;background:var(--paper);width:100%;padding:8px 0 10px;position:sticky;bottom:0}.q49o4W_keys .q49o4W_clueBar{margin:0 auto 8px}.q49o4W_keys .kb__key{height:48px}.q49o4W_after{justify-content:center;display:flex}[data-style=flat] .q49o4W_rail{background:var(--hair)}.q49o4W_picture{justify-self:start;gap:4px;width:max-content;padding:0 9px;display:grid;position:relative}.q49o4W_picture:before,.q49o4W_picture:after{content:"";background:var(--line);border-radius:2px;width:4px;position:absolute;top:-2px;bottom:-2px}.q49o4W_picture:before{left:2px}.q49o4W_picture:after{right:2px}.q49o4W_pictureRung{gap:3px;display:flex}.q49o4W_pictureRung i{border:1.5px solid var(--line);background:var(--cocoa);border-radius:4px;width:16px;height:16px}.q49o4W_pictureRung[data-revealed] i{background:var(--card)}.q49o4W_example{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.q49o4W_exampleLadder{--tile:30px;--pad:3px;--sq-gap:3px;--row:calc(var(--tile) + 2 * var(--pad) + 4px);flex:none;gap:6px;padding:0 16px;display:grid;position:relative}.q49o4W_exampleLadder .q49o4W_rail[data-side=left]{left:5px}.q49o4W_exampleLadder .q49o4W_rail[data-side=right]{left:auto;right:5px}.q49o4W_exampleRung{gap:var(--sq-gap);padding:var(--pad);border:var(--border);background:var(--cocoa);color:#fff;animation:q49o4W_rise .36s var(--ease-pop) calc(.2s + var(--beat) * .16s) backwards;border-radius:10px;display:flex;position:relative}.q49o4W_exampleRung .q49o4W_square{box-shadow:none;background:0 0;font-size:16px}.q49o4W_exampleRung .q49o4W_square[data-step]{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}.q49o4W_exampleRung .q49o4W_square[data-step]:after{display:none}@keyframes q49o4W_rise{0%{opacity:0;transform:translateY(8px)}}.q49o4W_exampleText{color:var(--ink-2);flex:220px;gap:8px;font-size:14.5px;display:grid}@media (hover:none),(pointer:coarse){.q49o4W_keysOnly{display:none}}@media (max-height:700px){.q49o4W_wrap{--tile:clamp(30px, min(calc((100vw - 144px - (var(--len) - 1) * var(--sq-gap)) / var(--len)), calc((var(--fit-h,100svh) - var(--chrome)) / 7 - 14px)), 56px);--gap:4px;--chrome:150px;gap:7px;padding:4px 0 8px}.q49o4W_wrap[data-docked]{--chrome:290px;padding-bottom:0}.q49o4W_clueBar{min-height:44px}.q49o4W_clueText{padding:4px;font-size:15px}.q49o4W_keys{padding:6px 0 8px}.q49o4W_keys .q49o4W_clueBar{margin-bottom:6px}.q49o4W_keys .kb__key{height:44px}}@media (max-height:480px){.q49o4W_wrap{--tile:clamp(24px, min(calc((100vw - 144px - (var(--len) - 1) * var(--sq-gap)) / var(--len)), calc((var(--fit-h,100svh) - var(--chrome)) / 7 - 13px)), 56px);--pad:2px;--gap:3px}.q49o4W_wrap[data-docked]{--chrome:236px}.q49o4W_bar,.q49o4W_clock,.q49o4W_tool{height:38px}.q49o4W_keys .kb__key{height:40px}}