.mASzeG_wrap,.mASzeG_example{--doodle:var(--game,var(--slate));--pen:color-mix(in srgb, color-mix(in srgb, var(--ink) 60%, #2d5bd1) 60%, var(--doodle));--pen-ink:var(--card);--rule:color-mix(in srgb, var(--slate) 34%, var(--card));--wash:color-mix(in srgb, var(--slate) 20%, var(--card));--stroke:.3;--stroke-u:30;--sticker-ink:#1b1612}.mASzeG_wrap{--cell:max(34px, min(round(down, (100vw - 23px) / var(--n), 1px), round(down, (100dvh - 270px) / var(--n), 1px), round(down, 512px / var(--n), 1px)));--w:calc(var(--cell) * var(--n) + 4px);flex-direction:column;align-items:center;gap:12px;margin:0 -12px;padding:8px 0 24px;display:flex}.mASzeG_wrap:not([data-ready]) .mASzeG_stage,.mASzeG_wrap:not([data-ready]) .mASzeG_bar{visibility:hidden}.mASzeG_bar{width:var(--w);justify-content:space-between;align-items:center;gap:10px;height:44px;display:flex}.mASzeG_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}.mASzeG_clock:disabled{cursor:default}.mASzeG_clock:not(:disabled):hover{border-color:var(--line)}.mASzeG_clockIcon{color:var(--ink-2);display:inline-flex}.mASzeG_clockIcon svg{width:16px;height:16px}.mASzeG_time{min-width:3.3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:800}.mASzeG_count{background:var(--paper-2);height:44px;color:var(--ink-3);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.mASzeG_count>span{align-items:baseline;gap:5px;display:inline-flex}.mASzeG_count b{font-family:var(--font-display);color:var(--ink);font-size:20px;font-weight:800}.mASzeG_stage{position:relative}.mASzeG_board,.mASzeG_exampleBoard{border:var(--border);background:var(--card);border-radius:14px;position:relative;overflow:hidden}.mASzeG_board{box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer}.mASzeG_board:focus{outline:none}.mASzeG_board:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.mASzeG_hidden{filter:blur(14px);pointer-events:none}.mASzeG_cells{display:grid}.mASzeG_row{grid-template-columns:repeat(var(--n), var(--cell));display:grid}.mASzeG_cell{height:var(--cell);background:var(--card);box-shadow:inset -1px 0 0 var(--rule), inset 0 -1px 0 var(--rule);transition:background-color .12s}.mASzeG_row>.mASzeG_cell:last-child{box-shadow:inset 0 -1px 0 var(--rule)}.mASzeG_row:last-child>.mASzeG_cell{box-shadow:inset -1px 0 0 var(--rule)}.mASzeG_row:last-child>.mASzeG_cell:last-child{box-shadow:none}.mASzeG_cell[data-on]{background:var(--wash)}.mASzeG_cell[data-flash][data-nudge="0"]{animation:.9s mASzeG_blink-a}.mASzeG_cell[data-flash][data-nudge="1"]{animation:.9s mASzeG_blink-b}@keyframes mASzeG_blink-a{20%,60%{background:color-mix(in srgb, var(--sun) 55%, var(--card))}40%,80%{background:var(--card)}}@keyframes mASzeG_blink-b{20%,60%{background:color-mix(in srgb, var(--sun) 55%, var(--card))}40%,80%{background:var(--card)}}.mASzeG_ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mASzeG_stroke,.mASzeG_edge,.mASzeG_light,.mASzeG_lightEdge{fill:none;stroke-linecap:round;stroke-linejoin:round}.mASzeG_stroke{stroke:var(--pen);stroke-width:var(--stroke-u);transition:stroke .3s}.mASzeG_line[data-lit] .mASzeG_stroke{stroke:var(--sun)}.mASzeG_edge{stroke:var(--line);stroke-width:calc(var(--cell) * var(--stroke) + 4px);vector-effect:non-scaling-stroke}.mASzeG_nib{transition:transform 70ms ease-out}.mASzeG_nib circle{fill:var(--pen)}.mASzeG_nib .mASzeG_nibDot{fill:var(--card)}.mASzeG_wall{stroke:var(--line);stroke-width:14px;stroke-linecap:round}.mASzeG_wallFlash{stroke:var(--tomato);stroke-width:20px;stroke-linecap:round;animation:.7s forwards mASzeG_wall-flash}@keyframes mASzeG_wall-flash{0%,45%{opacity:1}to{opacity:0}}.mASzeG_light,.mASzeG_lightEdge{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:mASzeG_light var(--light) linear forwards}.mASzeG_lightEdge{stroke:var(--line)}.mASzeG_light{stroke:var(--sun);stroke-width:var(--stroke-u)}@keyframes mASzeG_light{to{stroke-dashoffset:0}}.mASzeG_spark{fill:#fff;stroke:var(--sticker-ink);stroke-width:4px;animation:mASzeG_spark-out .3s ease var(--light) forwards}@keyframes mASzeG_spark-out{to{opacity:0}}.mASzeG_stickers{pointer-events:none;position:absolute;inset:0}.mASzeG_sticker{left:calc((var(--c) + .5) * var(--cell));top:calc((var(--r) + .5) * var(--cell));width:calc(var(--cell) * .64);height:calc(var(--cell) * .64);border:2px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font-display);font-size:calc(var(--cell) * .34);letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;translate:-50% -50%}.mASzeG_sticker[data-kind=start]{background:var(--sun);color:var(--sticker-ink)}.mASzeG_sticker[data-kind=end]{background:var(--tomato);color:var(--sticker-ink)}.mASzeG_sticker[data-next]{box-shadow:0 0 0 calc(var(--cell) * .07) color-mix(in srgb, var(--pen) 28%, transparent)}.mASzeG_sticker[data-on]:not([data-kind]){background:var(--pen);color:var(--pen-ink)}.mASzeG_sticker[data-reveal][data-on]:not([data-kind]){animation:mASzeG_fill-in .25s ease calc(var(--delay) + .25s) both}@keyframes mASzeG_fill-in{0%{background:var(--card);color:var(--ink)}}.mASzeG_sticker[data-shake]{animation:.42s mASzeG_shake}@keyframes mASzeG_shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.mASzeG_sticker[data-cheer]{animation:mASzeG_hop .5s var(--ease-pop) var(--delay) both, mASzeG_to-sun 1ms linear var(--delay) both}.mASzeG_sticker[data-cheer][data-kind=end]{animation:mASzeG_hop-end .7s var(--ease-pop) var(--delay) both}@keyframes mASzeG_hop{45%{scale:1.32}}@keyframes mASzeG_to-sun{to{background:var(--sun);color:var(--sticker-ink)}}@keyframes mASzeG_hop-end{0%{scale:1}45%{rotate:-10deg;scale:1.5}to{rotate:0deg;scale:1}}.mASzeG_wrap[data-done] .mASzeG_sticker:not([data-cheer]):not([data-kind=end]){background:var(--sun);color:var(--sticker-ink)}.mASzeG_board[data-cheer]{animation:mASzeG_board-hop .5s var(--ease-pop) calc(var(--light,1s)) both}@keyframes mASzeG_board-hop{40%{translate:0 -5px}}.mASzeG_invite,.mASzeG_ping{left:calc((var(--c) + .5) * var(--cell));top:calc((var(--r) + .5) * var(--cell));width:calc(var(--cell) * .64);height:calc(var(--cell) * .64);pointer-events:none;border-radius:50%;position:absolute;translate:-50% -50%}.mASzeG_invite{box-shadow:0 0 0 0 color-mix(in srgb, var(--sun) 80%, transparent);animation:1.8s ease-out infinite mASzeG_invite}@keyframes mASzeG_invite{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sun) 85%, transparent)}70%,to{box-shadow:0 0 0 calc(var(--cell) * .2) color-mix(in srgb, var(--sun) 0%, transparent)}}.mASzeG_ping{border:3px solid var(--doodle);animation:.6s ease-out forwards mASzeG_ping}@keyframes mASzeG_ping{0%{opacity:1;scale:.6}to{opacity:0;scale:1.6}}.mASzeG_paused{place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.mASzeG_paused b{font-family:var(--font-display);font-size:28px}.mASzeG_tools,.mASzeG_after,.mASzeG_tip{justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.mASzeG_tip{color:var(--ink-3);text-align:center;margin:0;font-size:14.5px}.mASzeG_tip b{border:1.5px solid var(--line);background:var(--sun);width:24px;height:24px;color:var(--sticker-ink);font-family:var(--font-display);border-radius:50%;place-items:center;margin:0 2px;font-size:13px;font-weight:800;display:inline-grid}.mASzeG_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}.mASzeG_tool svg{flex:none;width:18px;height:18px}.mASzeG_tool:not(:disabled):hover{border-color:var(--line)}.mASzeG_tool:disabled{opacity:.45;cursor:default}.mASzeG_legsWrap{gap:6px;display:grid}.mASzeG_legs{align-items:center;display:flex}.mASzeG_legEnd{z-index:1;border:2px solid var(--line);width:28px;height:28px;font-family:var(--font-display);color:var(--sticker-ink);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.mASzeG_legEnd[data-kind=start]{background:var(--sun)}.mASzeG_legEnd[data-kind=end]{background:var(--tomato)}.mASzeG_legBar{flex:1;gap:3px;height:12px;margin:0 -4px;display:flex}.mASzeG_leg{background:var(--pen);border-radius:3px;flex:1}.mASzeG_leg[data-again]{background:var(--sun);box-shadow:inset 0 0 0 1.5px var(--line)}.mASzeG_legsNote{color:var(--ink-3);margin:0;font-size:13px}.mASzeG_example{--cell:42px;--n:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;display:flex}.mASzeG_exampleBoard{width:calc(var(--cell) * 4 + 4px);flex:none}.mASzeG_exampleText{color:var(--ink-2);flex:200px;gap:8px;font-size:14.5px;display:grid}[data-style=flat] .mASzeG_sticker{border-color:color-mix(in srgb, var(--ink) 18%, transparent)}.mASzeG_reveal{fill:none;stroke:#fff;stroke-width:90px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:mASzeG_light var(--draw) ease-in-out .25s forwards}@media (max-height:700px){.mASzeG_wrap{--cell:max(34px, min(round(down, (100vw - 23px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 122px) / var(--n), 1px), round(down, 512px / var(--n), 1px)));gap:8px;padding:4px 0 8px}}@media (max-height:480px){.mASzeG_wrap{--cell:max(30px, min(round(down, (100vw - 23px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 122px) / var(--n), 1px), round(down, 512px / var(--n), 1px)))}}