.M27zWq_wrap{--pad:6px;--gap:3px;--pitch:max(40px, min(round(down, (560px + var(--gap)) / var(--n), 1px), round(down, (100vw - 24px - 2 * var(--pad) - 4px + var(--gap)) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 150px + var(--gap)) / var(--n), 1px)));--field:calc(var(--n) * var(--pitch) - var(--gap));--side:calc(var(--field) + 2 * var(--pad) + 4px);--pic-h:calc(var(--n) * var(--pitch));--pic-w:calc(var(--pic-h) * 4 / 3);--sticker-ink:#1b1612;grid-template-columns:minmax(0, var(--side));grid-template-areas:"bar""board""tools""credit";justify-content:center;gap:8px;width:100%;padding:6px 0 16px;display:grid}.M27zWq_wrap:not([data-ready]){visibility:hidden}.M27zWq_bar{grid-area:bar;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;display:grid}.M27zWq_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}.M27zWq_clock:disabled{cursor:default}.M27zWq_clock:not(:disabled):hover{border-color:var(--line)}.M27zWq_clockIcon{color:var(--ink-2);display:inline-flex}.M27zWq_clockIcon svg{width:16px;height:16px}.M27zWq_time{min-width:3.3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:800}.M27zWq_moves{color:var(--ink-2);justify-content:center;align-items:baseline;gap:6px;font-size:14px;font-weight:700;display:flex}.M27zWq_moves b{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:26px;font-weight:800;line-height:1}.M27zWq_best{background:var(--paper-2);height:44px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;font-size:14px;font-weight:700;display:inline-flex}.M27zWq_best b{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:17px;font-weight:800}.M27zWq_glyph{flex:none;width:20px;height:20px}.M27zWq_frame{padding:var(--pad);border:var(--border);border-radius:var(--radius-lg);background:var(--paper-2);box-shadow:var(--shadow);grid-area:board;justify-self:center;position:relative}.M27zWq_board{width:var(--field);height:var(--field);border-radius:calc(var(--radius-lg) - var(--pad) - 2px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.M27zWq_board:focus{outline:none}.M27zWq_board[data-keys]:focus{outline:3px solid var(--focus);outline-offset:calc(var(--pad) + 2px)}.M27zWq_slot{width:calc(var(--pitch) - var(--gap));height:calc(var(--pitch) - var(--gap));translate:calc(var(--c) * var(--pitch)) calc(var(--r) * var(--pitch));border-radius:max(5px, calc(var(--pitch) * .09));background:var(--hair-2);box-shadow:inset 0 2px 5px var(--hair);position:absolute;top:0;left:0}.M27zWq_board[data-keys] .M27zWq_slot{outline:2px dashed var(--focus);outline-offset:-4px}.M27zWq_tile{width:calc(var(--pitch) - var(--gap));height:calc(var(--pitch) - var(--gap));border-radius:max(5px, calc(var(--pitch) * .09));translate:calc(var(--c) * var(--pitch)) calc(var(--r) * var(--pitch));transition:translate .11s var(--ease-out);background-color:var(--card);background-image:var(--pic);background-repeat:no-repeat;background-size:var(--pic-w) var(--pic-h);background-position:calc(-1 * (var(--sq) * var(--pic-w) + var(--hc) * var(--pitch))) calc(-1 * var(--hr) * var(--pitch));box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);cursor:default;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0;position:absolute;top:0;left:0}.M27zWq_tile[data-movable]{cursor:pointer}.M27zWq_tile:focus{outline:none}@media (hover:hover){.M27zWq_tile[data-movable]:hover{filter:brightness(1.08)saturate(1.05)}}.M27zWq_tile[data-nope]{animation:.4s M27zWq_nope}@keyframes M27zWq_nope{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.M27zWq_num{left:max(3px, calc(var(--pitch) * .05));top:max(3px, calc(var(--pitch) * .05));border:1.5px solid var(--line);background:var(--card);min-width:1.75em;height:1.75em;color:var(--ink);font-family:var(--font-display);font-size:clamp(11px, calc(var(--pitch) * .16), 17px);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 .35em;font-weight:800;line-height:1;transition:background-color .2s,opacity .3s;display:grid;position:absolute}.M27zWq_tile[data-home] .M27zWq_num{background:var(--game,var(--cornflower));color:var(--sticker-ink)}.M27zWq_board[data-dealing] .M27zWq_tile{transition:translate .52s var(--ease-out) calc(min(var(--d), 8) * 28ms)}.M27zWq_whole{border-radius:max(5px, calc(var(--pitch) * .09));background-image:var(--pic);background-repeat:no-repeat;background-size:var(--pic-w) var(--pic-h);background-position:calc(-1 * var(--sq) * var(--pic-w)) 0;background-color:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);opacity:0;pointer-events:none;transition:opacity .42s;position:absolute;inset:0}.M27zWq_whole[data-on]{opacity:1}.M27zWq_board[data-dealing] .M27zWq_whole{transition-duration:.2s}.M27zWq_frame[data-cheer] .M27zWq_whole:after{content:"";border-radius:inherit;animation:M27zWq_glint 1.1s var(--ease-out) .35s both;background:linear-gradient(110deg,#0000 30%,#ffffff8c 48%,#0000 66%) 0 0/250% 100% no-repeat;position:absolute;inset:0}@keyframes M27zWq_glint{0%{background-position:130% 0}to{background-position:-30% 0}}.M27zWq_cover{z-index:8;padding:calc(var(--pad) + 10px);align-content:end;justify-items:center;display:grid;position:absolute;inset:0}.M27zWq_coverCard{border:var(--border);border-radius:var(--radius);background:var(--card);width:min(100%,330px);box-shadow:var(--shadow-sm);text-align:center;justify-items:center;gap:4px;padding:14px 16px 16px;display:grid}.M27zWq_coverTitle{font-family:var(--font-display);text-wrap:balance;font-size:22px;line-height:1.1}.M27zWq_coverLine{color:var(--ink-2);font-size:14px}.M27zWq_coverPlan{color:var(--ink-3);text-wrap:balance;margin:4px 0 8px;font-size:13.5px;line-height:1.35}.M27zWq_paused{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}.M27zWq_tools,.M27zWq_after,.M27zWq_tip{grid-area:tools;justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.M27zWq_tip{color:var(--ink-3);text-align:center;margin:0;font-size:14.5px}.M27zWq_tool{border:1.5px solid var(--hair);background:var(--card);height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.M27zWq_tool svg{flex:none;width:18px;height:18px}.M27zWq_tool:not(:disabled):hover{border-color:var(--line)}.M27zWq_tool:disabled{opacity:.45;cursor:default}.M27zWq_tool[data-confirm]{border-color:var(--line);background:var(--ink);color:var(--paper)}.M27zWq_credit{color:var(--ink-3);text-align:center;text-wrap:balance;grid-area:credit;margin:0;font-size:12.5px;line-height:1.4}.M27zWq_credit a{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:2px;font-weight:600}.M27zWq_credit a:hover{text-decoration-color:currentColor}:is([data-style=flat] .M27zWq_tile,[data-style=flat] .M27zWq_whole){box-shadow:none}[data-style=flat] .M27zWq_num{border-color:#0000}.M27zWq_result{align-items:center;gap:14px;margin:0 0 4px;display:flex}.M27zWq_resultPic{aspect-ratio:4/3;border:var(--border);border-radius:var(--radius-sm);background-color:var(--paper-2);width:116px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;flex:none}.M27zWq_result figcaption{min-width:0;color:var(--ink-2);gap:2px;font-size:14px;display:grid}.M27zWq_result figcaption b{font-family:var(--font-display);color:var(--ink);font-size:16px;line-height:1.2}.M27zWq_result figcaption a{color:var(--ink);text-underline-offset:2px;margin-top:2px;font-weight:700;text-decoration:underline}.M27zWq_example{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.M27zWq_exampleBoard{--p:38px;width:calc(3 * var(--p) - 3px);height:calc(3 * var(--p) - 3px);box-sizing:content-box;border:var(--border);border-radius:var(--radius-sm);background:var(--paper-2);box-shadow:var(--shadow-sm);flex:none;padding:5px;position:relative}.M27zWq_exampleTile{width:calc(var(--p) - 3px);height:calc(var(--p) - 3px);background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);translate:calc(var(--c) * var(--p)) calc(var(--r) * var(--p));font-family:var(--font-display);border-radius:6px;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;top:5px;left:5px}.M27zWq_exampleTile[data-slide]{background:var(--game,var(--cornflower));color:var(--sticker-ink);animation:M27zWq_example 2.8s var(--ease-out) .4s infinite}@keyframes M27zWq_example{0%,18%{translate:calc(2 * var(--p)) var(--p)}32%,68%{translate:var(--p) var(--p)}82%,to{translate:calc(2 * var(--p)) var(--p)}}.M27zWq_exampleText{color:var(--ink-2);flex:210px;gap:8px;font-size:14.5px;display:grid}@media (hover:none),(pointer:coarse){.M27zWq_keysOnly{display:none}}@media (max-height:700px){.M27zWq_wrap{--pad:5px;--pitch:max(36px, min(round(down, (560px + var(--gap)) / var(--n), 1px), round(down, (100vw - 24px - 2 * var(--pad) - 4px + var(--gap)) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 126px + var(--gap)) / var(--n), 1px)));gap:6px;padding:4px 0 8px}.M27zWq_bar{min-height:38px}.M27zWq_clock,.M27zWq_best{height:38px}.M27zWq_moves b{font-size:22px}.M27zWq_tools,.M27zWq_after,.M27zWq_tip{min-height:40px}.M27zWq_tool{height:40px}}@media (prefers-reduced-motion:reduce){.M27zWq_tile,.M27zWq_board[data-dealing] .M27zWq_tile,.M27zWq_whole{transition:none}.M27zWq_exampleTile[data-slide]{translate:var(--p) var(--p);animation:none}}