:root{color:#d9ded4;font-synthesis:none;text-rendering:geometricprecision;--osd:#e0e7d8e6;--osd-dim:#d2dccf94;--signal:#df3d2c;background:#020707;font-family:SFMono-Regular,Roboto Mono,Courier New,monospace}*{box-sizing:border-box}html,body,#root{background:#020707;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}.site-loading{color:#e0e7d8b8;letter-spacing:.22em;text-shadow:0 1px 2px #000000e6;font-size:11px;position:absolute;bottom:max(28px,7vh);left:max(28px,5vw)}button{font:inherit}.experience{isolation:isolate;background:#020707;width:100%;height:100%;min-height:100dvh;position:relative;overflow:hidden}.experience__canvas{filter:none;outline:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.hud{z-index:6;color:var(--osd);pointer-events:none;text-shadow:0 1px 2px #000000eb,0 0 4px #d5e2d329;position:absolute;inset:0}.hud__intro,.hud__pause{pointer-events:auto}.hud__intro{padding:max(42px, env(safe-area-inset-top)) max(34px, env(safe-area-inset-right)) max(42px, env(safe-area-inset-bottom)) max(34px, env(safe-area-inset-left));text-align:center;touch-action:pan-y;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0;overflow-y:auto}.hud__intro:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(2.8px)saturate(.25)brightness(.5);backdrop-filter:blur(2.8px)saturate(.25)brightness(.5);background:radial-gradient(circle at 50% 45%,#0a131157 0%,#010404d6 43%,#000202fa 100%),linear-gradient(#000404b8,#000202f0);position:absolute;inset:0}.hud__intro:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000006b,#0000 22% 78%,#0000006b),linear-gradient(#0000008f,#0000 28% 76%,#00000080);position:absolute;inset:0;box-shadow:inset 0 0 24vw 5vw #000000e6}.hud__eyebrow{color:#c2cdc06b;letter-spacing:.42em;margin:0 0 19px;font-size:10px;font-weight:700}.hud__intro h1{color:#e0e6dcd4;letter-spacing:-.052em;text-shadow:0 0 20px #d8e5d714,2px 0 #6d18121a,-2px 0 #1a52481a;text-wrap:balance;width:min(820px,86vw);margin:0;font-size:clamp(34px,5.2vw,68px);font-weight:400;line-height:1.02;animation:7.8s step-end infinite intro-signal}.hud-record-button{color:#e2d5d0b8;letter-spacing:.16em;cursor:pointer;background:#2a07051f;border:1px solid #bc3b2c7a;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:82px;height:82px;margin-top:clamp(44px,7vh,74px);font-size:10px;font-weight:700;transition:color .18s,border-color .18s,background .18s,transform .18s;animation:4.6s ease-in-out infinite record-breathe;display:flex;position:relative;box-shadow:0 0 0 1px #000000b8,0 0 32px #680d0712,inset 0 0 24px #510d081f}.hud-record-button:before{content:"";border-radius:inherit;border:1px solid #b1392b1a;position:absolute;inset:-9px}.hud-record-button:hover,.hud-record-button:focus-visible{color:#f4e6e0f2;background:#560e093d;border-color:#de4936d6;outline:none;transform:scale(1.045)}.hud-record-button__dot{background:#b72f23;border-radius:50%;width:9px;height:9px;box-shadow:0 0 9px #cc2c1f8a}.hud__actions{flex-wrap:wrap;gap:8px;display:flex}.hud-button{color:#e0e7dacc;letter-spacing:.11em;cursor:pointer;background:#070e0ea3;border:1px solid #d8e1d447;border-radius:0;min-height:48px;padding:0 18px;font-size:10px;line-height:1;transition:color .14s,border-color .14s,background .14s}.hud-button:hover,.hud-button:focus-visible{color:#f1f4ed;background:#26312ed6;border-color:#e4ebe1cc;outline:none}.hud-button--primary{color:#edf1e9;background:#adbbae21;border-color:#dce4dab8;min-width:230px}.hud-button--setting{color:#ced7cb94;justify-content:space-between;align-items:center;gap:20px;min-width:128px;display:flex}.hud-button--setting strong{color:#e7ebe2e0;font-weight:600}.hud-button--danger{color:#e9a496e0;border-color:#c9584485}.hud__osd{padding:max(28px, calc(env(safe-area-inset-top) + 16px)) max(30px, calc(env(safe-area-inset-right) + 18px)) max(26px, calc(env(safe-area-inset-bottom) + 16px)) max(30px, calc(env(safe-area-inset-left) + 18px));color:var(--osd);letter-spacing:.08em;font-size:clamp(11px,1.25vw,16px);font-weight:600;position:absolute;inset:0}.hud__rec,.hud__tape-status,.hud__date,.hud__time,.hud__reticle{position:absolute}.hud__rec{top:max(28px, calc(env(safe-area-inset-top) + 16px));left:max(30px, calc(env(safe-area-inset-left) + 18px));align-items:center;gap:9px;display:flex}.hud__rec-dot{background:var(--signal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 5px #da2f228f}.hud__tape-status{top:max(28px, calc(env(safe-area-inset-top) + 16px));right:max(30px, calc(env(safe-area-inset-right) + 18px));align-items:center;gap:17px;display:flex}.hud__battery{border:1px solid;align-items:stretch;gap:2px;width:31px;height:14px;padding:2px;display:flex;position:relative}.hud__battery:after{content:"";background:currentColor;width:2px;height:6px;position:absolute;top:3px;right:-4px}.hud__battery i{background:currentColor;flex:1}.hud__date{bottom:max(26px, calc(env(safe-area-inset-bottom) + 16px));left:max(30px, calc(env(safe-area-inset-left) + 18px))}.hud__time{right:max(30px, calc(env(safe-area-inset-right) + 18px));bottom:max(26px, calc(env(safe-area-inset-bottom) + 16px));font-variant-numeric:tabular-nums}.hud__reticle{border:1px solid #e2eadf7a;width:3px;height:3px;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__control-hint{bottom:max(72px, calc(env(safe-area-inset-bottom) + 62px));color:#e5ebe1c2;letter-spacing:.12em;white-space:nowrap;background:#010707c7;padding:8px 12px;font-size:11px;animation:5.5s both hint-fade;position:absolute;left:50%;transform:translate(-50%)}.hud__pause{text-align:center;-webkit-backdrop-filter:blur(4px)saturate(.4);backdrop-filter:blur(4px)saturate(.4);touch-action:pan-y;background:#010505c7;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0;overflow-y:auto}.hud__pause h2{color:#e8ece4f5;letter-spacing:-.04em;margin:0;font-size:clamp(34px,5vw,66px);font-weight:400}.hud__pause>p:not(.hud__eyebrow){color:#d6ded285;letter-spacing:.18em;margin:12px 0 27px;font-size:12px}.hud__pause .hud__actions{justify-content:center;max-width:640px}.hud__touch{pointer-events:none;position:absolute;inset:0}.touch-stick,.touch-look,.touch-pause{pointer-events:auto;touch-action:none}.touch-stick{bottom:max(43px, calc(env(safe-area-inset-bottom) + 28px));left:max(31px, calc(env(safe-area-inset-left) + 22px));width:138px;height:138px;position:absolute}.touch-stick__ring,.touch-stick__knob{border:1px solid #dce6d938;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-stick__ring{background:#040c0c38;width:94px;height:94px}.touch-stick__knob{background:#c7d4c621;width:42px;height:42px;margin:-21px 0 0 -21px}.touch-look{width:58%;position:absolute;top:16%;bottom:0;right:0}.touch-pause{top:max(18px, calc(env(safe-area-inset-top) + 10px));color:#e3e9dfbd;background:#050c0c52;border:1px solid #dce5d940;border-radius:0;width:48px;height:48px;position:absolute;left:50%;transform:translate(-50%)}.portrait-warning{display:none}.haunt-debug{z-index:30;color:#e1e8dcbd;letter-spacing:.12em;pointer-events:none;background:#010606c7;border-left:2px solid #bc3b2c94;gap:4px;min-width:230px;padding:9px 12px;font-size:9px;display:grid;position:absolute;bottom:58px;right:18px}.haunt-debug strong{color:#ebded8e0;font-size:10px;font-weight:600}.haunt-debug small{color:#cdd7ca6b;font-size:8px}@keyframes hint-fade{0%,75%{opacity:1}to{opacity:0}}@keyframes record-breathe{0%,to{box-shadow:0 0 0 1px #000000b8,0 0 26px #680d070b,inset 0 0 24px #510d081a}50%{box-shadow:0 0 0 1px #000000b8,0 0 40px #7b100a1c,inset 0 0 24px #640e092b}}@keyframes intro-signal{0%,92%,94%,to{opacity:1;transform:translate(0)}92.5%{opacity:.76;transform:translate(-1px)}93%{opacity:.92;transform:translate(1px)}}@media (width<=760px){.hud__intro{padding:30px 24px max(34px, env(safe-area-inset-bottom))}.hud__intro h1{width:90vw;font-size:clamp(32px,10vw,52px)}.hud-record-button{width:74px;height:74px;margin-top:40px}.hud-button{min-height:46px;padding:0 13px;font-size:9px}.hud-button--primary{min-width:198px}.hud-button--setting{gap:12px;min-width:116px}}@media (orientation:portrait){.experience--touch .portrait-warning{z-index:20;color:#e6ebe2e0;letter-spacing:.18em;text-align:center;background:#020707;flex-direction:column;justify-content:center;align-items:center;gap:11px;font-size:15px;display:flex;position:absolute;inset:0}.portrait-warning small{color:#dbe2d775;letter-spacing:.12em;font-size:9px}}@media (prefers-reduced-motion:reduce){.hud__rec-dot,.hud__control-hint,.hud__osd,.hud__intro h1,.hud-record-button{animation:none}}