:root{--bg:#0b0b10;box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
canvas{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated}
#tools{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:8px}
#tools button{background:#0008;color:#fff;border:1px solid #fff4;border-radius:14px;padding:6px 12px;font:600 12px system-ui,sans-serif;touch-action:manipulation;white-space:nowrap}
.lever{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:none;background:#ffffff1c;border:2px solid #fff6;border-radius:40px;touch-action:none}
@media (pointer:coarse){.lever{display:block}}
.lever.v{left:28px;width:76px;height:190px}.lever.h{right:28px;width:190px;height:76px}
.lever i{position:absolute;background:#fff4;border-radius:3px}
.lever.v i{left:50%;top:14px;bottom:14px;width:6px;margin-left:-3px}.lever.h i{top:50%;left:14px;right:14px;height:6px;margin-top:-3px}
.lever b{position:absolute;width:62px;height:62px;border-radius:50%;background:#fffd;border:3px solid #fff;box-shadow:0 2px 8px #0008;left:50%;top:50%;margin:-31px 0 0 -31px}
#msg{position:fixed;left:50%;top:38%;transform:translateX(-50%);background:#000c;color:#ffd24a;font:600 13px system-ui,sans-serif;padding:10px 14px;border-radius:10px;display:none;max-width:80vw;text-align:center}
.lever b.on{background:#ffd24a;border-color:#fff}