#controls{width:268px;top:54px;max-height:calc(100dvh - 70px)}#stage{height:100dvh}#canvas{touch-action:none}#canvas.dragging{cursor:grabbing!important}#controls-toggle{position:absolute;left:16px;top:14px;z-index:3;margin:0;font-size:11px}.prompt{z-index:4}.note{margin:6px 0 10px;color:var(--muted);font-size:11px}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#field-caption{position:absolute;bottom:20px;left:300px;right:20px;text-align:center;pointer-events:none}#field-caption .principle{color:#8ea3d4;font-size:10px;letter-spacing:.15em;text-transform:uppercase}#interaction-status{color:#637aa8;font-size:11px;margin:6px 0 0}#stage:has(#controls.hidden) #field-caption{left:20px}@media (max-width: 720px){#controls{top:auto;bottom:16px;max-height:51dvh;width:calc(100vw - 32px);z-index:2}#controls.hidden{transform:translateY(12px)}#field-caption{left:16px;right:16px;bottom:20px}#field-caption .principle{font-size:9px;letter-spacing:.08em}.brand{top:14px;right:16px}}