#M{position:fixed;inset:0}#C{position:absolute;inset:0}#N{z-index:8;overflow-y:auto}#N .menu{box-sizing:border-box;min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px 16px;flex-direction:column;justify-content:center;display:flex}#N h3 b{padding:.15em .6em;display:inline-block}#T{z-index:4;padding:0 16px max(12px, env(safe-area-inset-bottom));pointer-events:none;left:0;right:0}.touch-help{display:none}html.touch .touch-help{display:block}html.touch .keys-help{display:none}.st-error{color:#fca;text-align:center;place-items:center;padding:24px;font:18px/1.4 system-ui,sans-serif;display:grid;position:fixed;inset:0}.st-hint{left:50%;top:max(16px, env(safe-area-inset-top));z-index:6;color:#fca;text-align:center;pointer-events:none;background:#0009;border-radius:12px;max-width:min(90vw,520px);padding:10px 16px;font:15px/1.4 system-ui,sans-serif;transition:opacity .6s;position:fixed;transform:translate(-50%)}.st-hint.st-hide{opacity:0}.st-touch{z-index:5;touch-action:none;display:none;position:fixed;inset:0}html.touch .st-touch{display:block}body.N .st-touch{display:none}.st-stick{pointer-events:none;background:#0003;border:2px solid #ffccaa80;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.st-stick.st-on{display:block}.st-knob{background:#fca9;border-radius:50%;width:48px;height:48px;position:absolute;top:32px;left:32px}.st-btn{color:#fca;touch-action:none;-webkit-tap-highlight-color:transparent;background:#00000059;border:2px solid #ffccaa8c;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.st-btn svg{fill:currentColor;width:55%;height:55%}.st-action{width:76px;height:76px;right:max(24px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom))}.st-torch{width:54px;height:54px;right:calc(max(24px, env(safe-area-inset-right)) + 96px);bottom:max(36px, env(safe-area-inset-bottom))}.st-menu{width:44px;height:44px;left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));border-radius:12px}