/* Mundo Otaku case page · opening a volume (doors, overlay), the sound switch and the dragons' canvas. */
.n5-sonido{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;font:600 12px/1 var(--f-etiqueta);background:none;border:2px solid currentColor;border-radius:3px;color:inherit;cursor:pointer}
.n5-sonido[hidden]{display:none}
.n2-js .n5-sonido[hidden]{display:inline-flex}
.n5-sonido:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.n5-sonido[aria-pressed="false"] .n5-onda,.n5-sonido[aria-pressed="true"] .n5-mudo{display:none}
.n5-sonido[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.cb-ranura{display:flex;align-items:center}
.n5-puerta{display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;margin-top:72px;padding:14px 22px 14px 14px;box-sizing:border-box;border:2px solid var(--tinta);border-radius:4px;background:var(--hoja);color:var(--tinta);text-decoration:none}
.n5-puerta:hover{background:rgba(250,244,231,.85)}
.n5-puerta:focus-visible{outline:3px solid var(--acento);outline-offset:4px}
.n5-puerta-hojas{display:flex;flex:none;width:76px;height:94px;border:3px solid #2a1b10;background:radial-gradient(ellipse at 50% 55%,#5a3a1f,#1a110b 70%);overflow:hidden}
.n5-puerta-hojas>span{flex:1;display:grid;place-items:center;padding-bottom:10px;font:700 24px/1 var(--f-kanji);color:var(--tinta);border-inline:1px solid #2a1b10;
  background:linear-gradient(#6b4a2a,#5a3d21) bottom/100% 16% no-repeat,repeating-linear-gradient(90deg,transparent 0 11px,rgba(46,31,18,.38) 11px 13px),repeating-linear-gradient(180deg,transparent 0 12px,rgba(46,31,18,.38) 12px 14px),#f4ecda;
  transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.n5-puerta:hover .n5-puerta-hojas>span:first-child,.n5-puerta:focus-visible .n5-puerta-hojas>span:first-child{transform:translateX(-34%)}
.n5-puerta:hover .n5-puerta-hojas>span:last-child,.n5-puerta:focus-visible .n5-puerta-hojas>span:last-child{transform:translateX(34%)}
.n5-puerta-texto{display:flex;flex-direction:column;gap:7px}
.n5-puerta-ceja{font:700 12px/1.2 var(--f-etiqueta);letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}
.n5-puerta-nombre{font:700 19px/1.25 var(--f-titulo)}
.n5-puerta-flecha{margin-left:12px;font-size:22px}
.ne-portada-texto .n5-puerta{margin-top:30px}
@media (max-width:960px){.n2-portada .n5-puerta{order:8;margin-top:8px}.n5-sonido{min-height:44px;min-width:44px;justify-content:center}}
@media (max-width:560px){
  .n5-sonido{padding:0 9px}
  .n5-sonido-texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .n5-puerta{gap:14px;padding-right:16px}
  .n5-puerta-nombre{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.n5-puerta-hojas>span{transition:none}}
.n5-velo{position:fixed;inset:0;z-index:60;overflow:hidden;contain:strict}
.n5-velo[hidden]{display:none}
.n5-velo canvas{position:absolute;inset:0;width:100%;height:100%}
.n5-libro{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.n5-cara{position:absolute;transform-style:preserve-3d;backface-visibility:hidden}
.n5-lomo::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #1b1814}
.n5-par{position:absolute;left:0;top:0}
.n5-hoja{position:absolute;top:0;width:50%;height:100%;overflow:hidden;will-change:transform}
.n5-izq{left:0}
.n5-der{left:50%}
.n5-hoja::after{content:"";position:absolute;inset:0;border:var(--n5-borde) solid #17120d;pointer-events:none}
.n5-shoji .n5-hoja::after{border-color:#3d2816}
.n5-espejo{transform:scaleX(-1)}
.n5-k{position:absolute;top:calc(50% - var(--n5-alto));transform:translateY(-50%);font:700 var(--n5-k)/1 var(--f-kanji);color:#1b1612}
.n5-izq .n5-k{right:calc(var(--n5-k) * .1)}
.n5-der .n5-k{left:calc(var(--n5-k) * .1)}
.n5-asa{position:absolute;top:calc(50% + var(--n5-asa));width:calc(var(--n5-borde) * 2.4);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1d140c 0 36%,#a27c45 39% 56%,#2a1d12 59%)}
.n5-izq .n5-asa{right:calc(var(--n5-borde) * 2.6)}
.n5-der .n5-asa{left:calc(var(--n5-borde) * 2.6)}
.n5-shoji .n5-asa{top:calc(50% + var(--n5-asa) * .45);border-radius:3px;aspect-ratio:.5;background:linear-gradient(90deg,#2a1d12,#6b4a2a 30% 70%,#2a1d12)}
.n5-sello{position:absolute;top:calc(50% - var(--n5-alto) + var(--n5-k) * .62);left:calc(var(--n5-k) * 1.22);padding:.32em .38em;font:700 calc(var(--n5-k) * .12)/1 var(--f-etiqueta);letter-spacing:.04em;color:#f6ecd9;background:#b8342a}
.n5-tapa-hoja{position:absolute;inset:0;transform-origin:100% 50%;backface-visibility:hidden;will-change:transform}
.n5-tapa-hoja::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 4px #1b1814}
.n5-titulo{position:absolute;left:50%;top:50%;transform:translate(-50%,-56%);writing-mode:vertical-rl;padding:.3em .18em;font:700 var(--n5-k)/1.08 var(--f-kanji);color:#1b1612;background:#f3ead7;border:3px solid #1b1814}
.n5-tapa-hoja .n5-sello{top:calc(50% + var(--n5-k) * 1.45);left:50%;transform:translateX(-50%);font-size:calc(var(--n5-k) * .2)}
.n5-pasillo{position:absolute;inset:0;perspective:1000px;background:radial-gradient(ellipse at 50% 64%,#3b2615 0%,#1b120b 55%,#0c0805 100%)}
.n5-pasillo.n5-llegada{background:none}
.n5-llegada .n5-marco:not(:last-child){visibility:hidden!important}
.n5-mundo{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.n5-marco{position:absolute;inset:0;transform-style:preserve-3d}
.n5-marco::before{content:"";position:absolute;inset:-4vmin;border:4vmin solid #2a1b10}
.n5-niebla{position:absolute;inset:-4vmin;background:#0c0805;opacity:0;pointer-events:none}
.n2-escena .n13-aura{pointer-events:none;z-index:1}
.n6-castillo{position:absolute;left:0;top:0;display:block}
@media print{.n5-velo,.n5-sonido{display:none}}
.n17-dragon{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0}
.n17-dragon.n18-silueta{filter:blur(1px)}
@media print{.n17-dragon{display:none}}