:root,.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0e0e0e;--foreground:#fff;--font-mono:"Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--background);width:100%;height:100%;color:var(--foreground);margin:0;overflow:hidden}body,button{font-family:var(--font-mono)}::selection{color:#000;background:#fff}button{font:inherit}.experience{isolation:isolate;background:var(--background);width:100%;height:100dvh;position:relative;overflow:hidden}.experience[data-light=true]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#ededed;--foreground:#111}.experience[data-light=true] .controls{color:#444}.experience[data-light=true] .controls button:hover{color:#000}.ascii-canvas{opacity:0;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.stage{touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.stage:active .ascii-canvas{cursor:grabbing}.experience[data-ready=true] .ascii-canvas{opacity:1}.experience[data-ready=true] .fallback-art{visibility:hidden}.stage:focus-visible{outline-offset:-14px;outline:1px dashed #777}.fallback-art{font:bold clamp(4px, 1.22vw, 24px)/1.2 var(--font-mono);letter-spacing:0;margin:0;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.controls{bottom:max(22px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));pointer-events:none;letter-spacing:.1em;color:#b4b4b4;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5;display:flex;position:absolute}.controls button{pointer-events:auto;color:inherit;cursor:pointer;min-width:88px;min-height:44px;letter-spacing:inherit;background:0 0;border:0;border-radius:0;padding:8px 0;transition:color .15s}.controls button:hover{color:#fff}.controls>span{white-space:nowrap}:focus-visible{outline:1px dashed var(--foreground);outline-offset:7px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.controls{left:18px;right:18px;bottom:max(12px, env(safe-area-inset-bottom));font-size:10px}.controls button{min-width:80px}}