.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.lado{text-align:center;color:inherit;transition:transform .35s var(--suave), border-color .25s, box-shadow .35s;grid-template-rows:auto auto 1fr;justify-items:center;gap:10px;padding:clamp(20px,3vw,36px);text-decoration:none;display:grid;overflow:hidden}.lado:hover{border-color:var(--borde-2);transform:translateY(-4px);box-shadow:0 30px 60px -30px #000000e6}.lado>:first-child{justify-content:center;align-items:center;height:clamp(150px,16vw,210px);display:flex}.lado h3{text-transform:uppercase;margin:8px 0 0;font-size:clamp(1.6rem,1.1rem + 1.4vw,2.4rem)}.lado p{color:var(--texto-2);max-width:42ch;margin:0}.lado-director{background:radial-gradient(ellipse at 50% 20%, #e0574d33, transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel))}.lado-superviviente{background:radial-gradient(ellipse at 50% 20%, #3fb8af33, transparent 60%), linear-gradient(180deg, var(--panel-2), var(--panel))}.vs{font-family:var(--t-titulo);color:var(--ambar);text-shadow:0 0 30px #f0a03cb3;align-self:center;font-size:clamp(2rem,1.2rem + 2.4vw,3.6rem);font-weight:700}.objetos-vs{align-items:center;gap:10px;display:flex}.objetos-vs img{border:1px solid var(--borde-2);background:#0f1216;border-radius:20px;width:86px;height:86px;padding:8px}@media (prefers-reduced-motion:no-preference){.objetos-vs img{animation:4s ease-in-out infinite flota-obj;animation-delay:calc(var(--k) * -1.2s)}}@keyframes flota-obj{50%{transform:translateY(-10px)rotate(-4deg)}}@media (width<=860px){.versus{grid-template-columns:minmax(0,1fr)}}.linea-tiempo{gap:16px;margin:0;padding:0 0 0 26px;list-style:none;display:grid;position:relative}.linea-tiempo:before{content:"";background:var(--borde-2);width:2px;position:absolute;top:6px;bottom:6px;left:25px}@supports (animation-timeline:view()){.linea-tiempo:after{content:"";background:linear-gradient(var(--ambar), var(--ambar-osc));width:2px;height:calc(100% - 12px);box-shadow:0 0 10px var(--ambar);transform-origin:top;animation:linear both linea-llena;animation-timeline:view();animation-range:entry 20% cover 70%;position:absolute;top:6px;left:25px}}@keyframes linea-llena{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.linea-tiempo li{padding-left:40px;position:relative}.lt-punto{z-index:1;color:#1a1206;width:52px;height:52px;box-shadow:0 0 0 5px var(--fondo), 0 0 24px -4px var(--ambar);background:linear-gradient(#ffb24f,#e8902a);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;left:-26px}.lt-punto svg{width:24px;height:24px}.linea-tiempo .panel{position:relative}.lt-n{color:#ffffff0f;font-size:2rem;position:absolute;top:12px;right:18px}.linea-tiempo h3{text-transform:uppercase;margin-bottom:6px}.linea-tiempo p{color:var(--texto-2);margin:0}.bloque-cartas{align-content:start;gap:8px;display:grid}.bloque-cartas h3{text-transform:uppercase;margin:10px 0 0}.bloque-cartas p{color:var(--texto-2);margin:0}.demo{justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex;position:relative}.demo-niveles .carta:first-child{rotate:-8deg}.demo-niveles .carta:nth-child(3){rotate:8deg}.demo-fusion{gap:0}.demo-fusion .d-r{position:absolute}@media (prefers-reduced-motion:no-preference){.bloque-cartas.visible .d-a{animation:d-a 3.6s var(--suave) infinite}.bloque-cartas.visible .d-b{animation:d-b 3.6s var(--suave) infinite}.bloque-cartas.visible .d-r{animation:d-r 3.6s var(--suave) infinite}}.demo-fusion .d-a{transform:translate(-38px)}.demo-fusion .d-b{transform:translate(38px)}.demo-fusion .d-r{opacity:0}@keyframes d-a{0%,15%{opacity:1;transform:translate(-38px)rotate(-6deg)}38%{opacity:1;transform:translate(0)rotate(0)}42%,88%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(-38px)rotate(-6deg)}}@keyframes d-b{0%,15%{opacity:1;transform:translate(38px)rotate(6deg)}38%{opacity:1;transform:translate(0)rotate(0)}42%,88%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(38px)rotate(6deg)}}@keyframes d-r{0%,38%{opacity:0;transform:scale(.7)rotateY(90deg)}50%{opacity:1;filter:brightness(1.7);transform:scale(1.1)}60%,84%{opacity:1;transform:none}92%,to{opacity:0}}.consejos h3{text-transform:uppercase;align-items:center;gap:10px;display:flex}.consejos h3 svg{width:24px;height:24px}.c-director h3 svg{color:#ff9b92}.c-superviviente h3 svg{color:var(--turquesa)}.consejos ol{color:var(--texto-2);gap:10px;margin:0;padding-left:1.2em;display:grid}.consejos li::marker{font-family:var(--t-titulo);color:var(--ambar);font-weight:700}.glosario{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;margin:0;display:grid}.glosario div{padding:14px 16px}.glosario dt{font-family:var(--t-titulo);text-transform:uppercase;color:var(--ambar-2);font-size:1.2rem;font-weight:700}.glosario dd{color:var(--texto-2);margin:4px 0 0;font-size:.93rem}