@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}}
::-webkit-scrollbar{display:none;}
.flame{transform-origin:center;animation:flick 1s ease-in-out infinite;}
@keyframes flick{0%,100%{transform:scaleY(1);}50%{transform:scaleY(1.16) scaleX(.9);}}
.aurora-blob{position:fixed;border-radius:9999px;filter:blur(120px);pointer-events:none;z-index:0;will-change:transform;}
.flip-scene{perspective:1400px;}
.flip-card{position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.85,.3,1.15);}
.flip-card.flipped{transform:rotateY(180deg);}
.flip-face{position:absolute;inset:0;backface-visibility:hidden;}
.flip-back{transform:rotateY(180deg);}
.credits-viewport{height:60px;overflow:hidden;position:relative;
  mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);}
.credits-track{display:inline-flex;gap:1rem;white-space:nowrap;animation:creditsLeft 22s linear infinite;position:absolute;}
@keyframes creditsLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.lang-btn.on{background:linear-gradient(135deg,#ffc857,#ffb0cd);color:#412d00;font-weight:700;}
.icon-btn.on{color:#ffc857;}
.funny{box-shadow:0 0 0 1px rgba(255,176,205,.4), 0 12px 30px -10px rgba(255,176,205,.35);}
.funny-glow{background:radial-gradient(circle at 50% 0%, rgba(255,176,205,.16), transparent 70%);}
.qa-fade-in{animation:qaFadeIn .4s ease both;}
@keyframes qaFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}