/* THE CARDS' LIGHT (2026-10-31; view/js/vk_cardlight.js). His words, 2026-10-31: «Sí: borde que sigue al ratón y brillo suave solo en la tarjeta de la rejilla que está debajo del cursor; quita la luz del resto de la página.»
 * Only the grid card under the pointer (a file, folder or archive card .containernews .capsaitem.vkfc, a hub card .vkCards > .vkCard.vkfc), only the dark look, only with a mouse. The script gives the card
 * under the pointer the class .vkcl and writes five numbers on it - --mx/--my (the pointer, px, in the card), --ex/--ey (the nearest point of the card's edge to the pointer, px), --ka (the edge's strength), --ks
 * (the sheen's strength) - while it is lit and while it fades; they are removed when it is dark again. Two things are drawn from them:
 *   THE EDGE  a radial gradient of white (about 45 % at its brightest, gone 140 px along the border) as ONE MORE LAYER of the card's own outline - the ::after that carries the notched outline mask and the green
 *             thread (view/css/vk_frames.css): it is the FIRST layer of that background (var(--vkcl-edge), set below; `none` when the card is not lit), so it sits over the resting outline and over the thread, and
 *             the mask (view/js/vk_frames.js cardRule) makes it exactly the outline. The thread's one turn and the 5 px lift are untouched.
 *   THE SHEEN a very soft radial (about 6 % white, radius 160 px) at the pointer, on the card's ::before with z-index -1: inside the card's stacking context (its clip-path / mask make one), above the card's
 *             own paint and BELOW its picture and its text; the card's clip keeps it inside the notched shape. The picture's pixels never change.
 * A card that is not under the pointer has no .vkcl, so no ::before and no variable. The light look is not touched: every rule here is under html[data-theme="dark"]. */
html[data-theme="dark"][data-vk-cards="frame"] .containernews .capsaitem.vkfc.vkcl,
html[data-theme="dark"][data-vk-cards="frame"] .vkCards > .vkCard.vkfc.vkcl{
    --vkcl-edge: radial-gradient(circle 140px at var(--ex, 50%) var(--ey, 50%),
        rgb(255 255 255 / calc(.45 * var(--ka, 0))) 0%,
        rgb(255 255 255 / calc(.38 * var(--ka, 0))) 22%,
        rgb(255 255 255 / calc(.22 * var(--ka, 0))) 50%,
        rgb(255 255 255 / calc(.08 * var(--ka, 0))) 78%,
        rgb(255 255 255 / 0) 100%);
}
html[data-theme="dark"][data-vk-cards="frame"] .containernews .capsaitem.vkfc.vkcl:not(.vkSo)::before,
html[data-theme="dark"][data-vk-cards="frame"] .vkCards > .vkCard.vkfc.vkcl::before{
    content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none;
    -webkit-mask-image: none; mask-image: none;          /* (cardRule gives every card's ::before the OUTLINE mask: the sheen is a surface, the card's own clip-path / mask already cut it to the notched shape) */
    background: radial-gradient(circle 160px at var(--mx, 50%) var(--my, 50%),
        rgb(255 255 255 / calc(.06 * var(--ks, 0))) 0%,
        rgb(255 255 255 / calc(.045 * var(--ks, 0))) 35%,
        rgb(255 255 255 / calc(.018 * var(--ks, 0))) 70%,
        rgb(255 255 255 / 0) 100%);
}