*,:before,:after{-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{color:#20231f;background:#8b694c;font-family:Manrope,sans-serif;overflow:hidden}#root{height:100%}button{font:inherit;color:inherit}img{-webkit-user-select:none;user-select:none}.desk{background-color:#8b694c;background-image:repeating-linear-gradient(176deg,#3c26161a 0 2px,#0000 2px 19px),repeating-linear-gradient(178deg,#ffe6be0f 0 1px,#0000 1px 31px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden;box-shadow:inset 0 0 120px #2d190c66}.stage{flex-shrink:0;position:relative}.stage-inner{transform-origin:0 0;position:absolute;top:0;left:0}.abs{position:absolute}.lift{cursor:pointer;transition:translate .2s,filter .2s,opacity .22s}.lift:hover{filter:drop-shadow(0 10px 10px #3a1f1140);translate:0 -6px}.toc:hover{background:#20231f0f!important}.ring{transition:translate .2s}.ring:hover{translate:0 -4px}.hatch{transition:opacity .22s}.pocket:hover{filter:brightness(1.05)}.lift:focus-visible,.ring:focus-visible,.toc:focus-visible,.pocket:focus-visible,.pstack-card:focus-visible,.curl:focus-visible,.close-btn:focus-visible{outline-offset:4px;outline:3px solid #fffdf8;box-shadow:0 0 0 6px #27483b}.toc:focus-visible,.ring:focus-visible{box-shadow:none;outline-color:#27483b}.pstack-card{transition:translate .36s cubic-bezier(.23,1,.32,1),rotate .36s cubic-bezier(.23,1,.32,1),scale .22s,box-shadow .22s}.pstack:hover .pstack-card,.pstack:focus-within .pstack-card{translate:var(--fx) 0!important;rotate:var(--fr)!important}.pstack:hover .pstack-card:hover,.pstack .pstack-card:focus-visible{z-index:5;scale:1.08;translate:var(--fx) -16px!important;rotate:0deg!important;box-shadow:0 14px 24px #1e120852!important}.curl{width:var(--curl);height:var(--curl);cursor:pointer;z-index:8;border:0;padding:0;transition:width .22s,height .22s,opacity .12s;position:absolute;bottom:0}.curl:hover{width:calc(var(--curl) * 1.4);height:calc(var(--curl) * 1.4)}.curl-l{background:linear-gradient(45deg,#8b694c 0 47%,#28190c59 47% 50%,#f7f0df 50% 100%);left:0;box-shadow:3px -3px 6px #28190c2e}.curl-r{background:linear-gradient(315deg,#8b694c 0 47%,#28190c59 47% 50%,#f7f0df 50% 100%);right:0;box-shadow:-3px -3px 6px #28190c2e}.curl[data-busy]{opacity:0;pointer-events:none}.flap{width:590px;height:760px;transform-style:preserve-3d;pointer-events:none;z-index:5;position:absolute;top:0}.face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.face-back{transform:rotateY(180deg)}.flap-next{transform-origin:0;animation:.85s cubic-bezier(.42,.05,.25,1) forwards fold-next}.flap-prev{transform-origin:100%;animation:.85s cubic-bezier(.42,.05,.25,1) forwards fold-prev}.flap-prev-single{transform-origin:0;animation:.85s cubic-bezier(.42,.05,.25,1) forwards fold-prev-single}@keyframes fold-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes fold-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes fold-prev-single{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.shade{position:absolute;inset:0}.shade-front{opacity:0;animation:.85s linear forwards shade-front}.shade-back{opacity:.3;animation:.85s linear forwards shade-back}.shade-rev{animation-direction:reverse}@keyframes shade-front{0%{opacity:0}50%{opacity:.32}to{opacity:.32}}@keyframes shade-back{0%{opacity:.32}50%{opacity:.32}to{opacity:0}}.cast{pointer-events:none;opacity:.4;width:590px;height:760px;animation:.85s ease-out forwards cast;position:absolute;top:0}@keyframes cast{0%{opacity:.45}to{opacity:0}}.overlay{z-index:50;color:#20231f;font-family:Manrope,sans-serif;position:fixed;inset:0}.scrim{cursor:default;background:#20231f6b;border:0;width:100%;height:100%;padding:0;animation:.22s both fade-in;position:absolute;inset:0}.overlay-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-dialog{pointer-events:auto;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.lightbox{animation:.38s cubic-bezier(.23,1,.32,1) both lightbox-in}@keyframes lightbox-in{0%{opacity:0;transform:scale(.82)rotate(4deg)}}@keyframes fade-in{0%{opacity:0}}.close-btn{color:#20231f;cursor:pointer;z-index:2;background:#fffdf8;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 6px 16px #0000004d}@media (prefers-reduced-motion:reduce){.flap-next,.flap-prev,.flap-prev-single{opacity:0;animation:none}.shade-front,.shade-back,.cast,.scrim,.lightbox{animation:none}.lift,.ring,.pstack-card,.curl,.hatch{transition:none}}
