*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#073b4c;font-family:monospace;color:#fff;overflow:hidden;touch-action:none}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.touch{position:fixed;inset:auto 0 14px;display:flex;justify-content:space-between;padding:0 5vw;pointer-events:none}.touch .cluster{display:flex;gap:12px}.touch button,.pause{pointer-events:auto;border:2px solid #b7f3e2;background:#087e8baa;color:#fff;border-radius:18px;width:76px;height:76px;font:700 30px monospace;user-select:none;-webkit-user-select:none}.pause{position:fixed;right:14px;top:14px;width:45px;height:45px;font-size:20px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#073b4ce8;text-align:center;padding:20px}.panel{max-width:650px;border:4px solid #f5c451;background:#0c5363;padding:28px;box-shadow:8px 8px #042c37}.panel h1{color:#f5c451;font-size:clamp(26px,5vw,48px)}.panel button{font:700 18px monospace;color:#073b4c;background:#f5c451;border:0;padding:14px 20px;margin:8px;cursor:pointer}.small{font-size:13px;color:#b7f3e2}@media(max-width:600px){.touch button{width:68px;height:68px}.panel{padding:16px}.panel h1{margin:8px}}