.temanReveal.isEvolution .baraScene{width:min(100%,650px);padding:24px;overflow:hidden}.temanReveal.isEvolution small{color:#eeb667;letter-spacing:.2em;font-weight:700}.temanReveal.isEvolution h2{font-size:28px;margin:12px}.temanReveal.isEvolution p{color:#b9c7d7}.temanReveal.isEvolution .stage{height:390px;position:relative;display:grid;place-items:center;isolation:isolate}.temanReveal.isEvolution .halo{position:absolute;width:320px;height:320px;background:radial-gradient(circle,#ff871544,transparent 68%);opacity:0}.temanReveal.isEvolution .pet{position:absolute;width:240px;height:260px;object-fit:contain;filter:drop-shadow(0 14px 15px #0008)}.temanReveal.isEvolution .new{opacity:0}.temanReveal.isEvolution .emblem{position:absolute;width:330px;height:350px;opacity:0;filter:drop-shadow(0 0 22px #ff650a);z-index:2}.temanReveal.isEvolution .emblem svg{width:100%;height:100%;overflow:visible}.temanReveal.isEvolution .cracks{opacity:0}.temanReveal.isEvolution .flash{position:absolute;inset:0;background:radial-gradient(circle,#fffbd0,transparent 65%);opacity:0;z-index:3}.temanReveal.isEvolution .result{opacity:0;min-height:65px}.temanReveal.isEvolution .result strong{font-size:24px;color:#ffd989}.temanReveal.isEvolution button{border:1px solid #ffc675;background:#ffb948;color:#291406;padding:13px 24px;border-radius:14px;font-weight:800;cursor:pointer}.temanReveal.isEvolution button:focus-visible{outline:3px solid white;outline-offset:4px}.temanReveal.isEvolution .play .old{animation:old 6.5s both}.temanReveal.isEvolution .play .new{animation:new 6.5s both}.temanReveal.isEvolution .play .emblem{animation:emblem 6.5s both}.temanReveal.isEvolution .play .cracks{animation:crack 6.5s both}.temanReveal.isEvolution .play .left{animation:left 6.5s both;transform-origin:center}.temanReveal.isEvolution .play .right{animation:right 6.5s both;transform-origin:center}.temanReveal.isEvolution .play .bottom{animation:bottom 6.5s both;transform-origin:center}.temanReveal.isEvolution .play .flash{animation:flash 6.5s both}.temanReveal.isEvolution .play .halo{animation:halo 6.5s both}.temanReveal.isEvolution .play .result{animation:result 6.5s both}
@keyframes old{0%,32%{opacity:1}33%,100%{opacity:0}}@keyframes new{0%,57%{opacity:0;transform:scale(.92)}65%,100%{opacity:1;transform:scale(1)}}@keyframes emblem{0%,14%{opacity:0;transform:translateY(-140px) scale(.3) rotate(-14deg)}32%,55%{opacity:1;transform:translateY(0) scale(1) rotate(0)}60%{opacity:1}80%,100%{opacity:0;transform:scale(1.1)}}@keyframes crack{0%,40%{opacity:0}46%,100%{opacity:1}}@keyframes left{0%,56%{transform:translate(0,0)}76%,100%{transform:translate(-155px,-65px) rotate(-26deg)}}@keyframes right{0%,56%{transform:translate(0,0)}76%,100%{transform:translate(155px,-65px) rotate(26deg)}}@keyframes bottom{0%,56%{transform:translate(0,0)}76%,100%{transform:translate(0,150px) rotate(12deg)}}@keyframes flash{0%,55%{opacity:0}59%{opacity:.95}70%,100%{opacity:0}}@keyframes halo{0%,25%{opacity:0}40%,100%{opacity:1}}@keyframes result{0%,72%{opacity:0;transform:translateY(10px)}85%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:440px){.stage{height:340px}.temanReveal.isEvolution .emblem{width:290px;height:310px}.temanReveal.isEvolution .pet{width:210px;height:230px}}@media(prefers-reduced-motion:reduce){.play *{animation:none!important}.temanReveal.isEvolution .play .old{opacity:0}.temanReveal.isEvolution .play .new,.temanReveal.isEvolution .play .result,.temanReveal.isEvolution .play .halo{opacity:1}.temanReveal.isEvolution .play .emblem{opacity:0}}.temanReveal.isEvolution .happy-sprite{width:256px;height:256px;background:var(--bara-sprite) 0 0 / 512px 256px no-repeat}.temanReveal.isEvolution .play .happy-sprite{animation:new 6.5s both,blink 3s steps(1) infinite}@keyframes blink{0%,91%{background-position:0 0}92%,96%{background-position:-256px 0}97%,100%{background-position:0 0}}@media(max-width:440px){.happy-sprite{width:230px;height:230px;background-size:460px 230px}@keyframes blink{0%,91%{background-position:0 0}92%,96%{background-position:-230px 0}97%,100%{background-position:0 0}}}.temanReveal.isEvolution .baraScene{position:relative;padding-top:30px}.temanReveal.isEvolution .cinema-title{height:104px;position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}.temanReveal.isEvolution .level-tag{font-size:12px;letter-spacing:.28em;font-weight:800;color:#ffdc91}.temanReveal.isEvolution .level-tag b{font-size:21px;letter-spacing:0}.temanReveal.isEvolution .cinema-title h2{margin:4px 0 8px;font-size:clamp(29px,7vw,46px);font-weight:1000;line-height:1;letter-spacing:.065em;color:#fff4c8;text-shadow:0 2px 0 #7b310f,0 0 22px #ff8d3377}.temanReveal.isEvolution .cinema-title em{font-style:normal;color:#ffc04c}.temanReveal.isEvolution .title-rule{height:2px;width:170px;background:linear-gradient(90deg,transparent,#ffd78a,transparent)}.temanReveal.isEvolution .intro-copy{position:absolute;top:86px;left:0;right:0;margin:0;color:#d6c3a4;letter-spacing:.12em;font-size:13px}.temanReveal.isEvolution .stage{perspective:800px}.temanReveal.isEvolution .play .cinema-title{animation:title-hit 6.5s both}.temanReveal.isEvolution .play .intro-copy{animation:intro 6.5s both}.temanReveal.isEvolution .play .stage{animation:camera-hit 6.5s both}.temanReveal.isEvolution .play .title-rule{animation:rule 6.5s both}.temanReveal.isEvolution .play #replay{animation:controls 6.5s both}
@keyframes old{0%{opacity:1;transform:scale(1.32) translateY(8px)}12%{opacity:1;transform:scale(.86) translateY(0)}23%{opacity:1;transform:scale(1.08) translateY(-3px)}32%{opacity:1;transform:scale(1)}33%,100%{opacity:0;transform:scale(1)}}
@keyframes new{0%,57%{opacity:0;transform:scale(.74);filter:brightness(1.8) drop-shadow(0 0 25px #ffb22f)}64%{opacity:1;transform:scale(1.13);filter:brightness(1.15) drop-shadow(0 0 20px #ffb22f88)}76%,100%{opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 14px 15px #0008)}}
@keyframes title-hit{0%,57%{opacity:0;transform:scale(1.45) translateY(16px);filter:blur(8px)}63%{opacity:1;transform:scale(.97) translateY(0);filter:blur(0)}69%,100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes intro{0%,18%{opacity:1}28%,100%{opacity:0}}@keyframes rule{0%,62%{transform:scaleX(0)}76%,100%{transform:scaleX(1)}}
@keyframes camera-hit{0%,55%{transform:translate(0,0)}57%{transform:translate(-3px,2px)}58%{transform:translate(3px,-2px)}59%{transform:translate(-2px,1px)}61%,100%{transform:translate(0,0)}}@keyframes controls{0%,80%{opacity:0;visibility:hidden}90%,100%{opacity:1;visibility:visible}}
@media(prefers-reduced-motion:reduce){.play .cinema-title{opacity:1}.temanReveal.isEvolution .play .intro-copy{opacity:0}.temanReveal.isEvolution .play #replay{opacity:1;visibility:visible}}

.temanReveal.isEvolution .temanRevealCard{width:min(100%,650px);padding:0;border:0;background:transparent;box-shadow:none;max-height:96dvh;overflow:auto}.temanReveal.isEvolution .temanRevealCard > :not(.baraScene):not(.temanRevealActions){display:none!important}.temanReveal.isEvolution .temanRevealBackdrop{background:#07101ff5}.temanReveal.isEvolution .baraScene{width:100%;padding:12px 20px}.temanReveal.isEvolution .temanRevealActions{margin:0 0 12px}.temanReveal:not(.isEvolution) .baraScene{display:none}

/* One frame width and one exact sheet step on every viewport. */
.temanReveal.isEvolution .pet.happy-sprite{width:256px;height:256px;background-size:200% 200%;background-position:0% 0}
.temanReveal.isEvolution .play .happy-sprite{animation:new 6.5s both,baraBlink 3s steps(1) infinite}
@keyframes baraBlink{0%,91%{background-position:0% 0}92%,96%{background-position:100% 0}97%,100%{background-position:0% 0}}
@media(max-width:440px){.temanReveal.isEvolution .stage{height:340px}.temanReveal.isEvolution .pet.happy-sprite{width:230px;height:230px}}
@media(prefers-reduced-motion:reduce){.temanReveal.isEvolution .play .happy-sprite{animation:none!important}}