*{box-sizing:border-box}:root{--threat: 0;--horror-opacity: 0;--horror-side: 8%;--horror-frost: 0}html,body,#app{width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden;background:#050706;color:#f3ead7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.orientation-prompt{display:none}#app canvas{display:block;width:100%!important;height:100%!important;cursor:crosshair}#app{position:fixed;top:-4px;right:-4px;bottom:-4px;left:-4px;width:auto;height:auto}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.duck-counter{position:fixed;left:14px;top:10px;display:flex;align-items:center;height:58px;color:#f3ead7;filter:drop-shadow(0 3px 7px rgba(0,0,0,.95))}.duck-counter-model{display:block;width:68px;height:58px;pointer-events:none}.duck-counter-separator{margin:0 7px 0 2px;color:#f3ead794;font-size:21px;line-height:1}.duck-counter-value{min-width:42px;color:#f3ead7;font-size:20px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 9px rgba(0,0,0,.95)}.duck-counter.complete .duck-counter-value{color:#d9e8c8}#crosshair{position:fixed;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transition:border-color .1s ease,background-color .1s ease,transform .12s ease}#crosshair:before{width:3px;height:3px;transform:translate(-50%,-50%);background:#f3ead7c7}#crosshair:after{width:11px;height:11px;transform:translate(-50%,-50%) scale(.72);border:1px solid rgba(243,234,215,.34)}#crosshair.active:before{background:#f0b05c}#crosshair.active:after{transform:translate(-50%,-50%) scale(1.08);border-color:#f0b05cd1}.prompt{position:fixed;left:50%;top:calc(50% + 42px);width:min(320px,calc(100vw - 48px));transform:translate(-50%,5px);opacity:0;color:#f3ead7;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8);font-size:14px;line-height:1.3;transition:opacity .12s ease,transform .16s ease}.prompt.visible{transform:translate(-50%);opacity:1}.danger{position:fixed;right:16px;bottom:18px;display:flex;align-items:flex-end;gap:7px;color:#9cb6a4;filter:drop-shadow(0 2px 7px rgba(0,0,0,.95));transition:color .14s ease}.danger>svg{width:18px;height:18px;stroke-width:1.8}.sound-meter-bars{display:flex;align-items:flex-end;gap:3px;width:69px;height:20px}.sound-meter-bars span{display:block;width:6px;height:5px;min-height:5px;border:1px solid currentColor;background:transparent;opacity:.28;transition:background-color 90ms ease,opacity 90ms ease,box-shadow 90ms ease}.sound-meter-bars span:nth-child(2){height:7px}.sound-meter-bars span:nth-child(3){height:9px}.sound-meter-bars span:nth-child(4){height:11px}.sound-meter-bars span:nth-child(5){height:13px}.sound-meter-bars span:nth-child(6){height:15px}.sound-meter-bars span:nth-child(7){height:17px}.sound-meter-bars span:nth-child(8){height:20px}.sound-meter-bars span.active{background:currentColor;opacity:.92;box-shadow:0 0 7px currentColor}.danger.noisy{color:#f0b05c}.danger.loud{color:#d95d4f}.danger.urgent{animation:dangerPulse .62s ease-in-out infinite alternate}.message{position:fixed;left:50%;top:72%;width:min(520px,calc(100vw - 36px));transform:translate(-50%);color:#f3ead7;text-align:center;font-size:15px;line-height:1.35;text-shadow:0 2px 10px rgba(0,0,0,.95)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center start;padding:8vh clamp(28px,7%,92px);background:#050706b8}.screen.hidden{display:none}body:has(#startScreen:not(.hidden)) #hud,body:has(#endScreen:not(.hidden)) #hud{opacity:0;pointer-events:none}.screen-inner{width:min(540px,100%);padding-left:22px;border-left:2px solid rgba(126,47,36,.74);text-align:left}.kicker{margin-bottom:10px;color:#9cb6a4;font-size:12px;letter-spacing:0;text-transform:uppercase}h1{margin:0 0 14px;color:#f3ead7;font-size:64px;line-height:1;letter-spacing:0}p{margin:0 0 22px;max-width:48ch;color:#d5c69b;font-size:16px;line-height:1.55}button{pointer-events:auto;min-height:42px;padding:0 18px;border:1px solid rgba(213,198,155,.36);border-radius:7px;background:#7e251d;color:#fff6e6;font:inherit;cursor:pointer;box-shadow:0 10px 30px #00000052}button:hover{background:#9a3328}#grain,#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#jumpscareFlash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at center,transparent 0 22%,rgba(116,12,9,.2) 48%,rgba(22,0,0,.82) 100%),repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,225,205,.1) 3px 4px);mix-blend-mode:normal;will-change:opacity}#jumpscareFlash.active{opacity:1;animation:jumpscarePulse 82ms steps(2) infinite}body.jumpscare-active #hud{opacity:0}#grain{opacity:.035;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(17deg,rgba(255,255,255,.24) 0 1px,transparent 1px 3px),repeating-linear-gradient(103deg,rgba(0,0,0,.32) 0 1px,transparent 1px 4px),radial-gradient(circle at 34% 47%,rgba(220,204,160,.12),transparent 22%);background-size:73px 67px,109px 83px,100% 100%}#scanlines{opacity:.12;background:radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.52) 100%),linear-gradient(to bottom,rgba(255,255,255,.035),transparent 18%,rgba(0,0,0,.12) 100%),repeating-linear-gradient(to bottom,rgba(255,255,255,.026) 0 1px,transparent 1px 5px)}#scanlines:after{display:none}.mobile-controls{display:none}@keyframes staticShift{0%{transform:translateZ(0)}to{transform:translate3d(-14px,9px,0)}}@keyframes trackingRoll{0%{transform:translateY(-22%)}to{transform:translateY(22%)}}@keyframes jumpscarePulse{0%{opacity:.78}to{opacity:1}}@keyframes dangerPulse{0%{transform:scale(1);box-shadow:0 0 14px #a82b242e}to{transform:scale(1.045);box-shadow:0 0 30px #c42f2457}}@media (max-width: 760px),(hover: none) and (pointer: coarse){:root{--mobile-pad-size: 94px;--mobile-action-stack: 132px;--mobile-safe-bottom: max(14px, env(safe-area-inset-bottom));--mobile-safe-left: max(14px, env(safe-area-inset-left));--mobile-safe-right: max(14px, env(safe-area-inset-right))}.duck-counter{left:max(8px,env(safe-area-inset-left));top:max(5px,env(safe-area-inset-top));transform:scale(.82);transform-origin:left top}#crosshair{width:18px;height:18px}.prompt{top:calc(50% + 34px);width:min(280px,calc(100vw - 72px));font-size:13px}.message{top:auto;bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 24px);width:min(430px,calc(100vw - 44px));font-size:13px}.danger{right:var(--mobile-safe-right);bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 12px)}.mobile-controls{position:fixed;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--mobile-safe-right) var(--mobile-safe-bottom) var(--mobile-safe-left);pointer-events:none}.pad{pointer-events:auto;position:relative;width:var(--mobile-pad-size);height:var(--mobile-pad-size);flex:0 0 var(--mobile-pad-size);border-radius:50%;border:1px solid rgba(213,198,155,.2);background:#080a084d;box-shadow:inset 0 0 28px #00000042,0 4px 18px #0003;touch-action:none}.pad:before{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px solid rgba(213,198,155,.1);border-radius:50%;content:""}.pad div{--stick-x: 0px;--stick-y: 0px;position:absolute;left:50%;top:50%;width:32%;height:32%;transform:translate(calc(-50% + var(--stick-x)),calc(-50% + var(--stick-y)));border-radius:50%;background:#d5c69b75;border:1px solid rgba(243,234,215,.2);box-shadow:0 2px 12px #0006;will-change:transform}.mobile-actions{display:grid;grid-template-columns:56px 66px;grid-template-rows:66px 56px;align-items:end;justify-items:end;gap:10px;pointer-events:auto}.mobile-action{display:grid;place-items:center;width:66px;height:66px;min-height:66px;padding:0;overflow:hidden;border-radius:50%;border-color:#d5c69b38;background:#111412c2;color:#f3ead7e0;box-shadow:0 5px 18px #0000004d;touch-action:manipulation}.mobile-action[hidden]{display:none}.mobile-action svg{grid-area:1 / 1;width:29px;height:29px;pointer-events:none;stroke-width:1.8}.mobile-action:hover{background:#111412c2}.mobile-action:active:not(:disabled){transform:scale(.96);background:#493627e0}.mobile-action:disabled{opacity:.34;cursor:default;box-shadow:none}.mobile-action-primary:not(:disabled){border-color:#f0b05c85;color:#fff3d7;animation:mobileActionAppear .16s ease-out}.mobile-action-primary{grid-column:2;grid-row:1}.mobile-action-run{grid-column:1;grid-row:1;align-self:end;width:56px;height:56px;min-height:56px}.mobile-action-run.active{border-color:#f0b05cb8;background:#7e2f24e6;color:#fff3d7;box-shadow:inset 0 0 0 2px #f0b05c24,0 5px 18px #0000004d}.mobile-action-light{grid-column:2;grid-row:2;width:56px;height:56px;min-height:56px;color:#d9e8c8}.mobile-action-stance{grid-column:1;grid-row:2;width:56px;height:56px;min-height:56px}.mobile-action-stance.active{border-color:#f0b05c94;background:#493627e0;color:#fff3d7;box-shadow:inset 0 0 0 2px #f0b05c1f,0 5px 18px #0000004d}.mobile-action-light svg{width:25px;height:25px}.action-icon,.flashlight-icon-off{display:none}.mobile-action-primary[data-action=item] .action-icon-item,.mobile-action-primary[data-action=door] .action-icon-door,.mobile-action-primary[data-action=hide] .action-icon-hide,.mobile-action-primary[data-action=leave] .action-icon-leave,.mobile-action-light.off .flashlight-icon-off{display:block}.mobile-action-light.off .flashlight-icon-on{display:none}.mobile-action-light.off{color:#d5c69b75;border-color:#d5c69b1f}.screen{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.screen-inner{width:min(500px,78vw)}.screen-inner h1{font-size:42px}}@media (max-height: 500px){:root{--mobile-pad-size: 78px;--mobile-action-stack: 112px;--mobile-safe-bottom: max(8px, env(safe-area-inset-bottom));--mobile-safe-left: max(10px, env(safe-area-inset-left));--mobile-safe-right: max(10px, env(safe-area-inset-right))}.mobile-actions{grid-template-columns:50px 58px;grid-template-rows:58px 50px;gap:8px}.mobile-action{width:58px;height:58px;min-height:58px}.mobile-action-light,.mobile-action-run,.mobile-action-stance{width:50px;height:50px;min-height:50px}.message{bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 14px)}.danger{bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 8px)}.screen-inner p{margin-bottom:10px;font-size:13px;line-height:1.35}.screen-inner h1{margin-bottom:8px;font-size:36px}.screen{place-items:start;padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left))}.screen-inner{width:min(620px,82vw)}}@media (orientation: portrait) and (hover: none) and (pointer: coarse){.orientation-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-content:center;justify-items:center;gap:10px;padding:28px;background:#050706;color:#f3ead7;text-align:center}.orientation-prompt span{max-width:28ch;color:#d5c69b;font-size:14px}.orientation-device{width:58px;height:92px;margin-bottom:10px;border:2px solid #d5c69b;border-radius:8px;transform:rotate(90deg)}#app,#hud,.screen{visibility:hidden}}@keyframes mobileActionAppear{0%{transform:scale(.78);opacity:0}to{transform:scale(1);opacity:1}}
.screen-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.screen-actions button[hidden]{display:none}.screen-actions button{max-width:min(100%,320px);white-space:normal}

@media (max-width: 760px),(hover: none) and (pointer: coarse){:root{--mobile-pad-size:108px;--mobile-action-stack:146px}.pad{background:#080a08a6;border-color:rgba(213,198,155,.26)}.pad div{width:34%;height:34%;background:#d5c69b88}.mobile-actions{grid-template-columns:58px 70px;grid-template-rows:70px 58px;gap:12px}.mobile-action{width:70px;height:70px;min-height:70px}.mobile-action-run,.mobile-action-light,.mobile-action-stance{width:58px;height:58px;min-height:58px}.danger{bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 10px)}.message{bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 22px)}}
@media (max-height: 500px){:root{--mobile-pad-size:86px;--mobile-action-stack:120px}.mobile-actions{grid-template-columns:52px 60px;grid-template-rows:60px 52px;gap:9px}.mobile-action{width:60px;height:60px;min-height:60px}.mobile-action-run,.mobile-action-light,.mobile-action-stance{width:52px;height:52px;min-height:52px}.danger{bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 8px)}.message{bottom:calc(var(--mobile-safe-bottom) + var(--mobile-action-stack) + 14px)}}
#jumpscareFlash.active{background:radial-gradient(circle at center,rgba(255,221,190,.08) 0 9%,rgba(141,18,13,.34) 42%,rgba(12,0,0,.92) 100%),linear-gradient(105deg,transparent 0 34%,rgba(255,230,210,.18) 35% 37%,transparent 39% 100%),repeating-linear-gradient(to bottom,transparent 0 2px,rgba(255,225,205,.16) 2px 3px);animation:jumpscarePulse 58ms steps(2) infinite,jumpscareTear .34s steps(2) infinite}body.jumpscare-active #scanlines{opacity:.3;animation:jumpscareTear .18s steps(2) infinite}@keyframes jumpscareTear{0%{transform:translate(0)}25%{transform:translate(-7px,3px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-3px,1px)}to{transform:translate(0)}}