.ficha{color:var(--hueso);position:relative}.ficha>section{position:relative}.ficha__escena{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.escenario{z-index:0;pointer-events:none;grid-area:1/1/3/2;align-self:start;height:100svh;position:sticky;top:0}.ficha__escena>.retrato{grid-area:1/1;min-width:0}.ficha__escena>.habilidades{grid-area:2/1;min-width:0}.escenario:after{content:"";pointer-events:none;background:var(--tinta);opacity:calc(.94 * var(--salida,0));position:absolute;inset:0}@media (width>=768px){.ficha[data-retrato-vivo] .habilidades__cab,.ficha[data-retrato-vivo] .habilidades__paneles,.ficha[data-retrato-vivo] .habilidades__barra{opacity:calc(1 - var(--salida,0))}}.retrato__escenario{pointer-events:none;width:min(72vw,1380px);transition:top var(--d-panel) var(--hierro-curva), bottom var(--d-panel) var(--hierro-curva);position:absolute;top:7svh;bottom:15svh;left:50%;transform:translate(-50%)}@media (width>=768px){[data-analizando] .retrato__escenario{top:4svh;bottom:calc(260px + 12svh)}[data-analizando] .habilidades__barra{bottom:60px}}[data-retrato-vivo] .retrato__escenario{pointer-events:auto;cursor:grab;touch-action:pan-y}[data-retrato-vivo] .retrato__escenario:active{cursor:grabbing}.retrato__escenario[data-ocupado]{cursor:default}.retrato__escenario:focus,.retrato__escenario:focus-visible{outline:none}.ficha a,.ficha button,.retrato__escenario{-webkit-tap-highlight-color:transparent}.ficha__escena>section{z-index:1;pointer-events:none;position:relative}.retrato__texto,.gonio,.retrato__heroes,.habilidades__cab,.panel-hab__texto,.encrucijada,.habilidades__barra{pointer-events:auto}[data-cae]{translate:0 var(--caida,0px)}.retrato{isolation:isolate;min-height:100svh;display:grid;overflow:clip}.retrato__placa,.retrato__heroe{pointer-events:none;position:absolute;inset:0}.retrato__placa{z-index:-4}.retrato__placa picture,.retrato__placa img,.retrato__heroe picture,.retrato__heroe img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.retrato__heroe{z-index:-2}.retrato__heroe img{filter:drop-shadow(0 18px 40px #00000073)}html[data-calidad=bajo] body[data-gl] .ficha[data-retrato-vivo] .retrato [data-respaldo]{opacity:0}.retrato__nombre{z-index:-3;text-align:center;white-space:nowrap;color:color-mix(in oklab, var(--acento) 26%, var(--hueso));opacity:.86;margin:0;font-size:clamp(5rem,15.5vw,22rem);line-height:.8;position:absolute;bottom:calc(15svh + 4px);left:0;right:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 98%);mask-image:linear-gradient(#000 55%,#0000 98%)}.retrato__velo{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#100c08c7,#100c084d 34%,#0000 52%),linear-gradient(#100c0859,#0000 22% 70%,#100c08cc);position:absolute;inset:0}@media (width>=768px){.ficha[data-retrato-vivo] .escenario:before{content:"";pointer-events:none;background:linear-gradient(90deg,#100c08db,#100c0880 24%,#0000 40% 63%,#100c0880 78%,#100c08d6),linear-gradient(#100c0857,#0000 20% 76%,#100c08c7);position:absolute;inset:0}.ficha[data-retrato-vivo] .retrato__velo{opacity:0}.ficha[data-retrato-vivo] .habilidades{background:0 0}}.retrato__texto{padding:clamp(100px, 13svh, 150px) var(--margen) 0;z-index:2;grid-area:1/1;align-self:start;width:min(500px,100%);display:block}.retrato__texto>*{margin:0}.retrato__epiteto{font:italic 400 clamp(26px, 2.4vw, 38px) / 1.1 var(--f-mito);color:var(--acento-2);margin-top:16px}.retrato__logline{font:400 var(--t-texto) / var(--t-texto-interlinea) var(--f-texto);color:#ede6d6e0;text-wrap:pretty;max-width:44ch;margin-top:22px}.retrato__ayuda{letter-spacing:.06em;max-width:46ch;margin-top:18px}.retrato__texto .cab-capitulo{color:var(--acento-2)}.retrato__texto .rombo{background:var(--acento)}.retrato__texto .boton:disabled{opacity:.5;cursor:default}.gonio{z-index:2;background:radial-gradient(60% 75% at 50% 55%,#100c08b8,#0000 100%);justify-items:center;gap:2px;width:min(420px,82vw);padding:10px 18px 6px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.gonio__arco{width:100%;height:auto;overflow:visible}.gonio__linea{fill:none;stroke:var(--filete-fuerte);stroke-width:1px}.gonio__marca{stroke:#ede6d64d;stroke-width:1px}.gonio__marca.mayor{stroke:#ede6d6b3}.gonio__rotulo{fill:var(--dato);font-size:9px}.gonio__cursor{fill:var(--acento);filter:drop-shadow(0 0 4px var(--acento));transition:transform var(--d-seleccionar) var(--hierro-curva)}.gonio__mando{align-items:center;gap:18px;display:flex}.gonio__mando button{place-items:center;min-width:44px;min-height:32px;display:grid}.gonio__ayuda{margin:0}.gonio__ayuda,.retrato__ayuda{text-shadow:0 0 2px #100c08e6,0 1px 10px #100c08d9}.retrato__heroes{right:var(--seguro);z-index:2;justify-items:end;gap:4px;display:grid;position:absolute;bottom:70px}.retrato__heroes a{min-height:44px;font:500 13px/1 var(--f-versalitas);letter-spacing:.2em;text-transform:uppercase;color:var(--hueso);transition:color var(--d-pasar) var(--hierro-curva);align-items:center;gap:14px;display:inline-flex}.retrato__heroes a .flecha-trazo{width:34px;transition:transform var(--d-seleccionar) var(--hierro-curva)}.retrato__heroes a[rel=prev]:hover .flecha-trazo,.retrato__heroes a[rel=prev]:focus-visible .flecha-trazo{transform:scaleX(-1)translate(6px)}.retrato__heroes a[rel=next]:hover .flecha-trazo,.retrato__heroes a[rel=next]:focus-visible .flecha-trazo{transform:translate(6px)}.retrato__heroes a:hover,.retrato__heroes a:focus-visible{color:var(--acento-2)}.habilidades{grid-template-columns:repeat(var(--columnas), minmax(0, 1fr));column-gap:var(--medianil);min-height:100svh;padding:clamp(96px, 12svh, 140px) var(--margen) 0;background:linear-gradient(90deg,#100c08e0,#100c088c 24%,#0000 38% 64%,#100c088c 77%,#100c08e0),linear-gradient(#100c0880,#0000 18% 74%,#100c08b8);grid-template-rows:auto 1fr auto;display:grid}.habilidades__cab{grid-area:1/1/auto/5;align-content:start;gap:12px;display:grid}.habilidades__cab>*{margin:0}.habilidades__cab .titulo-capitulo{text-wrap:balance;font-size:clamp(2.6rem,4.3vw,5.2rem);line-height:.96}.habilidades__ventana{display:none}.habilidades__paneles{grid-area:2/1/auto/-1;align-self:start;margin-top:clamp(20px,3svh,40px)}.panel-hab{grid-template-columns:repeat(var(--columnas), minmax(0, 1fr));column-gap:var(--medianil);align-items:start;display:grid}.panel-hab[hidden]{display:none}.panel-hab__texto{grid-column:1/5;gap:12px;display:grid}.panel-hab__texto>*{margin:0}.panel-hab__nombre{font:500 clamp(34px, 3.4vw, 60px) / 1 var(--f-mito);letter-spacing:-.01em}.panel-hab__lema{font:italic 400 clamp(21px, 1.8vw, 27px) / 1.25 var(--f-mito);color:var(--acento-2)}.panel-hab__nota{border-left:2px solid var(--acento);background:color-mix(in oklab, var(--acento) 10%, transparent);letter-spacing:.04em;white-space:normal;padding:10px 14px;line-height:1.5}.panel-hab__nota strong{font-weight:400}.panel-hab .acciones{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:4px;display:flex}.panel-hab .boton--discreto:hover,.panel-hab .boton--discreto:focus-visible{background:0 0;border-color:#0000}.panel-hab .boton--discreto:focus-visible{outline:2px solid var(--foco);outline-offset:3px}.panel-hab .boton--discreto:hover .enlace:after,.panel-hab .boton--discreto:focus-visible .enlace:after,.panel-hab .boton--discreto[aria-expanded=true] .enlace:after{transition-duration:var(--d-vena);transform:scaleX(1)}.panel-hab .boton--discreto[aria-expanded=true] .enlace{color:var(--oro-2)}@media (width>=768px){.panel-hab__texto>.texto,.panel-hab__nota,.panel-hab__regla,.panel-hab__objetivo,.panel-hab .acciones{transition:opacity var(--d-panel) var(--hierro-curva), visibility 0s linear}[data-analizando] .panel-hab__texto>.texto,[data-analizando] .panel-hab__nota,[data-analizando] .panel-hab__regla,[data-analizando] .panel-hab__objetivo,[data-analizando] .panel-hab .acciones{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--d-panel) var(--hierro-curva), visibility 0s linear var(--d-panel)}}.panel-hab__regla{gap:8px;margin-top:6px;display:grid}.regla{border:0;border-top:1px solid var(--linea-fuerte);gap:2px;width:100%;height:6px;display:flex;position:relative}.regla>i{min-width:2px;display:block}.regla__reposo,.regla__vuelta{background:#ede6d624}.regla__anticipacion{background:color-mix(in oklab, var(--oro) 72%, transparent)}.regla__contacto{background:var(--icor);box-shadow:0 0 10px #e8a33d8c}.regla__recuperacion{background:color-mix(in oklab, var(--tx2) 55%, transparent)}.regla__cabezal{background:var(--hueso);width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:-6px;left:0;box-shadow:0 0 8px #ede6d6cc}.regla__lectura{font-variant-numeric:tabular-nums;min-height:1.4em;margin:0}.regla__lectura[data-fase=contacto]{color:var(--icor)}.encrucijada{border:1px solid var(--filete);width:min(100%,470px);transition:opacity var(--d-panel) var(--hierro-curva);background:#100c089e;grid-column:9/13;justify-self:end;gap:12px;margin:0;padding:18px 20px 20px;display:grid}.encrucijada__arbol{width:100%;max-width:240px;margin-inline:auto}.enc__tronco,.enc__rama{fill:none;stroke:var(--oro);stroke-width:1.4px;stroke-linecap:round}.enc__rama--hierro{stroke:var(--tx2)}.enc__nodo{fill:var(--tinta);stroke:var(--oro);stroke-width:1.2px}.enc__nodo--icor{fill:var(--icor);stroke:var(--icor)}.enc__nodo--hierro{fill:var(--hierro);stroke:var(--tx2)}.encrucijada__lados{grid-template-columns:1fr 1fr;gap:16px;display:grid}.encrucijada .lado p{color:#ede6d6db;margin:6px 0 0;font-size:15px;line-height:22px}.encrucijada .lado--icor .etiqueta{color:var(--icor)}.encrucijada .lado--hierro .etiqueta{color:var(--tx2)}[data-analizando] .encrucijada{opacity:0;pointer-events:none}.habilidades__barra{grid-area:3/1/auto/-1;justify-items:center;margin-top:24px;display:grid;position:sticky;bottom:clamp(14px,2.4svh,28px)}.habilidades__rombos{justify-content:center;gap:clamp(8px,1.4vw,26px);display:flex}[data-analizando] .habilidades__rombos{display:none}.rombo-hab{width:clamp(112px,8.4vw,150px);color:var(--tx2);transition:color var(--d-seleccionar) var(--hierro-curva);justify-items:center;gap:8px;padding:6px 4px 8px;display:grid;position:relative}.rombo-hab__forma{aspect-ratio:1;border:1px solid var(--filete-fuerte);width:clamp(72px,5.4vw,100px);transition:transform var(--d-seleccionar) var(--hierro-curva), border-color var(--d-seleccionar) var(--hierro-curva), box-shadow var(--d-seleccionar) var(--hierro-curva);background:#100c08b8;place-items:center;display:grid;position:relative;overflow:hidden;transform:rotate(45deg)scale(.74)}.rombo-hab__forma img,.rombo-hab__forma picture{object-fit:cover;width:144%;max-width:none;height:144%;transition:opacity var(--d-pasar) var(--hierro-curva);position:absolute;inset:-22%;transform:rotate(-45deg)}.rombo-hab__previa{opacity:0;transition:opacity var(--d-pasar) var(--hierro-curva);background-color:#0b0906;background-repeat:no-repeat;position:absolute;inset:-22%;transform:rotate(-45deg)}.rombo-hab__previa.activa{opacity:1}.rombo-hab__letra{font:300 40px/1 var(--f-mito);color:var(--acento-2);transform:rotate(-45deg)}.rombo-hab__progreso{aspect-ratio:1;pointer-events:none;opacity:0;width:calc(1.05*clamp(72px,5.4vw,100px));transition:opacity var(--d-pasar) var(--hierro-curva);margin-top:calc(clamp(72px,5.4vw,100px)/-40);position:absolute;top:6px;left:50%;overflow:visible;translate:-50%}.rombo-hab__progreso path{fill:none;stroke:var(--acento);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progreso,0));filter:drop-shadow(0 0 4px var(--acento))}.rombo-hab[data-estado=sonando] .rombo-hab__progreso{opacity:1}.rombo-hab[data-estado=cargando][style*=--progreso] .rombo-hab__progreso{opacity:.55}.rombo-hab[data-estado=cargando] .rombo-hab__progreso path{filter:none;transition:stroke-dashoffset .25s linear}.rombo-hab[data-estado=cargando] .rombo-hab__forma{animation:rombo-carga .9s var(--ocaso) infinite alternate}@keyframes rombo-carga{to{border-color:var(--acento);box-shadow:0 0 18px color-mix(in oklab, var(--acento) 45%, transparent)}}.rombo-hab.golpe .rombo-hab__forma{animation:rombo-golpe .35s var(--hierro-curva)}@keyframes rombo-golpe{0%{box-shadow:0 0 0 0 var(--acento), 0 0 46px 6px var(--acento);border-color:#fff}to{box-shadow:0 0 0 0 transparent, 0 0 28px color-mix(in oklab, var(--acento) 55%, transparent)}}.rombo-hab__tecla{position:absolute;top:2px;right:16%}.rombo-hab__nombre{font:500 11px/1.25 var(--f-versalitas);letter-spacing:.16em;text-transform:uppercase;text-align:center;text-wrap:balance}.rombo-hab:hover .rombo-hab__forma,.rombo-hab:focus-visible .rombo-hab__forma{border-color:var(--acento)}.rombo-hab[aria-selected=true]{color:var(--hueso)}.rombo-hab[aria-selected=true] .rombo-hab__forma{border-color:var(--acento);box-shadow:0 0 28px color-mix(in oklab, var(--acento) 55%, transparent);transform:rotate(45deg)scale(.88)}.hoja{border:1px solid var(--filete-fuerte);background:#100c08f2;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;padding:14px 20px;display:grid;position:relative}.hoja[hidden]{display:none}.hoja>*{margin:0}.hoja__cab{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 22px;display:flex}.hoja__cab>p{margin:0}.hoja__nombre{color:var(--hueso)}.hoja__lectura{font-variant-numeric:tabular-nums;color:var(--hueso);min-width:34ch}.hoja__mandos{align-items:center;gap:6px;display:flex}.hoja__boton{border:1px solid var(--filete-fuerte);width:40px;height:36px;color:var(--hueso);transition:border-color var(--d-pasar) var(--hierro-curva), color var(--d-pasar) var(--hierro-curva);place-items:center;display:grid}.hoja__boton svg{fill:currentColor;stroke:currentColor;stroke-width:1.2px;width:14px;height:12px}.hoja__boton:focus-visible{border-color:var(--acento);color:var(--acento-2)}@media (hover:hover){.hoja__boton:hover{border-color:var(--acento);color:var(--acento-2)}}.hoja__boton--play .pausa,.hoja[data-reproduciendo] .hoja__boton--play .play{display:none}.hoja[data-reproduciendo] .hoja__boton--play .pausa{display:inline}.hoja__cerrar{min-height:36px;font:500 11px/1 var(--f-versalitas);letter-spacing:.2em;text-transform:uppercase;color:var(--tx2);padding:0 4px 0 14px}.hoja__regla{gap:4px;display:grid;position:relative}.hoja__marcas{--cabezal:0%;cursor:ew-resize;touch-action:pan-y;background:repeating-linear-gradient(0deg,#0000 0 11px,#ede6d609 11px 12px);align-items:flex-end;gap:2px;height:58px;padding:4px 0 0;display:flex;position:relative}.hoja__marcas:focus-visible{outline-offset:4px}.hoja__marcas .marca{background:#ede6d629;flex:1 1 0;min-width:2px;height:22px;transition:height 80ms linear;position:relative}.hoja__marcas .marca.cinco{height:30px}.hoja__marcas .marca--anticipacion{background:color-mix(in oklab, var(--oro) 70%, transparent)}.hoja__marcas .marca--contacto{background:var(--icor);height:44px;box-shadow:0 0 10px #e8a33d8c}.marca__retencion{inset:0 0 0 calc(100% / var(--ancho-contacto,2.5));mix-blend-mode:screen;background:repeating-linear-gradient(135deg,#bfd8ffd9 0 2px,#0000 2px 5px);position:absolute}.hoja__marcas .marca--recuperacion{background:color-mix(in oklab, var(--tx2) 55%, transparent)}.hoja__marcas .marca.cebolla-pasado{background:color-mix(in oklab, var(--sangre) 85%, transparent);height:36px}.hoja__marcas .marca.cebolla-futuro{background:color-mix(in oklab, var(--musgo) 90%, transparent);height:36px}.hoja__marcas .marca.ahora{background:var(--hueso);height:58px;box-shadow:0 0 12px var(--hueso)}.hoja__escala{height:14px;font-size:10px;position:relative}.hoja__escala span{position:absolute;top:0;translate:-50%}.hoja__fases{flex-wrap:wrap;gap:6px 24px;margin:0;padding:0;list-style:none;display:flex}.hoja__fases li{align-items:center;gap:8px;display:inline-flex}.hoja__fases i{width:10px;height:10px;display:inline-block}.f-ant i{background:color-mix(in oklab, var(--oro) 70%, transparent)}.f-act i{background:var(--icor)}.f-rec i{background:color-mix(in oklab, var(--tx2) 55%, transparent)}.f-reposo i{background:#ede6d629}.hoja__objetivo{margin:0}.hoja__cebolla{border:1px solid var(--filete-fuerte);background:#050403;gap:8px;width:clamp(220px,16.5vw,320px);margin:0;padding:10px;display:grid;position:absolute;bottom:calc(100% + 20px);right:0}.hoja__cebolla canvas{aspect-ratio:240/280;width:100%;height:auto;display:block}.hoja__cebolla figcaption{text-align:center}.hoja__cebolla .c-pasado{color:#d4483c}.hoja__cebolla .c-futuro{color:#9fbf73}.hoja__cebolla[hidden]{display:none}.arco-golpe-zona{--fi:0px;--fd:0px;--fs:0px;--fb:0px;pointer-events:none;visibility:hidden;width:1px;height:1px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fi), #000 calc(100% - var(--fd)), transparent), linear-gradient(to bottom, transparent, #000 var(--fs), #000 calc(100% - var(--fb)), transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right, transparent, #000 var(--fi), #000 calc(100% - var(--fd)), transparent), linear-gradient(to bottom, transparent, #000 var(--fs), #000 calc(100% - var(--fb)), transparent);position:fixed;top:0;left:0;overflow:hidden;mask-composite:intersect}.arco-golpe{--u:1;will-change:transform;width:1px;max-width:none;height:1px;max-height:none;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(46% 54% at 50% 51%,#000 42%,#000c 57%,#0000006b 72%,#0000001a 87%,#0000 100%);mask-image:radial-gradient(46% 54% at 50% 51%,#000 42%,#000c 57%,#0000006b 72%,#0000001a 87%,#0000 100%)}.arco-golpe path,.arco-golpe line,.arco-hoja path,.arco-hoja line{fill:none;stroke-linecap:round;stroke-linejoin:round}.arco-golpe__sombra{stroke:var(--tinta);stroke-opacity:.5;stroke-width:calc(var(--u) * 3.6px)}.arco-golpe__lapiz{stroke:color-mix(in oklab, var(--acento) 18%, var(--hueso));stroke-opacity:.92;stroke-width:calc(var(--u) * 1.4px)}.arco-golpe__salto{stroke:var(--hueso);stroke-opacity:.6;stroke-width:calc(var(--u) * 1.3px);stroke-dasharray:calc(var(--u) * 1px) calc(var(--u) * 6px)}.arco-golpe__halo{stroke:var(--acento);stroke-opacity:.2;stroke-width:calc(var(--u) * 15px)}.arco-golpe__estela{stroke:color-mix(in oklab, var(--acento) 72%, #fff6e2);stroke-opacity:.8;stroke-width:calc(var(--u) * 5px)}.arco-golpe__nucleo{stroke:#fffaf0;stroke-width:calc(var(--u) * 2.2px)}html[data-movimiento=reducido] .arco-golpe__lapiz{stroke-width:calc(var(--u) * 1.7px)}.arco-golpe__marca-fondo{stroke:var(--tinta);stroke-opacity:.5;stroke-width:3.4px}.arco-golpe__marca{stroke:var(--hueso);stroke-opacity:.9;stroke-width:1.3px}.arco-golpe__punta path{fill:#fffaf0;stroke:var(--tinta);stroke-width:1px}.arco-golpe__clavo path{fill:color-mix(in oklab, var(--acento) 45%, transparent);stroke:#fffaf0;stroke-width:1.4px}.ficha--ilse .arco-golpe__estela{stroke:color-mix(in oklab, var(--acento) 62%, #ff8a7a)}.ficha--ilse .arco-golpe__halo{stroke-opacity:.3}.arco-hoja{--u:1;aspect-ratio:240/280;pointer-events:none;width:calc(100% - 20px);height:auto;position:absolute;top:10px;left:10px;overflow:hidden}.arco-hoja__todo{stroke:var(--hueso);stroke-opacity:.38;stroke-width:calc(var(--u) * 1px)}.arco-hoja__salto{stroke:var(--hueso);stroke-opacity:.42;stroke-width:calc(var(--u) * 1px);stroke-dasharray:calc(var(--u) * 1px) calc(var(--u) * 4px)}.arco-hoja__barrido{stroke:color-mix(in oklab, var(--acento) 80%, var(--hueso));stroke-width:calc(var(--u) * 2.2px)}.ficha--ilse .arco-hoja__barrido{stroke:color-mix(in oklab, var(--acento) 55%, #ff8a7a)}.arco-hoja__arma--1 .arco-hoja__barrido{stroke-dasharray:none;stroke:color-mix(in oklab, var(--acento-2) 75%, var(--hueso))}.arco-hoja__marca{stroke:var(--hueso);stroke-opacity:.42;stroke-width:1px}.arco-hoja__marca.en-golpe{stroke:color-mix(in oklab, var(--acento) 60%, var(--hueso));stroke-opacity:.9}.arco-hoja__contacto{fill:var(--oro);stroke:var(--tinta);stroke-width:.8px}.arco-hoja__vecina circle{fill:#9fc56a}.arco-hoja__vecina.pasado circle{fill:#e0402f}.arco-hoja__ahora circle{fill:none;stroke:#fff6e2;stroke-width:1.2px}.arco-hoja__ahora circle.nucleo{fill:#fff6e2;stroke:none}.arco-hoja__rotulo text{font:500 9px/1 var(--f-dato);letter-spacing:.14em;fill:var(--oro);paint-order:stroke;stroke:#050403;stroke-width:3px}.ficha__rayo{z-index:10;pointer-events:none;background:var(--rayo);mix-blend-mode:screen;opacity:0;position:fixed;inset:0}.historia{padding:clamp(64px, 9vw, 130px) var(--margen);grid-template-columns:repeat(var(--columnas), minmax(0, 1fr));column-gap:var(--medianil);background:#100c08e6;display:grid}.ficha[data-retrato-vivo] .historia:before{content:"";pointer-events:none;background:linear-gradient(#100c0800,#100c088c 55%,#100c08e6);height:22svh;position:absolute;bottom:100%;left:0;right:0}.historia__cab{grid-column:2/7;align-content:start;gap:16px;display:grid}.historia__cuerpo{grid-column:8/12}.historia__cuerpo p:first-child:first-letter{float:left;font:300 4.2em / .8 var(--f-mito);color:var(--acento-2);padding:.06em .1em 0 0}.pelicula{padding:clamp(56px, 8vw, 120px) var(--margen);grid-template-columns:repeat(var(--columnas), minmax(0, 1fr));column-gap:var(--medianil);background:linear-gradient(#100c08e6,#0b0806);row-gap:32px;display:grid}.pelicula__marco{aspect-ratio:2.39;border:1px solid var(--filete-fuerte);background:linear-gradient(#05040a,#14101f);grid-column:1/8;align-self:start;place-items:center;display:grid;position:relative;overflow:hidden}.pelicula__marco picture,.pelicula__marco img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pelicula__marco .boton{z-index:1;backdrop-filter:blur(4px);background:#100c089e;position:relative}.pelicula__marco .boton:disabled{opacity:.55}@media (width>=1280px){.pelicula__marco{position:sticky;top:112px}}.pelicula__aviso{z-index:1;position:absolute;bottom:10px;left:14px}.pelicula__texto{grid-column:8/13;align-content:start;gap:16px;display:grid}.pelicula__texto .musica{color:var(--tx2)}.lineas{border-top:1px solid var(--filete);gap:12px;margin-top:6px;display:grid}.lineas li{grid-template-columns:82px 1fr;align-items:baseline;gap:14px;padding-top:10px;display:grid}.lineas__es{font:italic 400 21px/1.3 var(--f-mito);color:var(--hueso)}.lineas .huesped{color:var(--icor)}.atuendos{padding:clamp(64px, 8vw, 120px) var(--margen);background:#0b0806;gap:32px;display:grid}.atuendos__lista{gap:var(--medianil);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;display:grid}.atuendo{border:1px solid var(--filete-fuerte);background:#ede6d605;align-content:start;gap:12px;padding:24px 26px 26px;display:grid}.atuendo h3{font:400 34px/1.05 var(--f-mito)}.atuendo__efecto{border-top:1px solid var(--filete);color:var(--acento-2);padding-top:12px}.ficha__pie{gap:var(--medianil);padding:36px var(--margen) 120px;border-top:1px solid var(--filete);background:#0b0806;grid-template-columns:repeat(3,1fr);display:grid}.ficha__pie a{gap:8px;min-height:56px;padding:4px 0;display:grid}.ficha__pie a:nth-child(2){text-align:center}.ficha__pie a:last-child{text-align:right}.ficha__pie .nombre{font:300 clamp(30px, 3.4vw, 52px) / 1 var(--f-mito);transition:color var(--d-pasar) var(--hierro-curva)}.ficha__pie a:hover .nombre,.ficha__pie a:focus-visible .nombre{color:var(--oro-2)}@media (width<=1279.98px){.retrato__velo{background:linear-gradient(90deg,#100c08d1,#100c0866 46%,#0000 70%),linear-gradient(#100c0859,#0000 22% 70%,#100c08cc)}.retrato__escenario{width:min(80vw,1100px);left:58%}.retrato__nombre{left:16%}.ficha[data-retrato-vivo] .escenario:before{background:linear-gradient(90deg,#100c08db,#100c087a 38%,#0000 54%),linear-gradient(#100c0857,#0000 20% 76%,#100c08c7)}.habilidades__cab,.panel-hab__texto{grid-column:1/4}.encrucijada{grid-column:1/4;justify-self:start;margin-top:20px}.habilidades__barra{margin:32px 0 40px;position:relative;bottom:auto}[data-analizando] .habilidades__barra{position:sticky}.encrucijada__lados{grid-template-columns:1fr}.hoja__cebolla{display:none}.historia__cab,.historia__cuerpo{grid-column:1/-1}.historia__cab{margin-bottom:24px}.pelicula__marco,.pelicula__texto{grid-column:1/-1}}@media (width<=767.98px){.escenario{height:66svh}.retrato__escenario{width:100%;top:2svh;bottom:0;left:0;transform:none}.retrato{grid-template-rows:66svh auto auto auto;grid-template-columns:minmax(0,1fr);min-height:0}.retrato__placa,.retrato__heroe,.retrato__nombre,.retrato__velo{grid-area:1/1/2/2}.retrato__heroe img,.retrato__placa img{object-position:46% 50%}.retrato__nombre{font-size:clamp(2.6rem,15vw,6rem);inset:auto 0 6svh}.retrato__velo{background:linear-gradient(#100c0880,#0000 24% 64%,#100c08eb)}.retrato__texto,.gonio,.retrato__heroes{background:var(--tinta)}.retrato__texto{padding:46px var(--margen) 28px;z-index:2;background:linear-gradient(180deg, #100c0800, var(--tinta) 40px);grid-area:2/1;width:100%;margin-top:-40px}.gonio{width:100%;padding:0 max(var(--margen), calc(50% - 210px)) 24px;grid-area:3/1;margin:0;position:relative;bottom:auto;left:auto;transform:none}.retrato__heroes{padding:0 var(--margen) 28px;grid-area:4/1;grid-auto-flow:column;justify-content:space-between;position:relative;bottom:auto;right:auto}.habilidades{background:0 0;min-height:0;padding:0;display:block}.habilidades__cab,.habilidades__barra,.habilidades__paneles{background:var(--tinta);pointer-events:auto}.habilidades__cab{padding:40px var(--margen) 28px}.habilidades__cab .titulo-capitulo{font-size:clamp(2.4rem,11vw,3.4rem)}.habilidades__ventana{background:linear-gradient(180deg, var(--tinta), transparent 12%, transparent 88%, var(--tinta));height:66svh;display:block}.habilidades__barra{padding:6px var(--margen) 10px;margin:0;position:relative;bottom:auto}.habilidades__rombos{justify-content:space-between;gap:4px;width:100%}.rombo-hab{width:25%;min-height:56px;padding:4px 0 6px}.rombo-hab__forma{width:64px}.rombo-hab__progreso{width:67.2px;margin-top:-1.6px}.rombo-hab__nombre{letter-spacing:.1em;font-size:9.5px}.rombo-hab__tecla{display:none}.habilidades__paneles{padding:14px var(--margen) 56px;margin-top:0}.panel-hab{grid-template-columns:minmax(0,1fr);display:grid}.panel-hab__texto,.encrucijada{grid-column:1/-1}.hoja{padding:12px}.hoja__cab{gap:6px 12px}.hoja__lectura{flex:100%;order:3;min-width:0}.hoja__mandos{justify-content:space-between;width:100%}.hoja__boton{width:56px;height:44px}.hoja__marcas{gap:1px;height:50px}.hoja__marcas .marca.ahora{height:50px}.hoja__fases{grid-template-columns:minmax(0,1fr);gap:3px;font-size:10px;display:grid}.hoja__objetivo{font-size:10px}[data-analizando] .escenario,[data-analizando] .habilidades__ventana{height:52svh}.escenario,.habilidades__ventana{transition:height var(--d-panel) var(--hierro-curva)}html:has(.ficha[data-retrato-vivo]){scroll-snap-type:y proximity}.ficha[data-retrato-vivo] .habilidades__ventana,.ficha[data-retrato-vivo] .retrato{scroll-snap-align:start}.atuendos__lista,.ficha__pie{grid-template-columns:1fr}.ficha__pie a:nth-child(2),.ficha__pie a:last-child{text-align:left}.lineas li{grid-template-columns:1fr;gap:2px}}@media (pointer:coarse){.habilidades__cab .etiqueta .dato,.rombo-hab__tecla,.retrato__ayuda,.gonio__ayuda{display:none}}html[data-movimiento=reducido] .rombo-hab__previa,html[data-movimiento=reducido] .ficha__rayo{display:none}html[data-movimiento=reducido] .rombo-hab.golpe .rombo-hab__forma,html[data-movimiento=reducido] .rombo-hab[data-estado=cargando] .rombo-hab__forma{animation:none}@media (prefers-reduced-motion:reduce){.rombo-hab__previa,.ficha__rayo{display:none}.rombo-hab.golpe .rombo-hab__forma,.rombo-hab[data-estado=cargando] .rombo-hab__forma{animation:none}}html[data-calidad=pergamino] .habilidades__ventana,html[data-calidad=pergamino] .escenario,.habilidades__heroe{display:none}html[data-calidad=pergamino] .habilidades__heroe{pointer-events:none;grid-area:1/5/3/9;place-self:end center;width:min(100%,46svh);margin:0;display:block;position:relative}html[data-calidad=pergamino] .habilidades__heroe:after{content:"";z-index:-1;background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:7%;position:absolute;bottom:1%;left:18%;right:18%}html[data-calidad=pergamino] .habilidades__heroe img{width:100%;height:auto;display:block}@media (width<=1279.98px){html[data-calidad=pergamino] .habilidades__heroe{grid-area:1/4/4/-1;align-self:start;margin-top:12svh}}@media (width<=767.98px){html[data-calidad=pergamino] .habilidades__heroe{width:min(78%,46svh);margin:8px auto 0}}