html,body{margin:0;height:100%;overflow:hidden;background:#020204;font-family:system-ui,sans-serif}
#app{position:fixed;inset:0}
#labels{position:fixed;inset:0;pointer-events:none}
/* подписи сфирот / клипот / служебные */
.lb{--c:#dde4ff;color:var(--c);font-size:12px;line-height:1.25;white-space:nowrap;pointer-events:none;
    padding:2px 9px;border-radius:999px;background:rgba(5,5,12,.66);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);
    box-shadow:0 0 10px color-mix(in srgb,var(--c) 22%,transparent);text-shadow:0 0 3px #000}
.lb .he{font-family:'Noto Sans Hebrew','Frank Ruehl CLM','David CLM',serif;font-size:13px;margin-left:6px;opacity:.85;direction:rtl}
.lb .sub{display:none;font-size:10px;opacity:.7;margin-top:1px}
body.near .lb .sub{display:block}
.lb.q{font-size:11px;background:rgba(14,3,5,.7)}
.lb.hd{background:none;border:none;box-shadow:none;letter-spacing:.12em;text-transform:uppercase;font-size:10px;opacity:.75;padding:0}
.lb.abyss{font-style:italic;font-size:10px;background:none;border:none;box-shadow:none;opacity:.8;padding:0}
/* буквы путей */
.pl{--c:#fff;display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 2px;
    border-radius:999px;box-sizing:border-box;background:rgba(5,5,12,.82);border:1px solid var(--c);color:var(--c);
    font:11px 'Noto Sans Hebrew','Frank Ruehl CLM',serif;pointer-events:none}
.pl i{display:none;font:normal 8px system-ui,sans-serif;opacity:.75;margin-left:3px}
body.near .pl i{display:inline}
body.cube-on .pl[data-role=mother]{--c:#40e8ff!important}
body.cube-on .pl[data-role=double]{--c:#ffc861!important}
body.cube-on .pl[data-role=simple]{--c:#ff5ad1!important}
.lb.cube{font-size:11px;padding:1px 8px}
.lb.cube .he{margin:0 5px 0 0;font-size:14px}
body.near .pl{min-width:17px;height:17px;font-size:12px}
body.far .lb{font-size:10px;padding:0 6px}
body.far .lb:not(.cube) .he,body.far .pl{display:none}
body.far .lb.cube .nm{display:none}