:root{--noc:#070a1a;--noc2:#12163a;--vino:#7a0f26;--vino2:#4a0614;--zlata:#e9d8b4;--hvezda:#fff6e0}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%}
body{background:radial-gradient(ellipse at 50% 0%,var(--noc2),var(--noc) 70%) fixed;color:var(--zlata);font-family:Georgia,"Palatino Linotype",Palatino,serif;line-height:1.7;overflow-x:hidden}
canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}
main{position:relative;z-index:1;max-width:34rem;margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center}
h1{font-weight:400;font-style:italic;font-size:clamp(2.4rem,9vw,3.6rem);letter-spacing:.02em;margin-bottom:1rem}
svg{width:min(15rem,60vw);height:auto;display:block;margin:0 auto 2rem;filter:drop-shadow(0 0 22px rgba(160,20,50,.55))}
.sv{margin-bottom:1.6rem}
.sv p{opacity:0;transform:translateY(8px);transition:opacity 1.6s ease,transform 1.6s ease;font-size:1.1rem}
.sv p.on{opacity:1;transform:none}
button{margin-top:1rem;font:inherit;font-style:italic;font-size:1.1rem;color:var(--zlata);background:linear-gradient(var(--vino),var(--vino2));border:1px solid rgba(233,216,180,.4);border-radius:2rem;padding:.8rem 2rem;cursor:pointer;opacity:0;transition:opacity 1.6s ease,transform .2s}
button.on{opacity:1}
button:active{transform:scale(.97)}
button:focus-visible{outline:2px solid var(--zlata);outline-offset:3px}
#vzkaz{max-height:0;overflow:hidden;opacity:0;transition:max-height 1.2s ease,opacity 1.6s ease .3s}
#vzkaz.open{max-height:30rem;opacity:1}
#vzkaz p{margin-top:2rem;padding:1.4rem 1.2rem;border-top:1px solid rgba(233,216,180,.3);border-bottom:1px solid rgba(233,216,180,.3);font-size:1.2rem;font-style:italic}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}