.qm-hud{z-index:806;left:var(--qm-left);top:calc(var(--qm-top) + var(--qm-dial-h,100px) + 8px);pointer-events:none;color:var(--qm-ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:opacity var(--qm-t-mid) ease;align-items:center;gap:8px;display:flex;position:fixed}.qm-hud>*{pointer-events:auto}.qm-view{gap:4px;display:flex}.qm-view-tile{box-sizing:border-box;cursor:pointer;width:40px;height:40px;color:var(--qm-ink);border:8px solid #0000;border-image:var(--qm-frame-slip) 24 / 8px / 0 stretch;filter:var(--qm-lift);--qm-ic-hole:var(--qm-paper);background:0 0;border-image-slice:24 fill;place-items:center;margin:0;padding:0;display:grid}.qm-view-tile svg{fill:currentColor;opacity:.62;width:24px;height:24px;transition:opacity var(--qm-t-fast) ease}.qm-view-tile svg .qm-ic-hi{fill:var(--qm-ic-hole)}.qm-view-tile:hover svg,.qm-view-tile:focus-visible svg{opacity:1}.qm-view-tile[aria-checked=true],.qm-view-tile[aria-pressed=true]{background:var(--qm-seal);color:var(--qm-paper-hi);filter:none;--qm-ic-hole:var(--qm-seal);-webkit-mask:var(--qm-seal-mask) center / 100% 100% no-repeat;mask:var(--qm-seal-mask) center / 100% 100% no-repeat;border:0;border-image:;transform:rotate(-3deg)}.qm-view-tile[aria-checked=true] svg,.qm-view-tile[aria-pressed=true] svg{opacity:1;width:25px;height:25px}.qm-view-tile[aria-checked=true]+.qm-view-tile{transform:rotate(1.5deg)}.qm-view-tile:focus-visible{outline:2px dashed var(--qm-cinnabar);outline-offset:3px}.qm-view-sm .qm-view-tile{border-width:7px;width:36px;height:36px}.qm-view-sm .qm-view-tile svg{width:21px;height:21px}.qm-more{width:40px;height:40px}.qm-more svg{width:22px;height:22px;fill:var(--qm-ink);margin-left:2px}.qm-more:hover svg,.qm-more:focus-visible svg{transform:translate(1.5px)}.qm-more:focus-visible{outline:2px dashed var(--qm-cinnabar);outline-offset:3px}@media (width<=640px){.qm-hud{left:calc(var(--qm-left) + var(--qm-dial-w,72px) + 8px);top:calc(var(--qm-top) + (var(--qm-dial-h,72px) - 36px) / 2);gap:6px}.qm-view{gap:3px}.qm-view-tile{border-width:7px;width:36px;height:36px}.qm-view-tile svg{width:21px;height:21px}.qm-view-tile[aria-checked=true] svg,.qm-view-tile[aria-pressed=true] svg{width:22px;height:22px}.qm-more{width:36px;height:36px}.qm-more svg{width:20px;height:20px}.qm-hud:has(.qm-sky-tile){top:calc(var(--qm-top) + (var(--qm-dial-h,72px) - 75px) / 2);grid-template-columns:36px 36px;gap:3px;display:grid}.qm-hud:has(.qm-sky-tile) .qm-view{grid-column:1/-1}html.qm-touch .qm-toasts{top:calc(var(--qm-top) + max(58px, var(--qm-dial-h,72px) + 10px))}}html.qm-sky #dial,html.qm-sky .qm-hud>:not(.qm-sky-tile),html.qm-sky #help,html.qm-sky #crosshair,html.qm-sky .qm-ui,html.qm-sky .qm-jn-open,html.qm-sky .sh-open{opacity:0;pointer-events:none}html.qm-sky #help *{pointer-events:none}html.qm-sky .qm-sky-tile{opacity:.55;transition:opacity var(--qm-t-mid) ease}html.qm-sky .qm-sky-tile:hover,html.qm-sky .qm-sky-tile:focus-visible{opacity:1}html #soundCtl:not(.open){display:none}html.qm-set-open .qm-hud,html.qm-set-open #dial,html.qm-set-open #help,html.qm-set-open #crosshair{opacity:0;pointer-events:none}html.qm-set-open .qm-hud>*,html.qm-set-open #help *{pointer-events:none}@media (prefers-reduced-motion:reduce){.qm-view-tile,.qm-hud{transition:none}}