/* Душа в тапочках — тихая магия */
.magic-sky{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.magic-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#c9a36b;box-shadow:0 0 15px 5px #ead5a580;opacity:0;animation:magicFloat var(--dur) ease-in-out infinite;animation-delay:var(--delay)}@keyframes magicFloat{0%,100%{transform:translateY(15px) scale(.6);opacity:0}35%,70%{opacity:.65}55%{transform:translateY(-36px) scale(1)}}
.magic-reveal{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s ease}.magic-reveal.magic-visible{opacity:1;transform:none}
.magic-room{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;margin:48px auto;padding:clamp(30px,6vw,76px) 22px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#efe0f2 0%,#f8f0e9 58%,#f9f5ef 100%);border:1px solid #e8d8df;color:#493b4c}.magic-room h2{font-family:Georgia,serif;font-size:clamp(30px,5vw,49px);line-height:1.14;margin:12px auto;max-width:680px}.magic-room p{max-width:560px;margin:14px auto;line-height:1.7}.magic-flower{border:0;background:transparent;cursor:pointer;font-size:76px;line-height:1.4;filter:drop-shadow(0 6px 14px #a66da855);transition:transform .65s ease,filter .65s ease;display:block;margin:0 auto}.magic-flower:focus-visible,.magic-card:focus-visible{outline:3px solid #8d609a;outline-offset:5px}.magic-flower.is-open{transform:rotate(18deg) scale(1.17);filter:drop-shadow(0 0 20px #b76dc0aa)}.magic-question{min-height:76px;font-family:Georgia,serif;font-size:clamp(20px,3vw,27px);font-style:italic}.magic-cards{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px auto}.magic-card{width:min(27vw,150px);min-width:88px;aspect-ratio:3/4;border:1px solid #c5a4bc;border-radius:16px;background:linear-gradient(140deg,#6d526f,#aa82a9);color:#fff5e6;box-shadow:0 8px 18px #614c6022;cursor:pointer;padding:12px;transition:transform .45s,background .45s;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(14px,2vw,19px)}.magic-card:hover{transform:translateY(-5px)}.magic-card.is-open{background:#fff9f4;color:#543d55;transform:rotateY(360deg)}.magic-footpath{height:4px;max-width:340px;margin:28px auto 0;background:#e6d9e5;border-radius:12px;overflow:hidden}.magic-footpath span{display:block;width:0;height:100%;background:linear-gradient(90deg,#b89abb,#d8ac71);transition:width 1s ease}.magic-hint{font-size:14px;opacity:.8}
@media(prefers-reduced-motion:reduce){.magic-sky{display:none}.magic-spark{animation:none}.magic-reveal{opacity:1;transform:none;transition:none}.magic-flower,.magic-card,.magic-footpath span{transition:none}}