.play[data-v-128d954c]{--bar-h: 48px;min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;width:100%;background:var(--sky)}.play.is-running[data-v-128d954c],.play.is-result[data-v-128d954c]{min-height:100svh}.quit[data-v-128d954c]{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--line) 62%,transparent)}.quit-card[data-v-128d954c]{width:100%;max-width:300px;text-align:center;background:var(--surface);border:var(--bd);border-color:var(--tint);border-radius:var(--r-card);box-shadow:var(--shadow-tile);padding:24px 20px}.quit-title[data-v-128d954c]{font-family:var(--font-pixel);font-size:14px;color:var(--tint);text-shadow:2px 2px 0 var(--line);margin:0 0 10px}.quit-msg[data-v-128d954c]{font-family:var(--font-round);font-weight:600;font-size:18px;color:var(--ink-soft);margin:0 0 18px}.quit-actions[data-v-128d954c]{display:flex;flex-direction:column;gap:10px}.quit-actions .btn[data-v-128d954c]{width:100%;font-size:11px}.quit-yes[data-v-128d954c]{background:var(--red);color:var(--line)}.bar[data-v-128d954c]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:var(--bd);border-color:var(--tint);flex:0 0 auto;box-sizing:border-box;min-height:var(--bar-h)}.back[data-v-128d954c]{font-family:var(--font-pixel);font-size:14px;color:var(--ink);background:transparent;border:none;padding:4px 6px;text-decoration:none}.gear[data-v-128d954c]{display:inline-grid;place-items:center;background:var(--sun);color:var(--line);border:var(--bd);border-radius:var(--r-card);box-shadow:var(--shadow-tile);font-size:16px;line-height:1;padding:5px 7px;cursor:pointer;image-rendering:pixelated;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease}.gear[data-v-128d954c]:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--line)}.bar-title[data-v-128d954c]{flex:1;text-align:center;font-size:12px;color:var(--ink)}.bar-day[data-v-128d954c]{font-family:var(--font-pixel);font-size:9px;color:var(--ink-mute)}.fav-strip[data-v-128d954c]{flex:0 0 auto;display:flex;justify-content:flex-end;padding:10px 16px 0}.stage[data-v-128d954c]{flex:1;min-height:calc(100dvh - var(--bar-h));display:flex;flex-direction:column;position:relative;overflow:hidden}.play.is-running .stage[data-v-128d954c],.play.is-result .stage[data-v-128d954c]{min-height:calc(100svh - var(--bar-h))}.placeholder[data-v-128d954c]{margin:auto;text-align:center;max-width:320px;padding:24px}.placeholder-glyph[data-v-128d954c]{font-size:56px;color:var(--tint);text-shadow:3px 3px 0 var(--line)}[data-theme=dark] .placeholder-glyph[data-v-128d954c]{text-shadow:3px 3px 0 var(--line),0 0 14px var(--tint)}.placeholder h2[data-v-128d954c]{margin:14px 0 8px;font-size:16px;color:var(--tint);text-shadow:2px 2px 0 var(--line)}.placeholder-tag[data-v-128d954c]{font-size:18px;color:var(--ink-soft);margin:0 0 14px}.placeholder-note[data-v-128d954c]{font-size:17px;color:var(--ink-mute);margin:0 0 14px}.placeholder .btn[data-v-128d954c]{text-decoration:none}.placeholder-loading[data-v-128d954c]{font-family:var(--font-pixel);font-size:12px;letter-spacing:.14em;color:var(--tint);text-shadow:2px 2px 0 var(--line);margin:14px 0 0}[data-theme=dark] .placeholder-loading[data-v-128d954c]{text-shadow:2px 2px 0 var(--line),0 0 12px var(--tint)}.placeholder-loading .dots i[data-v-128d954c]{display:inline-block;animation:load-dot-128d954c 1.2s ease-in-out infinite}.placeholder-loading .dots i[data-v-128d954c]:nth-child(2){animation-delay:.2s}.placeholder-loading .dots i[data-v-128d954c]:nth-child(3){animation-delay:.4s}@keyframes load-dot-128d954c{0%,to{opacity:.2}50%{opacity:1}}.about[data-v-128d954c]{flex:0 0 auto;padding:24px 20px 40px;border-top:var(--bd);border-color:var(--tint);background:var(--surface);color:var(--ink-soft)}.play.is-running .about[data-v-128d954c],.play.is-result .about[data-v-128d954c]{display:none}.play:not(.is-running) .stage[data-v-128d954c]>*{touch-action:pan-y}.about-title[data-v-128d954c]{font-family:var(--font-pixel);font-size:13px;line-height:1.5;color:var(--tint);text-shadow:2px 2px 0 var(--line);margin:0 0 14px}[data-theme=light] .about-title[data-v-128d954c]{color:color-mix(in srgb,var(--tint) 42%,var(--line))}.about-intro[data-v-128d954c]{font-size:18px;line-height:1.5;margin:0 0 22px}.about-h2[data-v-128d954c]{font-family:var(--font-pixel);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}.how-to[data-v-128d954c]{margin:0 0 24px;padding-left:22px;display:flex;flex-direction:column;gap:10px}.how-to li[data-v-128d954c]{font-size:17px;line-height:1.45;color:var(--ink-soft)}.how-to li[data-v-128d954c]::marker{font-family:var(--font-pixel);font-size:11px;color:var(--tint)}[data-theme=light] .how-to li[data-v-128d954c]::marker{color:color-mix(in srgb,var(--tint) 42%,var(--line))}.more[data-v-128d954c]{display:flex;flex-wrap:wrap;gap:10px}.more-link[data-v-128d954c]{font-family:var(--font-pixel);font-size:9px;letter-spacing:.05em;color:var(--line);text-decoration:none;padding:8px 10px;border:var(--bd);border-radius:var(--r-card);background:var(--tint);box-shadow:var(--shadow-tile)}.more-link[data-v-128d954c]:hover{background:color-mix(in srgb,var(--tint) 82%,#fff)}