.demo{color:var(--ww-ink-wood);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background:#1a2416;flex-direction:column;display:flex;position:fixed;inset:0}.demo-scene{flex:auto;min-height:0;position:relative}.demo-scene canvas{opacity:0;transition:opacity .7s cubic-bezier(.22,.7,.3,1)}.demo[data-demo-ready] .demo-scene canvas{opacity:1}@media (prefers-reduced-motion:reduce){.demo-scene canvas{transition:none}}.demo-waking{color:#f6ecd4;text-shadow:0 1px 3px #0c0905cc;margin:0;font-size:17px;font-style:italic;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.demo-slate{margin:15px 8px calc(8px + env(safe-area-inset-bottom));flex:none;position:relative}.demo-slate-inner{flex-direction:column;gap:12px;padding:26px 24px 24px;display:flex;position:relative}.demo-lines{min-height:132px;margin:0;padding:0;list-style:none}.demo-line{width:100%;min-height:44px;color:var(--ww-ink-wood);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0 10px 0 0;display:flex}.demo-line:disabled,.demo-line-fixed{cursor:default}.demo-line-empty{color:var(--ww-ink-wood-soft);padding-left:14px;font-size:15px;font-style:italic}.demo-num{text-align:right;width:2.2em;color:var(--ww-ink-wood-soft);font-family:var(--font-code);flex:none;padding-right:.8em;font-size:13px}.demo-indent{flex:none;width:2.4ch}.demo-code{font-family:var(--font-code);white-space:pre;color:var(--ww-ink-wood);font-size:15px;line-height:1.3}.demo-code .t-k{color:var(--ww-brass-100)}.demo-code .t-c{color:var(--ww-ink-command)}.demo-code .t-s{color:var(--ww-moss-light)}.demo-code .t-n{color:var(--ww-brass-200)}.demo-tray{flex-wrap:wrap;align-content:flex-start;gap:10px 12px;min-height:98px;display:flex}.demo-tray-empty{color:var(--ww-ink-wood-soft);margin:10px 2px 0;font-size:15px;font-style:italic}.demo-tile{display:inline-flex}.demo-wake{align-items:center;gap:14px;display:flex}.demo-wake-plate{flex:none;display:inline-flex}.demo-working{font-family:var(--font-body);color:var(--ww-ink-brass);font-size:14px}.demo-truth{color:var(--ww-ink-wood-soft);text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.35}.demo-end{padding:0 12px calc(16px + env(safe-area-inset-bottom));flex:none;justify-content:center;display:flex}.demo-end-title{margin:0 0 8px;font-size:23px;font-weight:700;line-height:1.2}.demo-end-body{text-wrap:pretty;margin:12px 0 14px;font-size:16px;line-height:1.5}.demo-end-note,.demo-end-free{margin:10px 0 0;font-size:15px;line-height:1.45}.demo-end-note a{color:var(--ww-ink-paper);text-underline-offset:3px;margin:-11px 0;padding:11px 0;text-decoration:underline;display:inline-block}.demo-end-play{margin:4px 0 0}.demo-plate-link{min-height:44px;color:var(--ww-ink-paper);text-underline-offset:4px;align-items:center;font-size:17px;text-decoration:underline;display:inline-flex}.demo .gate-watch{color:var(--ww-ink-paper);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:15px;text-decoration:underline;text-decoration-thickness:1px}