/* V3-0008: botones aprobados y partitura visual de los hitos. */
.tab{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:50px;padding:5px 6px;color:rgba(246,240,250,.8);font-size:12px;transition:transform .1s,background .15s}
.tab i{font-style:normal;font-size:19px;line-height:1.1}.tab.on{background:linear-gradient(180deg,#ffe4a8,#f5c977);color:#2b1d0c;box-shadow:0 3px 0 #c98f3a,0 0 22px #f5c97730;transform:translateY(-2px)}
.tab:active{transform:scale(.94)}.tab.on:active{transform:translateY(1px) scale(.94)}
.meta-row{display:flex;align-items:center;gap:6px}.meta-row .meta{flex:1;min-width:0}.mute{flex:0 0 44px;min-height:44px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:var(--glass);font-size:20px;cursor:pointer}
.meta-row .mp{min-width:0;padding:7px 2px}.meta-row .mp span{font-size:8px}.meta-row .mp b{font-size:17px}#ecv{cursor:pointer}#ecv:focus-visible,.mute:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cross-number{position:relative;background:#f5c977;color:#2b1d0c;min-width:80px;min-height:80px;display:grid;place-items:center;border-radius:50%;font:800 44px var(--display)}
.crossed:after{content:'';position:absolute;bottom:8%;height:4px;width:65%;border-radius:9px;background:linear-gradient(90deg,#c98f3a,#ffe4a8);transform:scaleX(0);transform-origin:left;box-shadow:0 0 20px #f5c977;transition:transform .85s ease-out;pointer-events:none}.crossed.station-final:after{transform:scaleX(1)}
.evolve .pair .old{animation:none;opacity:1;transition:opacity .15s,transform .2s}.evolve .pair .new{animation:none;opacity:0;transform:scale(.85);transition:opacity .12s,transform .5s cubic-bezier(.2,1.4,.4,1)}
.evolve .flash{animation:none;opacity:0;transition:opacity .1s}.evolve.evolution-charge .old{filter:brightness(1.25);transform:scale(1.08)}.evolve.evolution-hit .old{opacity:0;transform:scale(.8)}.evolve.evolution-hit .new{opacity:1;transform:scale(1)}.evolve.evolution-hit .flash{animation:v8flash .6s ease-out both}
@keyframes v8flash{0%{opacity:.85;transform:scale(.3)}100%{opacity:0;transform:scale(1.1)}}
.summit{position:absolute;inset:0;z-index:23;background:radial-gradient(ellipse at 50% 35%,#33234d,#090711 73%);display:grid;align-content:center;justify-items:center;padding:22px;gap:12px;text-align:center;overflow:hidden}
.summit-skip{position:absolute;right:16px;top:18px;font-size:12px}.summit-scene{width:min(100%,340px);max-height:44vh;overflow:visible}.summit-scene text{font:800 9px var(--display);fill:#f5c977;letter-spacing:.5px}
.summit-second{opacity:.2;transition:opacity 1s}.summit-clouds{transition:opacity 1.3s,transform 1.3s}.summit-flag{opacity:0;transform-origin:161px 67px}.summit-tuki{transform:translate(0,0);transition:transform .8s ease-in-out}.climbing .summit-tuki{transform:translate(28px,-83px)}
.flag-planted .summit-flag{opacity:1;animation:flagPlant .36s ease-out}.clouds-open .summit-clouds{opacity:0;transform:translate(50px,-15px)}.clouds-open .summit-second{opacity:1}
.summit-copy{opacity:0;visibility:hidden;transform:translateY(10px);display:grid;gap:14px;transition:opacity .5s,transform .5s}.summit-ready .summit-copy{opacity:1;visibility:visible;transform:none}.summit-copy h2{font:800 36px/1 var(--display);color:#ffe4a8;margin:0}.summit-copy p{margin:0;color:var(--ink);font-weight:800;font-size:15px;line-height:1.5}.summit-copy .ghost{padding:8px}.summit-status{font-size:12px}.summit-skip{min-height:44px}
@keyframes flagPlant{0%{transform:translateY(-18px)}45%{transform:translateY(3px) rotate(-6deg)}70%{transform:rotate(4deg)}100%{transform:none}}
@media(max-height:780px){.intro .logo{max-width:170px}.intro{gap:7px}.intro h1{font-size:32px}.tab{min-height:48px}.summit-scene{max-height:38vh}.summit-copy{gap:10px}.summit-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.evolve .pair .new{opacity:0}.evolve.evolution-hit .pair .new{opacity:1;animation:evoFade .18s linear!important}.evolve .flash{display:none}.crossed:after{transition:opacity .2s!important;transform:none;opacity:0}.crossed.station-final:after{opacity:1}.summit-tuki{transform:translate(28px,-83px);transition:none}.summit-clouds,.summit-second,.summit-copy{transform:none!important;transition:opacity .25s!important}.flag-planted .summit-flag{animation:evoFade .2s linear!important}.tab.on{transform:none}}

.crossed:after{display:none}.cross-landmark{position:relative;width:200px;height:150px}.cross-landmark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cross-landmark path{fill:none;stroke:#f5c977;stroke-width:4;stroke-linecap:round;stroke-dasharray:360;stroke-dashoffset:360;filter:drop-shadow(0 0 5px #f5c97788);transition:stroke-dashoffset .9s ease-out}.cross-landmark .cross-number{position:absolute;left:50%;top:0;translate:-50% 0;width:80px;height:80px}.station-final .cross-landmark path{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.cross-landmark path{stroke-dashoffset:0;opacity:0;transition:opacity .2s!important}.station-final .cross-landmark path{opacity:1}}