:root{--ink:#f3ead8;--ink-dim:#f3ead8b8;--shade:#14100b6b;--gold:#d9a441;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#1b1712;margin:0;overflow:hidden}#app,#app canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.loading{text-align:center;z-index:10;background:#1b1712;place-content:center;transition:opacity .8s;display:grid;position:fixed;inset:0}.loading.is-done{opacity:0;pointer-events:none}.loading__title{font-family:var(--serif);letter-spacing:.04em;margin:0;font-size:clamp(28px,6vw,48px)}.loading__sub{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:8px 0 28px;font-size:13px}.loading__status{color:var(--ink-dim);margin:0;font-size:13px}.hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hints{left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--shade);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 32px);color:var(--ink-dim);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:10px 16px;font-size:13px;transition:opacity 1.2s;display:flex;position:absolute;transform:translate(-50%)}.hints.is-faded{opacity:0}.hint{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.key{min-width:22px;height:22px;color:var(--ink);border:1px solid #f3ead866;border-radius:5px;place-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-grid}.is-touch .hints{bottom:auto;top:max(14px, env(safe-area-inset-top))}.stick{--size:128px;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);opacity:.5;transition:opacity .2s;display:none;position:absolute;top:0;left:0}.is-touch .stick{display:block}.stick.is-active{opacity:.95}.stick__base,.stick__knob{border-radius:50%;position:absolute}.stick__base{background:#14100b40;border:2px solid #f3ead88c;inset:0}.stick__knob{background:#f3ead8bf;width:52px;height:52px;margin:-26px 0 0 -26px;top:50%;left:50%;box-shadow:0 2px 10px #00000059}.stick.is-running .stick__knob{background:var(--gold)}.debug{color:#cfe;z-index:20;pointer-events:none;background:#0000008c;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:8px;right:8px}.is-touch .debug{top:auto;bottom:max(8px, env(safe-area-inset-bottom))}