.floor-comic{position:absolute;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2%;container-type:size;overflow:hidden;background:rgba(3,8,15,.97);color:#fff4d9;isolation:isolate;touch-action:manipulation;}
.floor-comic[hidden]{display:none!important;}
.floor-comic-controls{display:contents;}
.asylum-story{z-index:95;background:#03080f;}
.asylum-story.floor-comic-opening{background:rgba(3,8,15,.88);}
.floor-comic-panels{height:84%;width:94%;display:flex;justify-content:center;gap:1.15cqw;align-items:center;flex-shrink:0;}
.floor-comic-panel{position:relative;height:100%;aspect-ratio:var(--comic-panel-ratio,.5);max-width:31.8%;margin:0;overflow:hidden;opacity:0;border:1px solid #768a8f;box-shadow:3px 5px 0 #000;will-change:opacity,transform;background:#071319;}
.floor-comic-art{position:absolute;inset:0;overflow:hidden;}
.floor-comic-art svg{display:block;width:100%;height:100%;transform-origin:50% 48%;will-change:transform;}
.floor-comic-panel figcaption{position:absolute;left:6%;bottom:3%;width:fit-content;max-width:88%;padding:.65cqh 1cqw .75cqh;margin:0;box-sizing:border-box;isolation:isolate;color:#11100e;font:italic 900 1.9cqh/1.22 "Comic Sans MS","Comic Sans",Arial,sans-serif;text-align:left;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:break-word;text-wrap:balance;}
.floor-comic-panel figcaption::before{content:"";position:absolute;inset:0;z-index:-1;box-sizing:border-box;background:#f5eedc;border:max(2px,.27cqh) solid #11100e;box-shadow:.16cqh .2cqh 0 #11100e;transform:skewX(-9deg);}
.floor-comic .floor-comic-continue{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:22.5cqh;min-height:7.2cqh;padding:.8cqh 2.4cqh;background:#000;color:#fff;border:max(1px,.22cqh) solid #fff;border-radius:1cqh;font:italic 900 3.2cqh/1 "Arial Black",Arial,sans-serif;letter-spacing:0;white-space:nowrap;box-shadow:none;cursor:pointer;}
.floor-comic-continue:disabled{opacity:.4;cursor:default;}
.floor-comic .floor-comic-continue:hover:not(:disabled){background:#151515;filter:none;}
.floor-comic .floor-comic-continue:focus-visible{outline:2px solid #fff;outline-offset:4px;}
.floor-comic-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(prefers-reduced-motion:reduce){.floor-comic-art svg,.floor-comic-panel{will-change:opacity;}}
