/* Повноекранний шар Canvas, текст захищено окремою непрозорою панеллю. */
.svyato{color:#f4f8ff;background:transparent;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px;box-sizing:border-box;overflow:auto;font:16px/1.6 system-ui,sans-serif;text-align:center}
.svyato[open]{display:grid;place-items:center}
.svyato::backdrop{background:rgba(2,5,17,.92)}
.svyato[hidden]{display:none}
.svyato-zmist{position:relative;z-index:1;width:min(690px,100%);box-sizing:border-box;padding:28px;border:1px solid #23f2ff;border-radius:24px;background:#070b1d;box-shadow:0 0 45px #23f2ff38;margin:auto}
.svyato h2{font-size:clamp(24px,4vw,36px);line-height:1.2;margin:16px 0;color:#fff;overflow-wrap:anywhere}
.svyato-avtor{color:#ffd979;font-size:20px;font-weight:800;margin:14px 0}
.svyato-nadpys{color:#23f2ff;font-size:14px;letter-spacing:.08em;margin:12px 0}
#svyato-description{color:#d4ddf2;margin:20px auto;max-width:570px}
.svyato-holograma{position:relative;height:180px;width:220px;max-width:100%;margin:auto;display:grid;place-items:center}
.svyato-holograma img{width:200px;max-width:100%;height:175px;object-fit:contain;filter:drop-shadow(0 0 14px #23f2ff55);animation:svyato-puls 1.4s ease-out 1,svyato-dykhannya 2.3s 1.4s ease-in-out 2}
.svyato-holograma i{position:absolute;inset:10px;border:2px solid #23f2ff;border-radius:50%;box-shadow:0 0 16px #23f2ff70;transform:rotateX(65deg);animation:svyato-kiltse 2s ease-out 3}
.svyato-holograma i:nth-child(2){inset:0;border-color:#a66bff;box-shadow:0 0 16px #a66bff70;animation-delay:.3s}
.svyato-knopky{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.svyato button{min-height:48px;padding:12px 20px;border:1px solid #23f2ff;border-radius:12px;background:#23f2ff;color:#070b1d;font:700 15px/1.4 system-ui;cursor:pointer}
.svyato #svyato-skip{background:#141f3b;color:#e2eafa;border-color:#99acce}
.svyato button:focus-visible{outline:3px solid #ffd979;outline-offset:4px}
.svyato button:disabled{opacity:.65;cursor:default}
.svyato-chastynky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.svyato-chastynky canvas{display:block;width:100%;height:100%}
@keyframes svyato-puls{35%{filter:drop-shadow(0 0 38px #23f2ff);transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes svyato-dykhannya{50%{filter:drop-shadow(0 0 24px #23f2ff80)}}
@keyframes svyato-kiltse{to{transform:rotateX(65deg) scale(1.22);opacity:.25}}
.svyato-spokiy .svyato-holograma img,.svyato-spokiy .svyato-holograma i{animation:none}
@media(max-width:420px){.svyato-zmist{padding:20px 16px;border-radius:18px}.svyato-holograma{height:140px}.svyato-holograma img{height:135px;width:170px}.svyato-avtor{font-size:18px}.svyato-knopky button{width:100%}}
@media(prefers-reduced-motion:reduce){.svyato *{animation:none!important;transition:none!important}}