.dn[data-v-f0239830]{flex:1;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none}.dn-screen[data-v-f0239830]{flex:1;display:flex;flex-direction:column;padding:12px;gap:10px;position:relative;min-height:0}.dn-title[data-v-f0239830]{align-items:center;justify-content:flex-start;text-align:center;gap:16px;padding-top:4vh}.dn-logo[data-v-f0239830]{font-family:var(--font-pixel);font-size:24px;line-height:1.4;color:var(--dn);text-shadow:3px 3px 0 var(--line);letter-spacing:.04em}.dn-hint[data-v-f0239830]{font-size:17px;color:var(--ink-soft);max-width:220px}.dn-hint b[data-v-f0239830]{color:var(--dn)}.dn-link[data-v-f0239830]{background:none;border:none;color:var(--ink-mute);font-family:var(--font-pixel);font-size:8px;text-decoration:underline;cursor:pointer}[data-theme=dark] .dn-logo[data-v-f0239830]{text-shadow:3px 3px 0 var(--line),0 0 16px color-mix(in srgb,var(--dn) 60%,transparent)}[data-theme=dark] .dn-link[data-v-f0239830]{color:var(--ink-soft)}[data-theme=light] .dn-logo[data-v-f0239830]{color:color-mix(in srgb,var(--dn) 42%,var(--line))}[data-theme=light] .dn-hint[data-v-f0239830]{color:var(--ink)}[data-theme=light] .dn-hint b[data-v-f0239830]{color:color-mix(in srgb,var(--dn) 42%,var(--line))}[data-theme=light] .dn-link[data-v-f0239830]{color:var(--ink)}.dn-demo[data-v-f0239830]{display:grid;grid-template-columns:repeat(2,20px);grid-template-rows:repeat(2,20px);gap:3px}.dn-demo .b[data-v-f0239830]{border:2px solid var(--line);box-shadow:3px 3px 0 var(--line)}.dn-demo .b1[data-v-f0239830]{background:var(--sky)}.dn-demo .b2[data-v-f0239830]{background:var(--sun)}.dn-demo .b3[data-v-f0239830]{background:var(--coral)}.dn-demo .b4[data-v-f0239830]{background:var(--dn)}.dn-hud[data-v-f0239830]{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-pixel)}.dn-stat[data-v-f0239830]{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.dn-stat b[data-v-f0239830]{color:var(--dn);font-size:14px;text-shadow:1px 1px 0 var(--line)}.dn-stat span[data-v-f0239830]{font-size:7px;color:var(--ink-mute);letter-spacing:.1em}.dn-next[data-v-f0239830]{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.dn-next-lbl[data-v-f0239830]{font-size:7px;color:var(--ink-mute);letter-spacing:.1em}.dn-next-cv[data-v-f0239830]{width:52px;height:40px;display:block;background:var(--surface);border:3px solid var(--line);box-shadow:var(--shadow-tile)}[data-theme=light] .dn-stat b[data-v-f0239830]{color:color-mix(in srgb,var(--dn) 42%,var(--line))}[data-theme=light] .dn-stat span[data-v-f0239830],[data-theme=light] .dn-next-lbl[data-v-f0239830]{color:var(--ink)}[data-theme=dark] .dn-stat b[data-v-f0239830]{text-shadow:0 0 6px var(--dn)}.dn-field[data-v-f0239830]{position:relative;flex:1;min-height:0;width:100%;background:var(--bg);border:3px solid var(--line);box-shadow:var(--shadow-tile);overflow:hidden;touch-action:none}.dn-field canvas[data-v-f0239830]{display:block;position:absolute;inset:0}.dn-label[data-v-f0239830]{text-align:center;font-family:var(--font-pixel);font-size:7px;color:var(--ink-mute);letter-spacing:.06em}[data-theme=light] .dn-label[data-v-f0239830]{color:var(--ink)}