.room{color:var(--ink);visibility:hidden;cursor:auto;will-change:transform;background:radial-gradient(90vmax 70vmax at 64% -8%,#fbf4e3 0%,#efe5cf 38%,#ddcfb0 100%);position:absolute;inset:0;overflow:hidden}.room-pendant{transform-origin:50% 0;will-change:transform;width:56px;margin-left:-28px;position:absolute;top:0;left:64%}.room-cord{background:var(--ink);opacity:.85;width:1.5px;height:30vh;margin:0 auto;display:block}.room-pendant svg{width:56px;height:52px;margin-top:-1px;display:block;overflow:visible}.room-content{opacity:0;will-change:transform, opacity;max-width:min(84vw,640px);position:absolute;bottom:max(32px,11vh);left:max(24px,8vw)}.room-content h2{font-family:var(--serif);letter-spacing:-.012em;font-size:clamp(46px,9vw,144px);font-weight:400;line-height:.95}.room-content p{font-family:var(--mono);letter-spacing:.01em;opacity:.72;margin-top:22px;font-size:clamp(15px,1.2vw,18px);line-height:1.6}.room-close{appearance:none;cursor:pointer;font:400 16px/1 var(--mono);letter-spacing:.01em;color:var(--ink);text-underline-offset:6px;opacity:0;background:0 0;border:0;padding:12px 6px;text-decoration:underline;text-decoration-thickness:1px;position:absolute;top:max(18px,4vh);right:max(16px,4vw)}.room-close:hover{text-decoration-thickness:2px}.room-close:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px;border-radius:2px}
:root{--night:#0a0806;--desk:#2a221c;--paper:#e6dcc6;--paper-edge:#cfc2a6;--ink:#221a13;--sladd:#15100c;--sladd-back:#3a3129;--stamp:#9c3f33;--pencil:#5e574d;--brass:#b08d57;--serif:var(--font-gloock), "Bodoni 72", Didot, serif;--mono:var(--font-courier), "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden}.js body{touch-action:pinch-zoom}@media (hover:hover) and (pointer:fine){.js body{cursor:none}}.stage{perspective:1700px;position:fixed;inset:0}.desk{background-color:var(--desk);background-image:radial-gradient(120% 90% at 50% 45%,#0000 40%,#00000073 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .18' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .1  0 0 0 0 .07  0 0 0 0 .04  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23w)'/%3E%3C/svg%3E");position:fixed;inset:0}.sheet{aspect-ratio:1/1.414;background-color:var(--paper);width:min(90vw,59.4059svh);box-shadow:0 1px 0 var(--paper-edge), 0 30px 60px -20px #000000b3, 0 8px 18px #00000059;background-image:linear-gradient(#0000 calc(33.3% - 1px),#ffffff59 calc(33.3% - 1px) 33.3%,#5a46281f 33.3%,#0000 calc(33.3% + 5px)),linear-gradient(#0000 calc(66.6% - 1px),#ffffff4d calc(66.6% - 1px) 66.6%,#5a46281a 66.6%,#0000 calc(66.6% + 5px)),radial-gradient(140% 100% at 30% 20%,#0000 55%,#785a3229 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .28  0 0 0 0 .18  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1.1deg);container-type:inline-size}.typed{font-family:var(--mono);letter-spacing:.01em;color:var(--ink);font-size:max(2.55cqw,min(10px,3.3cqw));line-height:1.75}.ref,.pg{opacity:.78;position:absolute;top:7%}.ref{left:9%}.pg{right:9%}.title{position:absolute;top:24%;left:8.5%}.word{font-family:var(--serif);letter-spacing:-.012em;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:22.5cqw;font-weight:400;line-height:1}.bar{color:inherit;cursor:grab;touch-action:none;perspective:900px;background:0 0;border:0;outline:none;padding:0;position:absolute;inset:5% -4.5% -1% -3.5%}.bar:active{cursor:grabbing}.bar.revealed{cursor:pointer}.bar:focus-visible:after{content:"";border:1.5px solid #d6ad62;border-radius:3px;position:absolute;inset:-10px}.peel{transform-style:preserve-3d;transform-origin:30%;will-change:transform, opacity;position:absolute;inset:0}.flat,.flap{border-radius:1.5px;position:absolute;inset:0;transform:rotate(-.7deg)}.flat{background:linear-gradient(180deg, #ffffff09, transparent 30%, #00000040), var(--sladd);will-change:clip-path;box-shadow:0 0 0 .5px #15100c99}.flap{background:linear-gradient(90deg, #00000059, transparent 22%), linear-gradient(180deg, #fff0d214, transparent 40%), var(--sladd-back);transform-origin:0;will-change:transform, clip-path;clip-path:inset(0 0 0 100%)}.flap-wrap{transform-style:preserve-3d;position:absolute;inset:0}.lines{position:absolute;top:53%;left:9%;right:12%}.r{vertical-align:-.12em;height:1.02em;width:var(--w);background:var(--sladd);transform:rotate(var(--t,-.4deg));border-radius:1px;display:inline-block}.stamp{border:.32cqw solid var(--stamp);outline:.14cqw solid var(--stamp);outline-offset:.5cqw;color:var(--stamp);font-family:var(--mono);text-align:center;opacity:.62;padding:.5em .9em .55em;font-size:max(2.5cqw,min(9px,3cqw));font-weight:700;line-height:1.25;position:absolute;top:73%;right:11%;transform:rotate(-7deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.08 .5' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3.2 2.9'/%3E%3C/filter%3E%3Crect width='200' height='80' filter='url(%23s)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.08 .5' numOctaves='3' seed='2'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3.2 2.9'/%3E%3C/filter%3E%3Crect width='200' height='80' filter='url(%23s)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.stamp small{letter-spacing:.04em;font-size:.82em;font-weight:400;display:block}.pencil{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pencil path{fill:none;stroke:var(--pencil);stroke-width:.32px;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.key{filter:drop-shadow(0 3px 2px #0000008c);width:clamp(64px,7vw,104px);color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;outline:none;padding:0;display:block;position:absolute;bottom:max(4vh,16px);right:max(5vw,18px);transform:rotate(-28deg)}.key:before{content:"";position:absolute;inset:-14px -8px}.key:focus-visible:after{content:"";border:1.5px solid #d6ad62;border-radius:3px;position:absolute;inset:-9px -7px}.key svg{width:100%;height:auto;display:block;overflow:visible}.glint{opacity:0;will-change:opacity;position:absolute;inset:0}.door-shade{background:var(--night);opacity:0;pointer-events:none;position:absolute;inset:0}#dark{pointer-events:none;background-color:#0a0806fb;width:100%;height:100%;position:fixed;inset:0}#dark.drawn{background-color:#0000}.grain{pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .95  0 0 0 0 .85  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");position:fixed;inset:0}.ember{pointer-events:none;opacity:0;will-change:transform, opacity;background:#ffd9a0;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transition:opacity .5s cubic-bezier(.2,.7,.2,1);position:fixed;top:0;left:0;box-shadow:0 0 6px 1px #ffbe6e8c}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}