html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a2a6e}.ch-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#0a2a6e;touch-action:none;user-select:none;-webkit-user-select:none}.ch-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.ch-sys{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;gap:clamp(6px,1vmin,12px);z-index:5}.ch-btn{width:clamp(40px,7vmin,64px);height:clamp(40px,7vmin,64px);border:0;border-radius:22%;padding:0;cursor:pointer;background:#8b35c9eb;color:#fff;box-shadow:0 3px #3c0a6ee6,0 4px 10px #00000040;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.ch-btn svg{width:62%;height:62%}.ch-btn:active{transform:translateY(2px);box-shadow:0 1px #3c0a6ee6}.ch-btn.is-off{opacity:.55}