:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#33312e;background:#e9e7e1;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#e9e7e1;min-height:100vh;overflow:hidden}main{place-content:center;justify-items:center;gap:2rem;min-height:100vh;padding:2rem;display:grid}.doorway{background:#292826;border:.55rem solid #77726a;border-bottom-width:0;width:9.5rem;height:15.5rem;position:relative}.opening{position:absolute;inset:0;overflow:hidden}.light{background:#d7c98f;width:.65rem;position:absolute;inset:0 0 0 auto}.door{transform-origin:0;background:#625e57;border:1px solid #4c4944;position:absolute;inset:0 .55rem 0 0;transform:perspective(38rem)rotateY(-7deg)}.door:after{content:"";background:#34322f;border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:51%;right:.8rem}p{letter-spacing:.01em;margin:0;font-size:1rem}.mnemonic{color:#0000;-webkit-user-select:text;user-select:text;font-size:.75rem;line-height:1;position:fixed;bottom:.35rem;left:.5rem}.mnemonic::selection{color:#171717;background:#b8cce0}