:root{--pink:#ff2e7e;--osd:"SF Mono",ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{overflow:hidden;color:#eee;background:#000;height:100%;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}canvas{display:block}#hud{position:fixed;pointer-events:none;font-family:var(--osd);letter-spacing:.08em;color:#f4f4f0;text-shadow:0 0 2px #000,1px 1px #000;font-size:15px;inset:0}#hud .br{position:absolute;border:2px solid #ffffffbf;width:34px;height:34px}#hud .tl{border-bottom:0;border-right:0;top:28px;left:28px}#hud .tr{border-bottom:0;border-left:0;top:28px;right:28px}#hud .bl{border-top:0;border-right:0;bottom:28px;left:28px}#hud .br2{border-top:0;border-left:0;bottom:28px;right:28px}#top-left{position:absolute;top:44px;left:52px}#rec{color:#ff2a1a}#tc{margin-left:10px}#top-right{position:absolute;display:flex;align-items: center;gap:10px;top:44px;right:52px}.drop{display:inline-grid;background:var(--pink);letter-spacing:0;text-shadow:none;border-radius:50% 0 50% 50%;place-items: center;width:30px;height:30px;font:700 13px Helvetica Neue,Arial,sans-serif}#bottom-left{position:absolute;line-height:1.5;bottom:44px;left:52px}#floor{font-size:18px}#loc{opacity:.75}#bottom-right{position:absolute;display:flex;align-items: center;gap:16px;bottom:44px;right:52px}#lamp{opacity:.3}#lamp.on{opacity:1}.bat{display:inline-flex;position:relative;border:2px solid #f4f4f0;gap:2px;padding:3px}.bat:after{content:"";position:absolute;background:#f4f4f0;width:3px;height:6px;top:5px;right:-6px}.bat b{background:#f4f4f0;width:7px;height:10px}.bat b.low{animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:0}}#prompt{position:absolute;background:#00000059;padding:4px 10px;font-size:14px;top:60%;left:50%;transform:translate(-50%)}#prompt:empty{display:none}#cross{position:absolute;background:#ffffff80;border-radius:50%;width:4px;height:4px;margin:-2px;top:50%;left:50%}#liftdisp{position:absolute;text-align:center;color:#ffa53a;text-shadow:0 0 8px #ff7b00;background:#0b0703;border:2px solid #3a2a12;padding:6px 22px 10px;top:16%;left:50%;transform:translate(-50%)}#liftdisp .lbl{opacity:.6;font-size:10px}#liftnum{font:700 44px var(--osd)}#debug{position:fixed;font:12px var(--osd);display:none;background:#0009;padding:4px 8px;top:8px;left:8px}#overlay{position:fixed;display:grid;cursor:wait;background:radial-gradient(#0a0c108c,#000000eb);place-items: center;transition:opacity .4s;inset:0}#overlay.ready{cursor:pointer}#overlay.hidden{opacity:0;pointer-events:none}.card{text-align:center;width:min(640px,90vw)}.bars{display:flex;width:70%;height:10px;margin:0 auto 36px}.bars i{flex:1}.bars i:first-child{background:silver}.bars i:nth-child(2){background:#c0c000}.bars i:nth-child(3){background:#00c0c0}.bars i:nth-child(4){background:#00c000}.bars i:nth-child(5){background:#c000c0}.bars i:nth-child(6){background:#c00000}.bars i:nth-child(7){background:#0000c0}h1{letter-spacing:-.02em;margin:0;font-size:clamp(56px,12vw,118px);font-weight:900;line-height:.9}h1.pause{display:none;font-size:clamp(40px,8vw,84px)}#overlay.paused h1.title{display:none}#overlay.paused h1.pause{display:block}.sub{opacity:.7;margin:14px 0 34px;font-size:17px}.load{background:#ffffff1f;width:240px;height:3px;margin:0 auto 22px}#loadbar{background:var(--pink);width:0;height:100%;transition:width .2s}.go,.resume{font:600 15px var(--osd);letter-spacing:.2em;text-transform:uppercase;visibility:hidden;margin:0 0 28px}.resume{display:none}#overlay.ready .go{visibility:visible;animation:1.6s step-end infinite blink}#overlay.ready .load{visibility:hidden}#overlay.paused .go{display:none}#overlay.paused .resume{display:block;visibility:visible}.keys{display:flex;opacity:.75;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px}kbd{font:600 11px var(--osd);border:1px solid #fff6;border-radius:3px;padding:1px 5px}.seed{font:12px var(--osd);opacity:.45;margin-top:26px}.seed a{color:var(--pink)}#quest{position:absolute;text-align:right;letter-spacing:.04em;width:330px;font-size:12px;top:88px;right:52px}#quest .qa{border-right:3px solid var(--pink);margin-bottom:10px;padding-right:10px}#quest .qt{color:#fff;font-size:14px}#quest .qh{opacity:.8;margin-top:3px;line-height:1.35}#quest .sig{display:flex;opacity:.85;justify-content:flex-end;align-items: flex-end;gap:2px;margin-top:5px;font-size:10px}#quest .sig i{display:inline-block;background:#ffffff40;width:4px}#quest .sig i:first-child{height:4px;margin-left:6px}#quest .sig i:nth-child(2){height:6px}#quest .sig i:nth-child(3){height:8px}#quest .sig i:nth-child(4){height:10px}#quest .sig i:nth-child(5){height:12px}#quest .sig i.on{background:var(--pink)}#quest ul{list-style:none;opacity:.7;margin:0;padding:0;line-height:1.5}#quest li.act{opacity:1;color:#fff}#quest li.done{text-decoration:line-through;opacity:.55}#quest .qk{opacity:.5;margin-top:6px}#toasts{position:absolute;display:flex;flex-direction:column;align-items: center;gap:8px;top:26%;left:50%;transform:translate(-50%)}.toast{text-align:center;animation:.3s ease-out tin;background:#08080ab8;border-left:3px solid #fff;max-width:520px;padding:8px 14px;transition:opacity .8s}.toast b{display:block;letter-spacing:.2em;font-size:12px}.toast span{display:block;letter-spacing:.03em;margin-top:3px;font-size:14px}.toast.new{border-color:var(--pink)}.toast.new b{color:var(--pink)}.toast.ok{border-color:#34c759}.toast.ok b{color:#5be07c}.toast.bad{border-color:#ff3b30}.toast.bad b{color:#ff6a60}.toast.out{opacity:0}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}#endcard{position:fixed;display:none;cursor:pointer;background:#000000d9;place-items: center;inset:0}#endcard.show{display:grid}#endcard h1{font-size:clamp(40px,8vw,84px)}#endcard .dim{opacity:.5;margin-top:-20px}.go2{font:600 13px var(--osd);letter-spacing:.2em;text-transform:uppercase;opacity:.7}.mob{display:none}body.touch .mob{display:initial}body.touch .keys.mob{display:flex}body.touch .desk{display:none!important}.rot{opacity:.6}#touch{position:fixed;touch-action:none;user-select:none;-webkit-user-select:none;inset:0}#overlay,#endcard{touch-action:manipulation}#stick{position:absolute;display:none;background:#ffffff0d;border:2px solid #ffffff59;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px}#knob{position:absolute;background:#ffffff73;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;top:50%;left:50%}.tbtns{position:absolute;right:calc(24px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items: flex-end;gap:12px}.tbtn{display:grid;font:700 12px var(--osd);letter-spacing:.1em;color:#fff;background:#0006;border:2px solid #ffffff80;border-radius:22px;place-items: center;min-width:58px;height:44px;padding:0 12px}.tbtn.big{border-color:var(--pink);border-radius:50%;width:76px;height:76px;font-size:26px}.tbtn.down{background:#ff2e7e80}.tbtn.small{position:absolute;top:calc(18px + env(safe-area-inset-top));min-width:44px;height:34px;font-size:12px;left:50%;transform:translate(-50%)}@media (max-width:900px),(max-height:520px){#hud{font-size:11px}#hud .br{width:20px;height:20px}#hud .tl{top:12px;left:12px}#hud .tr{top:12px;right:12px}#hud .bl{bottom:12px;left:12px}#hud .br2{bottom:12px;right:12px}#top-left{top:20px;left:26px}#top-right{top:18px;right:26px}.drop{width:22px;height:22px;font-size:10px}#bottom-left{bottom:20px;left:26px}#floor{font-size:13px}#bottom-right{bottom:20px;right:26px}#quest{width:240px;font-size:10px;top:50px;right:26px}#quest .qt{font-size:12px}#toasts{top:18%}.toast{max-width:80vw;padding:6px 10px}.toast span{font-size:12px}#prompt{top:64%}.sub{margin:10px 0 20px;font-size:14px}.bars{margin-bottom:20px}.keys{font-size:12px}}body.touch #bottom-right{display:none}@media (max-height:520px){.card{width:min(720px,94vw)}h1{font-size:15vh}h1.pause,#endcard h1{font-size:11vh}.bars{height:6px;margin-bottom:14px}.sub{margin:6px 0 14px}.go,.resume,.load{margin-bottom:14px}.seed{margin-top:12px}}body.touch #quest{text-align:left;width:min(300px,40vw);top:44px;left:26px;right:auto}body.touch #quest .qa{border-right:0;border-left:3px solid var(--pink);padding:0 0 0 8px}body.touch #quest .sig{justify-content:flex-start}body.touch #quest .qk kbd{display:none}body.touch #toasts{top:auto;bottom:18%}#flash{position:fixed;opacity:0;pointer-events:none;background:#fff;inset:0}#flash.go{animation:.35s ease-out flash}@keyframes flash{0%{opacity:.7}to{opacity:0}}.credits{opacity:.55;margin:22px 0 0;font-size:12px;line-height:1.6}@media (max-height:520px){.credits{margin-top:10px;font-size:10px;line-height:1.4}}.tbtn.small.foto{left:calc(50% + 34px);transform:none}.tbtn.small:not(.foto){left:calc(50% + 24px);transform:translate(calc(-100% - 10px))}.credits a{color:inherit;text-decoration:underline;text-underline-offset:2px}.credits a:hover{color:var(--pink)}#minimap{position:absolute;width:140px;height:140px;top:76px;left:52px}.drop.rtbf{background:#1a64c8;border-radius:4px;width:auto;padding:0 6px}.tbtn.small.kaart{left:calc(50% + 106px);transform:none}body.touch #minimap{width:110px;height:110px;top:60px;left:50%;transform:translate(-50%)}@media (max-width:900px),(max-height:520px){#minimap{width:110px;height:110px;top:44px;left:26px}}#liftpanel{position:absolute;color:#1a1a1a;text-shadow:none;pointer-events:auto;background:linear-gradient(#b9bcc0,#8f9398);border:2px solid #6d7075;border-radius:8px;padding:14px 16px 12px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0009}.lp-title{font:700 11px var(--osd);letter-spacing:.2em;text-align:center;color:#2a2a2a;margin-bottom:10px}.lp-buttons{display:grid;grid-template-columns:repeat(2,46px);justify-content:center;gap:8px 14px}.lp-btn{display:grid;font:700 16px var(--osd);cursor:pointer;background:radial-gradient(circle at 40% 35%,#f2f2f2,#b5b8bc);border:2px solid #5d6065;border-radius:50%;place-items: center;width:46px;height:46px;box-shadow:inset 0 -2px 3px #00000040}.lp-btn.cur{color:#ff7b00}.lp-btn.sel{color:#1a1a1a;background:radial-gradient(circle at 40% 35%,#ffd7a0,#ff9a2e);border-color:#ff7b00;box-shadow:0 0 12px #ff7b00}.lp-help{font:11px var(--osd);text-align:center;color:#2a2a2a;margin-top:10px}.lp-help.mob{display:none}body.touch .lp-help.mob{display:block}@media (max-height:520px){.lp-buttons{grid-template-columns:repeat(5,38px);gap:6px 8px}.lp-btn{width:38px;height:38px;font-size:13px}#liftpanel{padding:8px 10px}}#touch{z-index:2}#hud{z-index:3}#overlay{z-index:10}#endcard{z-index:11}#flash{z-index:12}