:root { color-scheme: dark; background: #0c0c12; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { background: #0c0c12 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 shape-rendering=%22crispEdges%22%3E%3Crect width=%2264%22 height=%2264%22 fill=%22%230c0c12%22/%3E%3Cg fill=%22%2318161f%22%3E%3Crect x=%224%22 y=%224%22 width=%2214%22 height=%221%22/%3E%3Crect x=%224%22 y=%225%22 width=%221%22 height=%221%22/%3E%3Crect x=%2217%22 y=%225%22 width=%221%22 height=%221%22/%3E%3Crect x=%225%22 y=%226%22 width=%221%22 height=%221%22/%3E%3Crect x=%2216%22 y=%226%22 width=%221%22 height=%221%22/%3E%3Crect x=%225%22 y=%227%22 width=%221%22 height=%221%22/%3E%3Crect x=%229%22 y=%227%22 width=%222%22 height=%221%22/%3E%3Crect x=%2216%22 y=%227%22 width=%221%22 height=%221%22/%3E%3Crect x=%226%22 y=%228%22 width=%221%22 height=%221%22/%3E%3Crect x=%2210%22 y=%228%22 width=%221%22 height=%221%22/%3E%3Crect x=%2215%22 y=%228%22 width=%221%22 height=%221%22/%3E%3Crect x=%226%22 y=%229%22 width=%221%22 height=%221%22/%3E%3Crect x=%2211%22 y=%229%22 width=%221%22 height=%221%22/%3E%3Crect x=%2215%22 y=%229%22 width=%221%22 height=%221%22/%3E%3Crect x=%227%22 y=%2210%22 width=%221%22 height=%221%22/%3E%3Crect x=%2211%22 y=%2210%22 width=%221%22 height=%221%22/%3E%3Crect x=%2214%22 y=%2210%22 width=%221%22 height=%221%22/%3E%3Crect x=%227%22 y=%2211%22 width=%221%22 height=%221%22/%3E%3Crect x=%2212%22 y=%2211%22 width=%221%22 height=%221%22/%3E%3Crect x=%2214%22 y=%2211%22 width=%221%22 height=%221%22/%3E%3Crect x=%228%22 y=%2212%22 width=%221%22 height=%221%22/%3E%3Crect x=%2213%22 y=%2212%22 width=%221%22 height=%221%22/%3E%3Crect x=%228%22 y=%2213%22 width=%221%22 height=%221%22/%3E%3Crect x=%2213%22 y=%2213%22 width=%221%22 height=%221%22/%3E%3Crect x=%229%22 y=%2214%22 width=%224%22 height=%221%22/%3E%3Crect x=%2210%22 y=%2215%22 width=%222%22 height=%221%22/%3E%3Crect x=%2246%22 y=%228%22 width=%224%22 height=%221%22/%3E%3Crect x=%2245%22 y=%229%22 width=%221%22 height=%221%22/%3E%3Crect x=%2250%22 y=%229%22 width=%221%22 height=%221%22/%3E%3Crect x=%2244%22 y=%2210%22 width=%221%22 height=%221%22/%3E%3Crect x=%2247%22 y=%2210%22 width=%221%22 height=%221%22/%3E%3Crect x=%2251%22 y=%2210%22 width=%221%22 height=%221%22/%3E%3Crect x=%2244%22 y=%2211%22 width=%221%22 height=%221%22/%3E%3Crect x=%2247%22 y=%2211%22 width=%221%22 height=%221%22/%3E%3Crect x=%2251%22 y=%2211%22 width=%221%22 height=%221%22/%3E%3Crect x=%2244%22 y=%2212%22 width=%221%22 height=%221%22/%3E%3Crect x=%2248%22 y=%2212%22 width=%221%22 height=%221%22/%3E%3Crect x=%2251%22 y=%2212%22 width=%221%22 height=%221%22/%3E%3Crect x=%2244%22 y=%2213%22 width=%221%22 height=%221%22/%3E%3Crect x=%2248%22 y=%2213%22 width=%221%22 height=%221%22/%3E%3Crect x=%2251%22 y=%2213%22 width=%221%22 height=%221%22/%3E%3Crect x=%2244%22 y=%2214%22 width=%221%22 height=%221%22/%3E%3Crect x=%2248%22 y=%2214%22 width=%221%22 height=%221%22/%3E%3Crect x=%2251%22 y=%2214%22 width=%221%22 height=%221%22/%3E%3Crect x=%2244%22 y=%2215%22 width=%221%22 height=%221%22/%3E%3Crect x=%2249%22 y=%2215%22 width=%221%22 height=%221%22/%3E%3Crect x=%2251%22 y=%2215%22 width=%221%22 height=%221%22/%3E%3Crect x=%2245%22 y=%2216%22 width=%221%22 height=%221%22/%3E%3Crect x=%2250%22 y=%2216%22 width=%221%22 height=%221%22/%3E%3Crect x=%2246%22 y=%2217%22 width=%224%22 height=%221%22/%3E%3Crect x=%2241%22 y=%2236%22 width=%222%22 height=%221%22/%3E%3Crect x=%2241%22 y=%2237%22 width=%222%22 height=%221%22/%3E%3Crect x=%2239%22 y=%2238%22 width=%226%22 height=%221%22/%3E%3Crect x=%2233%22 y=%2239%22 width=%222%22 height=%221%22/%3E%3Crect x=%2238%22 y=%2239%22 width=%2210%22 height=%221%22/%3E%3Crect x=%2232%22 y=%2240%22 width=%221%22 height=%221%22/%3E%3Crect x=%2235%22 y=%2240%22 width=%221%22 height=%221%22/%3E%3Crect x=%2238%22 y=%2240%22 width=%2210%22 height=%221%22/%3E%3Crect x=%2249%22 y=%2240%22 width=%222%22 height=%221%22/%3E%3Crect x=%2232%22 y=%2241%22 width=%221%22 height=%221%22/%3E%3Crect x=%2236%22 y=%2241%22 width=%221%22 height=%221%22/%3E%3Crect x=%2238%22 y=%2241%22 width=%2210%22 height=%221%22/%3E%3Crect x=%2249%22 y=%2241%22 width=%222%22 height=%221%22/%3E%3Crect x=%2233%22 y=%2242%22 width=%221%22 height=%221%22/%3E%3Crect x=%2236%22 y=%2242%22 width=%221%22 height=%221%22/%3E%3Crect x=%2238%22 y=%2242%22 width=%2210%22 height=%221%22/%3E%3Crect x=%2249%22 y=%2242%22 width=%222%22 height=%221%22/%3E%3Crect x=%2233%22 y=%2243%22 width=%221%22 height=%221%22/%3E%3Crect x=%2237%22 y=%2243%22 width=%2211%22 height=%221%22/%3E%3Crect x=%2250%22 y=%2243%22 width=%221%22 height=%221%22/%3E%3Crect x=%2234%22 y=%2244%22 width=%221%22 height=%221%22/%3E%3Crect x=%2236%22 y=%2244%22 width=%2212%22 height=%221%22/%3E%3Crect x=%2250%22 y=%2244%22 width=%221%22 height=%221%22/%3E%3Crect x=%2234%22 y=%2245%22 width=%2214%22 height=%221%22/%3E%3Crect x=%2250%22 y=%2245%22 width=%221%22 height=%221%22/%3E%3Crect x=%2234%22 y=%2246%22 width=%2214%22 height=%221%22/%3E%3Crect x=%2249%22 y=%2246%22 width=%221%22 height=%221%22/%3E%3Crect x=%2234%22 y=%2247%22 width=%2214%22 height=%221%22/%3E%3Crect x=%2235%22 y=%2248%22 width=%2212%22 height=%221%22/%3E%3Crect x=%229%22 y=%2238%22 width=%221%22 height=%221%22/%3E%3Crect x=%2213%22 y=%2238%22 width=%221%22 height=%221%22/%3E%3Crect x=%228%22 y=%2239%22 width=%221%22 height=%221%22/%3E%3Crect x=%2212%22 y=%2239%22 width=%221%22 height=%221%22/%3E%3Crect x=%229%22 y=%2240%22 width=%221%22 height=%221%22/%3E%3Crect x=%2213%22 y=%2240%22 width=%221%22 height=%221%22/%3E%3Crect x=%226%22 y=%2242%22 width=%2210%22 height=%221%22/%3E%3Crect x=%226%22 y=%2243%22 width=%221%22 height=%221%22/%3E%3Crect x=%2215%22 y=%2243%22 width=%222%22 height=%221%22/%3E%3Crect x=%226%22 y=%2244%22 width=%221%22 height=%221%22/%3E%3Crect x=%2215%22 y=%2244%22 width=%221%22 height=%221%22/%3E%3Crect x=%2217%22 y=%2244%22 width=%221%22 height=%221%22/%3E%3Crect x=%226%22 y=%2245%22 width=%221%22 height=%221%22/%3E%3Crect x=%2215%22 y=%2245%22 width=%221%22 height=%221%22/%3E%3Crect x=%2217%22 y=%2245%22 width=%221%22 height=%221%22/%3E%3Crect x=%226%22 y=%2246%22 width=%221%22 height=%221%22/%3E%3Crect x=%2215%22 y=%2246%22 width=%222%22 height=%221%22/%3E%3Crect x=%227%22 y=%2247%22 width=%221%22 height=%221%22/%3E%3Crect x=%2214%22 y=%2247%22 width=%221%22 height=%221%22/%3E%3Crect x=%227%22 y=%2248%22 width=%221%22 height=%221%22/%3E%3Crect x=%2214%22 y=%2248%22 width=%221%22 height=%221%22/%3E%3Crect x=%228%22 y=%2249%22 width=%226%22 height=%221%22/%3E%3C/g%3E%3C/svg%3E") center / 128px 128px; overflow: hidden; }
main { display: grid; place-items: center; width: 100%; height: 100%; }
#stage { display: flex; flex-direction: column; }
#stage[hidden] { display: none; }
.layer { position: relative; }
canvas { display: block; image-rendering: pixelated; }
.layer > div { position: absolute; inset: 0; pointer-events: none; }
.layer button { position: absolute; pointer-events: auto; appearance: none; background: none; border: 0; padding: 0; margin: 0; color: transparent; font-size: 0; cursor: inherit; outline: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.layer button[hidden] { display: none; }
@media (hover: hover) and (pointer: fine) { #stage { cursor: none; } }
/* Desktop: the stage sits on the wallpaper with a soft drop. */
@media (min-width: 700px) { #stage { box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6); } }
/* Phones: the room sits at the top and the verbs sit at the bottom, under the thumb. */
@media (max-width: 699px) { #stage { height: 100%; justify-content: space-between; padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom); } }
#fallback { display: block; max-width: 100%; height: auto; image-rendering: pixelated; }
#fallback[hidden] { display: none; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
::selection { background: #67c56a; color: #0c0c12; }