/* Escape the Kooky Manor of Fright — Developed by Slyness */
.adventure{z-index:4;background:#130e20}.world{--room:calc(100vh - var(--frame) - 7.6*var(--u));position:absolute;left:50%;top:calc(var(--room)/2);width:min(100%,calc(var(--room)*16/9));aspect-ratio:16/9;translate:-50% -50%;overflow:hidden}@supports (height:1dvh){.world{--room:calc(100dvh - var(--frame) - 7.6*var(--u))}}.scene-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.scene-vignette{position:absolute;inset:0;box-shadow:inset 0 0 calc(7*var(--u)) calc(1*var(--u)) #08050e70;pointer-events:none;background:linear-gradient(#08050d88,transparent 17%,transparent 75%,#0c0916)}.scene-header{position:absolute;inset:var(--frame) var(--frame) auto;display:flex;align-items:center;justify-content:space-between;padding:calc(1.5*var(--u)) calc(2.2*var(--u));pointer-events:none;z-index:5}.scene-chapter{font-size:calc(.65*var(--u));letter-spacing:calc(.2*var(--u));color:#c8adce}.scene-header h2{font-family:'IM Fell English',Georgia,serif;font-size:calc(2.2*var(--u));font-weight:400;line-height:1.1;margin:calc(.4*var(--u)) 0 0;color:#f6dfbe;text-shadow:0 calc(.2*var(--u)) calc(.5*var(--u)) #000;outline:none}.hud-actions{display:flex;gap:calc(.7*var(--u));align-items:center;pointer-events:auto}.hud-button{border:1px solid #8b688777;background:#171020bd;color:#dfcedc;border-radius:calc(.35*var(--u));padding:calc(.65*var(--u)) calc(.9*var(--u));font-size:calc(.85*var(--u));cursor:pointer}.hud-button:hover{border-color:#dea357;color:#f6c68b}.hud-actions [role=status]{font-size:calc(.65*var(--u));margin-right:calc(.3*var(--u));color:#6e675d}.hud-actions .saved{color:#a6c897}.hud-actions .unsaved{color:#efa157}.inventory-bar{position:absolute;bottom:var(--frame);left:var(--frame);right:var(--frame);height:calc(7.6*var(--u));display:flex;align-items:center;justify-content:center;gap:calc(1.8*var(--u));background:linear-gradient(#191222ee,#100c18);border-top:1px solid #71516688;z-index:7;box-shadow:0 calc(-.4*var(--u)) calc(2*var(--u)) #0005}.inventory{display:flex;gap:calc(.6*var(--u))}.inventory-slot{position:relative;width:calc(5.8*var(--u));height:calc(5.8*var(--u));border:1px solid #67516f7a;border-radius:calc(.4*var(--u));background:linear-gradient(140deg,#2e2235,#17121f);cursor:pointer;touch-action:manipulation;padding:calc(.35*var(--u));transition:border-color .2s,box-shadow .2s}.inventory-slot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(.15*var(--u)) calc(.15*var(--u)) #000)}.inventory-slot:hover{border-color:#a58fae}.inventory-slot.selected{border-color:#edbc68;box-shadow:0 0 calc(.9*var(--u)) #eab14e65,inset 0 0 calc(1*var(--u)) #e8ad4b1f;animation:selected-glow 2s ease-in-out infinite alternate}.inventory-label{font-size:calc(.7*var(--u));letter-spacing:calc(.13*var(--u));color:#cab8cc;line-height:1.8;width:calc(10*var(--u))}.inventory-label span{display:block;font-size:calc(.65*var(--u));letter-spacing:0;color:#8e7c96}.inventory-hint{color:#8e7c96;font-size:calc(.65*var(--u));line-height:1.8;width:calc(11*var(--u))}.slot-number{position:absolute;top:calc(.4*var(--u));left:calc(.45*var(--u));font-size:calc(.6*var(--u));color:#685873}.selection{position:absolute;bottom:calc(8.2*var(--u) + var(--frame));left:24%;right:24%;text-align:center;font-size:calc(.85*var(--u));color:#f0d9b1;text-shadow:0 1px 4px #000;pointer-events:none;z-index:7}.world-item{position:absolute;aspect-ratio:1;border:0;background:none;padding:0;cursor:pointer;z-index:3;transform:translateZ(1px);will-change:scale,filter;transform-origin:center;transition:filter .2s,scale .2s}.world-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(.25*var(--u)) calc(.2*var(--u)) #000a);pointer-events:none}.world-item:hover,.world-item:focus-visible{filter:drop-shadow(0 0 calc(.6*var(--u)) #f5bf6f);scale:1.08}.item-tooltip{position:absolute;left:50%;bottom:105%;translate:-50% 0;white-space:nowrap;background:#160e20ed;color:#f0d6b0;border:1px solid #9d7159aa;padding:calc(.5*var(--u)) calc(.7*var(--u));border-radius:calc(.3*var(--u));font-size:calc(.8*var(--u));pointer-events:none;opacity:0;z-index:15;transition:opacity .15s}.world-item:hover .item-tooltip,.world-item:focus-visible .item-tooltip,.inventory-slot:hover .item-tooltip,.inventory-slot:focus-visible .item-tooltip{opacity:1}.hotspot{position:absolute;border:0;background:none;cursor:pointer;padding:0;z-index:2;transition:filter .2s}.hotspot:hover,.hotspot:focus-visible{filter:drop-shadow(0 0 calc(.6*var(--u)) #eeb56888)}.hotspot-label{position:absolute;left:50%;top:100%;translate:-50% 0;background:#160e20e8;border:1px solid #9d715970;white-space:nowrap;color:#e4caa3;padding:calc(.4*var(--u)) calc(.6*var(--u));border-radius:calc(.3*var(--u));font-size:calc(.8*var(--u));pointer-events:none;opacity:0;z-index:12}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1}.nav-arrow{position:absolute;z-index:6;width:calc(4.2*var(--u));height:calc(4.2*var(--u));display:grid;place-items:center;cursor:pointer;color:#e8c39a;border:2px solid #796275;border-radius:32% 17% 35% 23%;background:linear-gradient(140deg,#3c2c43ee,#18131e);box-shadow:inset 0 0 0 calc(.15*var(--u)) #17121c,0 calc(.3*var(--u)) calc(.6*var(--u)) #0008;font-family:Georgia,serif;font-size:calc(3*var(--u));line-height:1;animation:arrow-float 3s ease-in-out infinite}.nav-arrow:before,.nav-arrow:after{content:'';position:absolute;width:calc(.45*var(--u));height:calc(.45*var(--u));border:1px solid #a18494;border-radius:50%;left:calc(.2*var(--u));top:calc(.2*var(--u))}.nav-arrow:after{left:auto;top:auto;right:calc(.2*var(--u));bottom:calc(.2*var(--u))}.nav-arrow:hover{border-color:#f0b66a;box-shadow:0 0 calc(1.4*var(--u)) #e8a64c77}.nav-up{top:max(16%,calc((100% - 100dvh)/2 + var(--frame) + 7*var(--u)));left:48%}.nav-down{left:48%;bottom:max(19%,calc((100% - 100dvh)/2 + var(--frame) + 9*var(--u)))}.nav-left{left:max(calc(1.5*var(--u)),calc((100% - 100vw)/2 + var(--frame) + 1.5*var(--u)));top:48%}.nav-right{right:max(calc(1.5*var(--u)),calc((100% - 100vw)/2 + var(--frame) + 1.5*var(--u)));top:48%}.bubble{position:absolute;z-index:9;bottom:19%;left:50%;translate:-50% 0;max-width:64%;width:max-content;padding:calc(1.2*var(--u)) calc(1.7*var(--u));background:#23172cf5;border:1px solid #b88c5f;border-radius:calc(1*var(--u)) calc(1*var(--u)) calc(1*var(--u)) calc(.15*var(--u));font-family:'IM Fell English',Georgia,serif;font-size:calc(1.45*var(--u));line-height:1.45;color:#f4dbb8;box-shadow:0 calc(.5*var(--u)) calc(2*var(--u)) #0008;pointer-events:none;animation:modal-in .2s ease-out}.scene-fog{bottom:0;height:34%;opacity:.3;z-index:1}.scene-5 .scene-fog{filter:blur(calc(1.7*var(--u))) hue-rotate(75deg)}.floorboard{display:block;width:100%;height:100%;background:linear-gradient(0deg,#21152288,#69503944,#21152288);border-block:1px solid #23161e99;transform:skewX(-24deg)}.floorboard.marked{border-color:#c19a6177;box-shadow:0 0 calc(.7*var(--u)) #d9ae4630}.alcove-shadow{display:block;width:100%;height:100%;background:radial-gradient(ellipse,#000 35%,#030208d9 65%,transparent 80%);transition:background .5s}.alcove-shadow.revealed{background:radial-gradient(ellipse,#f0b44d50,#39292b55 60%,transparent 85%)}.ghost{position:absolute;top:27%;left:69%;width:8%;height:20%;opacity:0;pointer-events:none;z-index:4;mix-blend-mode:screen;border-radius:50% 50% 20% 20%;background:radial-gradient(ellipse at 50% 20%,#d9ffe5b0,#91d4b96b 65%,#9de8d22b);clip-path:polygon(0 100%,0 36%,12% 12%,30% 1%,70% 1%,88% 12%,100% 36%,100% 100%,80% 87%,65% 100%,50% 85%,35% 100%,20% 85%);filter:drop-shadow(0 0 calc(1*var(--u)) #9ef1c4)}.ghost i{position:absolute;top:30%;left:25%;width:15%;height:22%;border-radius:50%;background:#1d3c3e;rotate:12deg}.ghost i:nth-child(2){left:62%;rotate:-12deg}.ghost span{position:absolute;left:43%;top:60%;width:18%;height:9%;border-bottom:calc(.2*var(--u)) solid #31504d;border-radius:50%}.ghost.haunting{animation:haunt 2.5s ease-in-out forwards}.portrait{background:radial-gradient(ellipse at 50% 65%,#253132,#0d141e 75%);border:calc(.2*var(--u)) solid #342939;transform:rotate(-3deg)}.portrait-face{position:absolute;left:20%;right:20%;top:22%;height:70%;background:linear-gradient(#4e465580,#292c3888);border-radius:45% 45% 20% 20%}.eye{position:absolute;left:13%;top:28%;width:27%;height:16%;background:#11111d;border-radius:50%;display:grid;place-items:center}.eye:nth-child(2){left:62%}.eye b{width:calc(.45*var(--u));height:calc(.5*var(--u));border-radius:50%;background:#ecffe9;box-shadow:0 0 calc(.5*var(--u)) #c4ffbe}.sparks{position:absolute;left:50%;bottom:calc(4*var(--u));pointer-events:none;z-index:15}.sparks i{position:absolute;opacity:0;width:calc(.3*var(--u));height:calc(.7*var(--u));background:#ffcf75;box-shadow:0 0 calc(.7*var(--u)) #ffd896;clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}.sparks.burst i{animation:spark .9s ease-out forwards}.inspect-dialog{width:calc(54*var(--u))}.inspection-layout{display:flex;align-items:center;gap:calc(2*var(--u));min-height:calc(13*var(--u))}.inspection-art{width:calc(15*var(--u));flex-shrink:0;aspect-ratio:1;background:radial-gradient(#63445c44,transparent 70%)}.inspection-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 calc(.5*var(--u)) calc(.4*var(--u)) #0007)}.inspection-text{font-family:'IM Fell English',Georgia,serif;font-size:calc(1.5*var(--u));line-height:1.6;color:#cdbbd1}.inspection-text .button{padding:calc(.8*var(--u)) calc(1.2*var(--u));font-size:calc(1.1*var(--u))}.letter-quote{color:#f3cf95;font-style:italic}.clock-modal{width:calc(100*var(--u));height:calc(56.25*var(--u));max-height:95vh;overflow:hidden;border:2px solid #55405c;border-radius:0;padding:calc(2.2*var(--u)) calc(5*var(--u));background:radial-gradient(ellipse at 50% 60%,#30213e,#100d1b 70%)}.clock-heading{text-align:center}.clock-heading h2{margin:calc(.4*var(--u)) 0;font-size:calc(3*var(--u))}.clock-heading p{font-family:'IM Fell English',Georgia,serif;font-size:calc(1.35*var(--u));color:#b9a5bf;margin:calc(.6*var(--u)) 0}.clock-workspace{display:flex;align-items:center;justify-content:center;gap:calc(6*var(--u));margin-top:calc(2.2*var(--u))}.large-dial{position:relative;width:calc(29*var(--u));aspect-ratio:1;border-radius:50%;border:calc(1*var(--u)) solid #76533e;background:radial-gradient(circle,#e2cfaa,#b5a180 80%);box-shadow:0 0 0 calc(.2*var(--u)) #b38b59,inset 0 0 calc(2*var(--u)) #3a242777,0 calc(1*var(--u)) calc(3*var(--u)) #0006;color:#3b2a34;touch-action:none}.dial-number{position:absolute;font-family:'IM Fell English',Georgia,serif;font-size:calc(3*var(--u));line-height:1;z-index:2}.n12{top:calc(1.2*var(--u));left:50%;translate:-50% 0}.n3{right:calc(1.4*var(--u));top:50%;translate:0 -50%}.n6{bottom:calc(1*var(--u));left:50%;translate:-50% 0}.n9{left:calc(1.4*var(--u));top:50%;translate:0 -50%}.dial-ticks{position:absolute;inset:calc(.5*var(--u));border-radius:50%;background:repeating-conic-gradient(#5c4244 0deg 1deg,transparent 1deg 30deg);mask:radial-gradient(transparent 65%,#000 66%)}.clock-hand{position:absolute;left:calc(50% - calc(1*var(--u)));top:calc(50% - calc(11.35*var(--u)));width:calc(2*var(--u));height:calc(12*var(--u));padding:0;border:0;background:none;transform-origin:50% calc(11.35*var(--u));rotate:var(--angle);cursor:grab;touch-action:none;z-index:3;filter:drop-shadow(calc(.15*var(--u)) calc(.2*var(--u)) calc(.1*var(--u)) #39282b66)}.clock-hand img{width:100%;height:100%;object-fit:fill;pointer-events:none}.clock-hand:active{cursor:grabbing}.clock-hand:disabled{cursor:default}.dial-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(1.5*var(--u));height:calc(1.5*var(--u));border-radius:50%;border:calc(.2*var(--u)) solid #e7bc68;background:#8c6338;pointer-events:none;z-index:4}.missing-hand{position:absolute;left:0;right:0;top:54%;font-family:'IM Fell English',Georgia,serif;font-size:calc(1.2*var(--u));text-align:center;color:#755960;font-style:italic}.clock-part{display:flex;flex-direction:column;align-items:center;gap:calc(1.2*var(--u));font-size:calc(.9*var(--u));color:#b69cb7;width:calc(12*var(--u));text-align:center}.part-slot{width:calc(8*var(--u));height:calc(8*var(--u));background:#160f20;border:1px dashed #89647f;border-radius:calc(1*var(--u));cursor:pointer;padding:calc(1*var(--u));color:#795d7e;font-size:calc(4*var(--u))}.part-slot img{width:100%;height:100%;object-fit:contain}.part-slot:hover{border-color:#ecb76a;box-shadow:0 0 calc(1*var(--u)) #e2ad4b30}.part-slot.installed{border-style:solid;border-color:#a1bc86;background:#26322c}.clock-return{width:calc(23*var(--u));margin:calc(2.7*var(--u)) auto 0;font-size:calc(1.1*var(--u));min-height:calc(3.4*var(--u))}.entering{animation:scene-in .55s ease-out}@keyframes scene-in{from{opacity:.3}to{opacity:1}}@keyframes selected-glow{from{box-shadow:0 0 calc(.5*var(--u)) #eab14e33}to{box-shadow:0 0 calc(1.3*var(--u)) #eab14e88}}@keyframes arrow-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 calc(-.4*var(--u));rotate:2deg}}@keyframes haunt{0%{opacity:0;translate:calc(4*var(--u)) calc(3*var(--u));scale:.7}25%{opacity:.7}65%{opacity:.6}100%{opacity:0;translate:calc(-24*var(--u)) calc(-5*var(--u));scale:1.2}}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(.1)}}@media(prefers-reduced-motion:reduce){.adventure *{animation:none!important;transition:none!important}.ghost.haunting{opacity:.4}.nav-arrow{translate:0 0;rotate:0}}