:root[data-theme="abyss"] html.sq-on .sq::before,
html.sq-on:root[data-theme="abyss"] .sq::before { display: none; }
:root[data-theme="abyss"] .sq-blade { display: none !important; }

:root[data-theme="abyss"][data-page="windows"] main > .page-head { min-height: max(360px, calc(var(--vh, 1svh) * 54)); }

:root[data-theme="abyss"] .ab-glass-on { position: relative; overflow: hidden; }
:root[data-theme="abyss"] .ab-glass-h { z-index: 2; }
:root[data-theme="abyss"] .ab-glass { pointer-events: none; z-index: 3; }
:root[data-theme="abyss"] .ab-glass-tool {
  position: absolute; z-index: 4; left: 0; top: 0; pointer-events: none; will-change: transform;
  background: url("../img/windows/squeegee.webp") 0 0 / 100% 100% no-repeat;
  filter: drop-shadow(10px 14px 16px rgba(0, 0, 0, 0.4));
}
:root[data-theme="abyss"] .ab-glass-on::after {
  content: ""; position: absolute; z-index: 5; inset: 0; pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(160, 255, 235, 0.42), inset 0 0 0 7px rgba(10, 70, 66, 0.28), inset 0 0 0 8px rgba(63, 217, 190, 0.22);
}
:root[data-theme="abyss"][data-page="windows"] .ab-veil::before { inset: -30% -14%; background: radial-gradient(closest-side, rgba(3, 14, 22, 0.86) 0%, rgba(3, 14, 22, 0.7) 55%, rgba(3, 14, 22, 0) 100%); }