:root{--letterbox-bg:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--letterbox-bg);height:100dvh;margin:0;overflow:hidden}[hidden]{display:none!important}#game-frame{aspect-ratio:1920/1080;transform-origin:50%;background-color:#5f9ea0;width:1920px;height:1080px;position:absolute;top:50%;left:50%;overflow:hidden}.room,.bg{will-change:transform;background:50%/cover no-repeat;position:absolute;inset:-40px}.room-img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.room-img.shown{opacity:1}.room:after{content:"";opacity:calc(var(--danger,0) * .9);background:radial-gradient(circle at 50% 45%,#aa0a2859 0%,#5a0014d9 100%);transition:opacity .3s linear;position:absolute;inset:0}.smoke{position:absolute;inset:-40px}.baby{background:50% 718px/43.75% no-repeat;position:absolute;inset:0}.baby.intro{background-position:50% 571px;background-size:54.69%}.baby.shrieking{filter:drop-shadow(0 0 40px #ff5a46a6)saturate(1.3)}.intro-prompt{text-align:center;flex-direction:column;align-items:center;gap:40px;display:flex;position:absolute;top:300px;left:50%;transform:translate(-50%)}.intro-line{color:#f2ecff;letter-spacing:4px;margin:0;font:400 52px/1.3 system-ui,sans-serif}.pips{gap:24px;display:flex}.pip{border:3px solid #f2ecff73;border-radius:50%;width:28px;height:28px;transition:background-color .12s linear,box-shadow .12s linear}.pip.lit{background:#f2ecff;box-shadow:0 0 24px 6px #f2ecff80}.intro-fence{pointer-events:none;width:100%;position:absolute;bottom:0;left:0}.intro-desc{color:#f2ecff;letter-spacing:3px;text-align:center;text-shadow:0 2px 12px #000;opacity:0;pointer-events:none;width:1200px;transition:opacity var(--intro-fade-out,.5s) ease-in-out;margin:0;font:400 56px/1.4 system-ui,sans-serif;position:absolute;top:420px;left:50%;transform:translate(-50%)}.intro-desc.visible{opacity:1;transition:opacity var(--intro-fade-in,.5s) ease-in-out}.overlay{color:#f2ecff;text-align:center;background:#04050ad1;flex-direction:column;justify-content:center;align-items:center;gap:32px;font:400 96px/1 system-ui,sans-serif;display:flex;position:absolute;inset:0}.overlay-title{letter-spacing:8px;margin:0}.overlay-hint{color:#9d94b8;letter-spacing:4px;margin:0;font-size:40px}.overlay.on-art{background:0 0;justify-content:flex-end;padding-bottom:72px}.overlay.on-art .overlay-hint{color:#f2ecff;text-shadow:0 2px 12px #000}.fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.debug{color:#7dffb0;text-shadow:0 2px 6px #000;pointer-events:none;font:400 26px/1 ui-monospace,Consolas,monospace;position:absolute;top:24px;left:32px}
