:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111318;--fg:#e8e8ea;--accent:#6cf}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:15px/1.4 system-ui,sans-serif;overflow:hidden}body.playing{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app,#app>canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.launcher{touch-action:pan-y;max-width:560px;margin:0 auto;padding:24px 16px;position:fixed;inset:0;overflow:auto}.launcher h1{font-size:22px}.launcher ul{padding:0;list-style:none}.launcher a{color:var(--fg);background:#1c1f27;border-radius:10px;margin:8px 0;padding:14px 16px;text-decoration:none;display:block}.launcher a:hover{background:#262a35}.hud{pointer-events:none;white-space:pre;text-shadow:0 1px 2px #000;font:13px/1.3 ui-monospace,monospace;position:fixed;top:10px;left:12px}.chrome{z-index:10;gap:6px;display:flex;position:fixed;top:10px;right:10px}.chrome a,.chrome button{width:36px;height:36px;color:var(--fg);cursor:pointer;background:#0008;border:0;border-radius:8px;place-items:center;font-size:18px;text-decoration:none;display:grid}.touch-ui{pointer-events:none;z-index:5;position:fixed;inset:0}.stick-base{background:#ffffff14;border:2px solid #ffffff30;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}.stick-knob{background:#fff5;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}.touch-btn{pointer-events:auto;background:#ffffff1c;border:2px solid #ffffff40;border-radius:50%;place-items:center;width:72px;height:72px;font-size:20px;font-weight:700;display:grid;position:absolute}.touch-btn.on{background:#ffffff50}.touch-a{right:calc(24px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom))}.touch-b{right:calc(110px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}.net{left:calc(10px + env(safe-area-inset-left));top:calc(54px + env(safe-area-inset-top));z-index:10;white-space:nowrap;background:#000a;border-radius:10px;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;display:flex;position:fixed}.net button{background:var(--accent);color:#000;cursor:pointer;border:0;border-radius:7px;padding:6px 10px;font-weight:600}