*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#202326;color:#f5f5f2}#renderCanvas{width:100%;height:100%;display:block;touch-action:none}.loading{position:fixed;inset:0;display:grid;place-items:center;background:#202326;color:#f5f5f2;font-size:18px;z-index:5}.loading.hidden{display:none}.loading.error{padding:24px;color:#ffd0d0;text-align:center}#app:after{content:"";position:fixed;left:50%;top:50%;width:16px;height:16px;pointer-events:none;border-left:2px solid rgba(255,255,255,.86);border-top:2px solid rgba(255,255,255,.86);transform:translate(-50%,-50%) rotate(45deg);z-index:4;display:none}#app.look-mode:after{display:block}.hud{position:fixed;background:#222528e6;border:1px solid rgba(255,255,255,.16);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px #00000047}.hud{left:16px;top:16px;padding:12px;width:min(620px,calc(100vw - 32px))}.hud-toggle{display:none}.hud-row{display:flex;gap:8px;flex-wrap:wrap}button{min-height:34px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#3e464f;color:#fff;padding:7px 10px;font-size:14px;cursor:pointer}button.secondary{background:#30363c;color:#dbe2e7}button:hover,button:focus-visible{background:#53606b;outline:none}.hint{margin-top:8px;color:#c8d0d7;font-size:13px;line-height:1.35}.orientation-line{margin-top:8px;color:#f1f4f6;font-size:13px;line-height:1.35}.gate-interaction{margin-top:8px;color:#fff4c2;font-size:14px;font-weight:700}.gate-interaction.hidden{display:none}.mouse-sensitivity-control{display:grid;grid-template-columns:minmax(150px,max-content) minmax(180px,1fr);gap:6px 12px;align-items:center;margin-top:10px;color:#eef3f6;font-size:13px}.mouse-sensitivity-control label{font-weight:700}.mouse-sensitivity-row{display:grid;grid-template-columns:minmax(120px,1fr) 64px;gap:10px;align-items:center}.mouse-sensitivity-row input{width:100%;min-width:0;accent-color:#d6a23a}.mouse-sensitivity-row output{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.mouse-sensitivity-hint{grid-column:1 / -1;margin-top:0}.heating-card{position:fixed;left:16px;bottom:16px;z-index:7;box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;padding:14px;background:#222528f0;border:1px solid rgba(255,255,255,.18);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 40px #0000005c;color:#eef3f6;pointer-events:auto}.heating-card[hidden]{display:none}.heating-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.heating-card-title{margin:0;font-size:17px;line-height:1.2;min-width:0}.heating-card-close{flex:0 0 auto;min-height:32px;min-width:32px;padding:2px 8px;font-size:18px;line-height:1}.heating-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.heating-card-badges:empty{display:none}.heating-card-badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.4)}.heating-card-rows{display:grid;grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;margin:12px 0 0}.heating-card-rows dt{color:#b9c2c9;font-size:13px}.heating-card-rows dd{margin:0;font-size:13px;font-weight:600;color:#f4f8fb;min-width:0}.heating-card-value-high{color:#ffd34d}.heating-card-note{margin:12px 0 0;color:#c8d0d7;font-size:12px;line-height:1.35}.touch-controls{position:fixed;inset:0;z-index:6;pointer-events:none;display:none}.vehicle-exit{background:#8b2e25;color:#fff}.stacker-action{display:none;background:#b14b12;color:#fff;font-weight:700}.stacker-action-error{background:#7f1d1d}html.stacker-mode .stacker-action{display:block}html.stacker-mode .vehicle-boost,html.stacker-mode .touch-door{display:none}html.stacker-mode .touch-view{display:block}@media(max-width:900px)and (orientation:landscape){html.touch-only.stacker-mode .touch-actions{right:max(8px,env(safe-area-inset-right,0px));bottom:max(6px,env(safe-area-inset-bottom,0px));gap:4px;width:164px}html.touch-only.stacker-mode .touch-button{min-width:48px;min-height:48px;padding:7px 8px;font-size:13px}}@media(max-width:900px)and (orientation:landscape){html.touch-only.driving-mode .touch-actions{right:max(12px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 20px);justify-content:flex-end}html.touch-only.driving-mode .vehicle-exit{max-width:170px;min-height:48px}}html.coarse-pointer .touch-controls{display:block}.touch-controls>*,.touch-controls button{pointer-events:auto}html.touch-only #lookModeButton{display:none}html.touch-only .hud{left:max(10px,env(safe-area-inset-left,0px));top:max(10px,env(safe-area-inset-top,0px));right:auto;width:min(360px,calc(100vw - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;padding:8px;z-index:8}html.touch-only .hud-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-weight:700}html.touch-only .hud.hud-collapsed{width:auto;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html.touch-only .hud.hud-collapsed>:not(.hud-toggle){display:none}.touch-move{position:absolute;touch-action:none;width:clamp(112px,34vw,148px);height:clamp(112px,34vw,148px);border-radius:50%;left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);background:#1416186b;border:2px solid rgba(255,255,255,.32)}.touch-joystick-thumb{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#ffffffb8;transform:translateZ(0);will-change:transform}.touch-button{min-width:48px;min-height:48px;padding:12px 16px;font-size:16px;touch-action:manipulation}.touch-actions{position:absolute;display:flex;gap:8px;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:min(180px,44vw);max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 32px)}@media(orientation:landscape)and (max-height:480px){.touch-move{width:116px;height:116px}.touch-joystick-thumb{width:52px;height:52px;margin:-26px 0 0 -26px}.touch-actions{gap:6px}.touch-button{padding:10px}}@media(max-width:800px){.hud{left:10px;right:10px;width:auto}.mouse-sensitivity-control{grid-template-columns:1fr}}.touch-actions{flex-direction:column;align-items:stretch}.touch-interact{position:static;min-height:56px;border:2px solid #fff4c2;background:#ffd34d;color:#17130a;font-weight:700;line-height:1.2;box-shadow:0 5px 18px #0000006b}.touch-interact:hover,.touch-interact:focus-visible{background:#ffe27d;color:#17130a}.touch-interact:disabled{cursor:default;opacity:.88}.touch-door{background:#2f5d86;color:#f2f7fb;font-weight:600}.touch-view{background:#3a4147;color:#eef2f5}html.driving-mode .touch-view{display:none}.horror-settings{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14)}.horror-settings summary{cursor:pointer;min-height:34px;display:flex;align-items:center;color:#ffe2a0;font-weight:700}.horror-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px 10px;margin-top:8px}.horror-grid label{display:grid;gap:4px;color:#eef3f6;font-size:12px;font-weight:700}.horror-grid select,.horror-grid input[type=range]{width:100%;min-height:34px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background:#252b31;color:#fff}.horror-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.horror-check input{width:18px;height:18px;accent-color:#b72d2d}.horror-status{margin-top:8px;color:#ffd4d4;font-size:12px;line-height:1.35}.horror-credit{margin-top:4px;color:#f5f5f28f;font-size:11px;line-height:1.25}.horror-disable{margin-top:8px;background:#6b1f1f}.horror-flash{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;transition:opacity 45ms linear;mix-blend-mode:normal;background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.72),transparent 10%),radial-gradient(circle at 50% 50%,rgba(95,0,0,.4),transparent 32%),radial-gradient(circle,transparent 24%,rgba(0,0,0,.94) 100%),#78000057}html.horror-active #app:before{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle,transparent 52%,rgba(20,0,0,.28) 100%)}html.horror-night #app:before{background:radial-gradient(circle,#0000001a 32%,#00000080)}html.horror-jumpscare #renderCanvas{animation:horror-camera-shake 52ms linear infinite;filter:contrast(1.38) saturate(.62) brightness(.72)}html.horror-jumpscare body:after{content:"";position:fixed;left:50%;top:48%;width:min(74vw,780px);height:min(84vh,740px);z-index:9;pointer-events:none;transform:translate(-50%,-50%) scale(1.04);animation:horror-face-lunge 52ms linear infinite;filter:drop-shadow(0 0 34px rgba(255,0,0,.55)) contrast(1.36);background:radial-gradient(circle at 50% 50%,rgba(145,0,0,.5),transparent 54%),url(/assets/horror/demon-witch-closeup.png) center / contain no-repeat}@keyframes horror-face-lunge{0%{transform:translate(-50%,-50%) scale(1.05) rotate(-.5deg);opacity:.95}35%{transform:translate(calc(-50% - 12px),calc(-50% + 8px)) scale(1.15) rotate(.6deg);opacity:1}70%{transform:translate(calc(-50% + 10px),calc(-50% - 9px)) scale(1.09) rotate(-.8deg);opacity:.98}to{transform:translate(-50%,-50%) scale(1.12) rotate(.3deg);opacity:1}}@keyframes horror-camera-shake{0%{transform:translateZ(0)}20%{transform:translate3d(-13px,7px,0) rotate(-.7deg)}40%{transform:translate3d(10px,-11px,0) rotate(.9deg)}65%{transform:translate3d(15px,5px,0) rotate(-.5deg)}82%{transform:translate3d(-8px,-6px,0) rotate(.6deg)}to{transform:translateZ(0)}}.horror-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#0000009e}.horror-overlay[hidden]{display:none}.horror-overlay-card{width:min(480px,calc(100vw - 32px));padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#1c1414f5;box-shadow:0 18px 60px #0000008c;text-align:center}.horror-overlay-card h2{margin:0 0 8px;color:#ffd4d4}.horror-overlay-card p{margin:0 0 14px;color:#eef3f6}.horror-overlay-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px}.horror-overlay-actions button{min-height:46px;font-weight:700}@media(max-width:900px)and (orientation:landscape){html.touch-only .horror-grid{grid-template-columns:1fr}html.touch-only .horror-settings:not([open]) .horror-status,html.touch-only .horror-settings:not([open]) .horror-disable{display:none}.horror-overlay-card{max-height:calc(100dvh - 24px);overflow:auto}.horror-overlay-actions{grid-template-columns:repeat(2,minmax(120px,1fr))}}