.cn-game{flex-direction:column;align-items:center;gap:.6rem;display:flex;position:relative}.cn-clock{color:var(--nook-ink-soft);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.cn-holder{background:var(--nook-cream-deep);border-radius:.75rem;width:100%;max-width:44rem;height:min(100vw - 1rem,44rem,100svh - 22rem);min-height:16rem;position:relative;overflow:hidden}.cn-canvas{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}.cn-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--nook-accent)}.cn-map{inset-block-end:.5rem;border:2px solid var(--nook-surface);pointer-events:none;border-radius:.4rem;width:84px;height:84px;position:absolute;right:.5rem;box-shadow:0 2px 8px #00000040}.cn-tools{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.cn-tool{border:1px solid var(--nook-line);background:var(--nook-surface);min-height:2.75rem;color:var(--nook-ink);cursor:pointer;border-radius:999px;align-items:center;padding:.4rem .9rem;font-weight:700;display:inline-flex}.cn-tool:disabled{opacity:.45;cursor:default}.cn-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:.3rem;width:100%;max-width:44rem;display:grid}.cn-colour{background:var(--nook-surface);min-height:3rem;color:var(--nook-ink);cursor:pointer;border:2px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.1rem;padding:.2rem;font-weight:800;display:flex}.cn-colour-on{border-color:var(--nook-accent)}.cn-colour-done{opacity:.55}.cn-swatch{border:1px solid #0000001f;border-radius:.35rem;width:100%;max-width:2.5rem;height:1.4rem}.cn-colour-number{font-size:.85rem;line-height:1}.cn-tool:focus-visible,.cn-colour:focus-visible,.cn-button:focus-visible{outline:3px solid var(--nook-accent);outline-offset:2px}.cn-message{color:var(--nook-ink);text-align:center;margin:0;font-weight:700}.cn-finale{aspect-ratio:1;width:min(100%,26rem);box-shadow:var(--nook-shadow-tile);image-rendering:pixelated;border-radius:.75rem;display:block}.cn-end{background:var(--nook-surface);width:min(100%,34rem);color:var(--nook-ink);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;box-shadow:0 4px 14px #0000001a}.cn-end-title{margin:0;font-size:1.5rem;font-weight:800}.cn-end-picture{color:var(--nook-ink-soft);margin:0}.cn-end-time{margin:0;font-size:1.2rem;font-weight:700}.cn-end-rewards{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.cn-end-note{color:var(--nook-ink-soft);margin:0;font-size:.9rem}.cn-end-link{color:var(--nook-accent);font-weight:700;text-decoration:underline}.cn-end-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.cn-button{background:var(--nook-accent);min-height:3rem;color:var(--nook-on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1.05rem;font-weight:800;display:inline-flex}.cn-button-soft{background:var(--nook-cream-deep);color:var(--nook-ink)}.cn-howto{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cn-howto-card{background:var(--nook-surface);width:min(100%,26rem);max-height:100%;color:var(--nook-ink);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem;display:flex;overflow-y:auto}.cn-example{background:var(--nook-line);border-radius:.5rem;grid-template-columns:repeat(3,2.75rem);gap:2px;padding:2px;display:grid}.cn-example-cell{aspect-ratio:1;background:var(--nook-surface);color:var(--nook-ink);justify-content:center;align-items:center;font-weight:800;animation:3.4s ease-in-out infinite cn-paint;display:flex}.cn-howto-steps{flex-direction:column;gap:.4rem;margin:0;padding-inline-start:1.25rem;list-style:decimal;display:flex}@keyframes cn-paint{0%,to{background:var(--nook-surface)}35%,75%{background:var(--cn-paint)}}@media (prefers-reduced-motion:reduce){.cn-example-cell{background:var(--cn-paint);animation:none}}