html,body{color:#fff;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#1b1f27;height:100%;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}:root{--inset-top:env(safe-area-inset-top);--inset-right:env(safe-area-inset-right);--inset-bottom:env(safe-area-inset-bottom);--inset-left:env(safe-area-inset-left)}#stage{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}canvas#game{width:100%;height:100%;display:block}html.sideways{--inset-top:env(safe-area-inset-right);--inset-right:env(safe-area-inset-bottom);--inset-bottom:env(safe-area-inset-left);--inset-left:env(safe-area-inset-top)}html.sideways #stage{width:var(--vh);height:var(--vw);transform-origin:0 0;transform:translateX(var(--vw)) rotate(90deg)}#hud{top:max(10px, var(--inset-top));left:max(12px, var(--inset-left));pointer-events:none;gap:10px;font-size:14px;display:flex;position:absolute}#hud span{background:#0a0e16b3;border-radius:999px;padding:5px 10px}#hud span:empty{display:none}#hint{left:50%;bottom:max(14px, var(--inset-bottom));white-space:nowrap;pointer-events:none;background:#0a0e16b3;border-radius:999px;padding:6px 14px;font-size:14px;transition:opacity .6s;position:absolute;transform:translate(-50%)}#hint.hidden{opacity:0}#stick{pointer-events:none;background:#ffffff14;border:2px solid #ffffff73;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}#stick.on{display:block}#knob{background:#ffffffbf;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}