:root{color:#eef4ff;background:#03050c;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;touch-action:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{min-height:100dvh;background:#03050c}#app{display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas{display:block;max-width:100%;max-height:100%;touch-action:none;outline:none}.rhythm-control{position:fixed;z-index:9;top:max(6px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:66px 132px;align-items:center;gap:8px;width:222px;padding:5px 8px;border:1px solid #6f86aa55;border-radius:999px;background:#071021d9;color:#dce9ff;font-size:11px;font-variant-numeric:tabular-nums;transform:translate(-50%);touch-action:manipulation}.rhythm-control output{text-align:right}.rhythm-control input{width:132px;accent-color:#6ea9e8;touch-action:pan-x}.debug-panel{position:fixed;z-index:10;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:min(215px,54vw);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:10px;border:1px solid #6f86aa66;border-radius:10px;background:#071021e8;color:#dce9ff;font-size:11px;-webkit-user-select:text;user-select:text;touch-action:pan-y}.debug-panel h2{margin:0 0 6px;font-size:13px}.debug-stats{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin-bottom:8px}.debug-control{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:6px;margin:4px 0}.debug-control input{width:64px}