.pieza{position:fixed;inset:0;z-index:10;background:#14100c;color:var(--bone);overflow:hidden;font-family:var(--book)}.pieza #gl{position:absolute;inset:0;width:100%;height:100%;display:block}.escenas{position:absolute;inset:0;perspective:1400px;pointer-events:none}.esc{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s .35s}.esc.act{visibility:visible;opacity:1;transition:opacity .35s ease;pointer-events:none}.bloque{position:absolute;display:grid;gap:1rem;width:min(34rem,40vw);pointer-events:auto;transform-style:preserve-3d;transform:perspective(1400px) rotateY(calc(var(--ry,0deg) + var(--mx,0)*2.2deg)) rotateX(calc(var(--my,0)*-1.6deg));text-shadow:0 0 14px #14100C,0 0 2px #14100C}.izq .bloque{left:clamp(1.5rem,6vw,6.5rem);top:50%;translate:0 -50%;--ry:9deg}.der .bloque{right:clamp(1.5rem,6vw,6.5rem);top:50%;translate:0 -50%;--ry:-9deg}.centro .bloque{left:50%;top:50%;translate:-50% -50%;width:min(54rem,88vw);text-align:center;justify-items:center}.abajo .bloque{left:50%;bottom:clamp(5rem,10vh,7.5rem);translate:-50% 0;width:min(46rem,88vw)}.k{margin:0;font:700 .8125rem/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}.k.parte{font-size:1rem;letter-spacing:.28em}.cuerpo,.med{margin:0}.cuerpo .o{font:400 clamp(1.08rem,1.5vw,1.42rem)/1.58 var(--book);color:#f2e8d2f0}.med{font:500 clamp(1.6rem,2.8vw,2.7rem)/1.1 var(--display);letter-spacing:-.025em;font-variation-settings:"SOFT" 100,"WONK" 1}.med .o{display:block;margin:.1em 0}.gran{margin:0;font:500 clamp(2.6rem,7.4vw,7.2rem)/.92 var(--display);letter-spacing:-.045em;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;text-wrap:balance}.izq .gran,.der .gran{font-size:clamp(2.4rem,5.2vw,5.4rem)}.abajo .gran{font-size:clamp(2.2rem,5.4vw,5rem)}.obj{font-style:normal;color:var(--ac)}.o{display:inline;opacity:0}.gran .o{display:inline-block}.k,.o,.fin-acciones{opacity:0}.esc.act .k{animation:pk 1.1s var(--ease,cubic-bezier(.2,.7,.2,1)) .1s both}.esc.act .o{animation:pe 1.25s var(--ease,cubic-bezier(.2,.7,.2,1)) var(--d,.9s) both}.esc.act .gran .o{animation:pg 1.7s var(--ease,cubic-bezier(.2,.7,.2,1)) var(--d,.9s) both}.esc.act .obj{animation:po 1.6s ease calc(var(--d,.9s) + .5s) both}.esc.act .fin-acciones{animation:pe 1.2s ease 1.2s both}@keyframes pk{0%{opacity:0;letter-spacing:.6em;filter:blur(6px)}to{opacity:1;letter-spacing:.2em;filter:blur(0)}}@keyframes pe{0%{opacity:0;filter:blur(14px);transform:translate3d(0,16px,-140px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pg{0%{opacity:0;filter:blur(24px);transform:translate3d(0,24px,-300px) scale(1.06)}to{opacity:1;filter:blur(0);transform:none}}@keyframes po{0%{color:inherit}to{color:var(--ac)}}.modo-bloques .o{opacity:1;animation:none!important;filter:none}.modo-bloques .w{display:inline-block;opacity:0;font-style:normal}.modo-bloques .esc.act .w{animation:pw .38s cubic-bezier(.2,.8,.2,1) calc(var(--d,.9s) + var(--j,0)*.05s) both}.modo-bloques .esc.act .gran .w{animation:pgw .55s cubic-bezier(.2,.9,.2,1) calc(var(--d,.9s) + var(--j,0)*.1s) both}.modo-bloques .esc.act .k{animation:pk2 .3s ease both}.modo-bloques .esc.act .bloque>:last-child .o:last-of-type:after{content:"";display:inline-block;width:.5em;height:.9em;margin-left:.22em;vertical-align:-.08em;background:var(--ac);opacity:0;animation:cur .9s linear var(--dfin,2s) infinite}.modo-bloques .esc.act .bloque>.gran:last-child .o:last-of-type:after{width:.15em;height:.56em;margin-left:.1em;vertical-align:.03em}.modo-bloques .esc.act .fin-acciones:after{display:none}@keyframes pw{0%{opacity:0;transform:translate3d(0,.5em,0)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes pgw{0%{opacity:0;transform:translate3d(-.06em,.5em,0) skew(-8deg)}to{opacity:1;transform:none}}@keyframes pk2{0%{opacity:0}to{opacity:1}}@keyframes cur{0%,49%{opacity:.95}50%,to{opacity:0}}.fin-acciones{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;justify-content:center;margin-top:1.4rem;font:700 .75rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.fin-acciones a,.fin-acciones button{color:var(--bone);background:none;border:1px solid rgba(242,232,210,.35);padding:.75rem 1.1rem;cursor:pointer;text-decoration:none;font:inherit;letter-spacing:.1em}.fin-acciones a:hover,.fin-acciones button:hover,.fin-acciones a:focus-visible,.fin-acciones button:focus-visible{border-color:var(--ac);color:var(--ac);outline:none}.barra{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,3vw,2.2rem);z-index:5;font:700 .8125rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.barra a,.barra button{color:var(--bone);text-decoration:none;background:none;border:0;cursor:pointer;font:inherit;letter-spacing:inherit;padding:.6rem .2rem;min-height:44px;opacity:.8}.barra a:hover,.barra button:hover,.barra a:focus-visible,.barra button:focus-visible{opacity:1;color:var(--ac);outline:none}.barra-der{display:flex;gap:1.2rem}.barra a,.barra button{white-space:nowrap}.volver .corto{display:none}.mandos{position:absolute;left:50%;bottom:1.1rem;translate:-50% 0;display:flex;align-items:center;gap:.9rem;z-index:5}.mandos button{background:none;border:0;color:var(--bone);cursor:pointer;font:400 1.7rem/1 var(--display);width:44px;height:44px;opacity:.75}.mandos button:hover,.mandos button:focus-visible{opacity:1;color:var(--ac);outline:none}.ticks{display:flex;gap:6px;align-items:center}.tick{width:14px!important;height:44px!important;position:relative;padding:0!important;opacity:1!important}.tick:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#f2e8d247;transition:background .3s,height .3s}.tick.pasada:before{background:#f2e8d299}.tick.on:before{background:var(--ac);height:4px;margin-top:-2px}.cuenta{font:400 .8125rem var(--mono);letter-spacing:.14em;opacity:.7;min-width:5.5ch;text-align:right}.progreso{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--ac);transform:scaleX(0);transform-origin:left;z-index:6;opacity:.9}.ayuda{position:absolute;right:clamp(1rem,3vw,2.2rem);bottom:1.5rem;margin:0;font:400 .75rem var(--mono);letter-spacing:.14em;opacity:.55;transition:opacity .6s;z-index:5}.ayuda.oculta{opacity:0}.completo{position:absolute;inset:0;z-index:20;background:#14100cf7}.completo[hidden]{display:none}.completo-in{position:absolute;inset:0;overflow:auto;padding:clamp(4rem,9vh,6rem) 1.5rem 5rem}.completo article{max-width:40rem;margin:0 auto}.completo article h1{margin:.4rem 0 1.4rem;font:500 clamp(2.4rem,6vw,4.4rem)/.95 var(--display);letter-spacing:-.04em;font-variation-settings:"SOFT" 100,"WONK" 1}.completo article p{margin:0 0 1.2em;font:400 1.15rem/1.7 var(--book)}.completo article p.intro{font-style:italic;opacity:.85}.completo article .k{margin-bottom:1rem}.cerrar{position:fixed;right:clamp(1rem,3vw,2.2rem);top:1rem;background:none;border:0;color:var(--bone);font:700 .8125rem var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;min-height:44px;padding:.6rem}.cerrar:hover,.cerrar:focus-visible{color:var(--ac);outline:none}.sin-gl{position:static;overflow:auto;height:auto;min-height:100vh}.sin-gl #gl,.sin-gl .mandos,.sin-gl .progreso,.sin-gl .ayuda{display:none}.sin-gl .escenas{position:static;perspective:none}.sin-gl .esc{position:static;visibility:visible;opacity:1;padding:3rem 1.5rem}.sin-gl .bloque{position:static;translate:none;width:min(40rem,100%);margin:0 auto;transform:none;text-align:left;justify-items:start}.sin-gl .k,.sin-gl .o,.sin-gl .fin-acciones,.sin-gl .w{opacity:1}@media(max-width:760px){.bloque,.izq .bloque,.der .bloque,.centro .bloque,.abajo .bloque{left:5vw;right:5vw;top:auto;bottom:5.2rem;translate:none;width:auto;max-height:54vh;overflow:auto;text-align:left;justify-items:start;--ry:0deg}.centro .bloque{text-align:left;justify-items:start}.gran,.izq .gran,.der .gran{font-size:clamp(2.2rem,11vw,3.4rem)}.cuerpo .o{font-size:1.02rem}.med{font-size:1.5rem}.barra{padding:.4rem .9rem;font-size:.72rem;letter-spacing:.06em}.barra-der{gap:.6rem}.volver .largo{display:none}.volver .corto{display:inline}.ayuda{display:none}}@media(prefers-reduced-motion:reduce){.esc.act .k,.esc.act .o,.esc.act .gran .o,.esc.act .obj,.esc.act .fin-acciones,.modo-bloques .w,.modo-bloques .esc.act .w{animation:none;opacity:1;filter:none;transform:none}.esc.act .obj{color:var(--ac)}}