/* Hub v0.206: ромбосетка-треугольник для своих кнопок. v0.266: сеток шесть (.hubRombGrid, data-edge b / l / t); пустая свёрнута
   в ромб-уголок у края, с кнопками в покое видны только занятые ромбы, вся — при наведении и пока тянут кнопку. */
.hubRombGrid{position:fixed;z-index:27;pointer-events:none}
.hubRombGrid .hubRgCell,.hubRombGrid .hubRgStub{position:absolute;width:48px;height:48px;padding:0;border:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:auto;cursor:grab;background:color-mix(in srgb,var(--hub-theme-bg) 80%,transparent);color:var(--hub-theme-bit);font:11px/1.05 system-ui,sans-serif;white-space:pre-line;text-align:center;text-shadow:0 1px 2px #000}
.hubRombGrid .hubRgCell::after,.hubRombGrid .hubRgStub::after{content:'';position:absolute;inset:7.5px;border:1px dashed currentColor;transform:rotate(45deg);pointer-events:none;opacity:.7}
.hubRombGrid .hubRgStub{display:none;z-index:1}
.hubRombGrid.fold:not(.open) .hubRgStub{display:block}
body.hubRgDragging .hubRombGrid .hubRgStub{display:none!important}
.hubRombGrid:not(.open) .hubRgCell:not(.full){visibility:hidden}
body.hubRgDragging .hubRombGrid .hubRgCell{visibility:visible!important}
.hubRombGrid .hubRgCell.full{background:var(--rg-bg,var(--hub-theme-bg));cursor:pointer}
.hubRombGrid .hubRgCell.full::after{border-style:solid;opacity:.55}
.hubRombGrid .hubRgCell.full[aria-pressed=false]{color:color-mix(in srgb,var(--hub-theme-bit) 50%,transparent)}
.hubRombGrid .hubRgCell.full[aria-pressed=true],.hubRombGrid .hubRgCell.full[aria-pressed=mixed]{background:var(--hub-theme-active);color:#fff}
.hubRombGrid .hubRgCell.lost{opacity:.4}
.hubRombGrid .hubRgCell:hover,.hubRombGrid .hubRgCell.over{background:var(--hub-theme-active);color:var(--hub-theme-accent)}
#hubRgGhost[hidden]{display:none}
#hubRgGhost{position:fixed;z-index:2147483000;width:40px;height:40px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--hub-theme-active);color:#fff;font:10px/1.05 system-ui,sans-serif;white-space:pre-line;text-align:center;pointer-events:none;opacity:.85}
body.hubRgDragging,body.hubRgDragging *{user-select:none!important;cursor:grabbing!important}
body.hubZen .hubRombGrid{visibility:hidden;pointer-events:none}
body.hubZen .hubRombGrid .hubRgCell,body.hubZen .hubRombGrid .hubRgStub{pointer-events:none}
/* 19.10: «если 2 ряд заполнен, то 3 — треугольниками»: ряд у края (срезан пополам) виден всегда, пока в сетке есть кнопки */
.hubRombGrid:not(.fold) .hubRgCell.edge{visibility:visible}
/* 19.10: «цвет ромбов такой же, как из группы» — как кнопки рейки: тёмная середина, обводка цветом группы; включённая — ярче со свечением */
.hubRombGrid .hubRgCell.full.grp:not(.hasBg){background:color-mix(in srgb,var(--rg-c) 18%,#121a30);color:#dfe6f5}
.hubRombGrid .hubRgCell.full.grp::after{border:1.5px solid var(--rg-c);opacity:.9}
.hubRombGrid .hubRgCell.full.grp[aria-pressed=false]{color:color-mix(in srgb,#dfe6f5 60%,transparent)}
.hubRombGrid .hubRgCell.full.grp[aria-pressed=true]:not(.hasBg),.hubRombGrid .hubRgCell.full.grp[aria-pressed=mixed]:not(.hasBg){background:color-mix(in srgb,var(--rg-c) 70%,#121a30);color:#fff}
.hubRombGrid .hubRgCell.full.grp:hover{background:color-mix(in srgb,var(--rg-c) 45%,#121a30)}