:root{--bg:#1b1713;--card:#1c1712db;--ink:#f4ece0;--muted:#c9bba6;--accent:#d9a55b;--line:#f4ece029}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loader,#start{z-index:10;background:radial-gradient(#1b17138c,#0f0c0aeb);place-items:center;padding:16px;display:grid;position:fixed;inset:0}#loader[hidden],#start[hidden],#hud[hidden]{display:none}.loader-card,.start-card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;width:min(440px,100%);padding:28px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px}h1{margin:0 0 12px;font-size:26px;font-weight:600}.lede{color:var(--muted);margin:0 0 16px;line-height:1.5}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}#bar-fill{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}#loader-text{color:var(--muted);margin:10px 0 0;font-size:13px}.keys{color:var(--muted);gap:8px;margin:0 0 20px;padding:0;font-size:14px;list-style:none;display:grid}kbd{text-align:center;min-width:24px;color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-radius:5px;margin-right:4px;padding:2px 6px;font:12px/1.4 ui-monospace,monospace;display:inline-block}button{font:inherit;cursor:pointer}#enter{background:var(--accent);color:#231a10;border:0;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600}#enter:hover{filter:brightness(1.08)}#enter-landscape{width:100%;color:var(--accent);background:0 0;border:1px solid #d9a55b99;border-radius:10px;margin-top:10px;padding:11px;font-size:14px;font-weight:600}.fine{color:var(--muted);opacity:.8;margin:14px 0 0;font-size:12px;line-height:1.4}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#crosshair{background:#ffffffbf;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}#hint{background:var(--card);border:1px solid var(--line);color:var(--ink);opacity:0;text-align:center;border-radius:8px;width:max-content;max-width:calc(100% - 32px);padding:8px 14px;font-size:14px;line-height:1.4;transition:opacity .2s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#touch-ui,.touch-only,body.touch .desktop-only{display:none}body.touch .touch-only{display:grid}body.touch #touch-ui{display:block}body.touch #crosshair{display:none}#joystick{border:1px solid var(--line);pointer-events:auto;touch-action:none;background:#ffffff14;border-radius:50%;width:120px;height:120px;position:absolute;bottom:24px;left:24px}#stick{background:#f4ece059;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#touch-buttons{pointer-events:auto;gap:10px;display:grid;position:absolute;bottom:24px;right:16px}.credits{margin-top:8px;font-size:11px}.credits a{color:var(--accent)}#status{z-index:6;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 24px);display:flex;position:fixed;top:12px;right:12px}#status button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}#status button.on{color:var(--ink);border-color:#d9a55b99}#status .dot{background:#5a5046;border-radius:50%;width:7px;height:7px}#status button.on .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}:is(body:has(#start:not([hidden])) #status,body:has(#loader:not([hidden])) #status),#status .status-toggle{display:none}#status .items{display:contents}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}body.touch #status{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));flex-flow:column;align-items:flex-end;gap:6px;max-width:none;left:auto}body.touch #status .status-toggle{display:grid}body.touch #status .items{display:none}body.touch #status.open .items{flex-direction:column;align-items:flex-end;gap:5px;display:flex}body.touch #status .items button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100c8c;padding:5px 10px;font-size:11px}body.touch .icon-btn{color:#f4ece0d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;background:#14100c52;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;padding:0}body.touch .icon-btn:active,body.touch .icon-btn.on,body.touch #status.open .status-toggle{color:#fff;background:#d9a55b59}body.touch #touch-buttons{top:50%;bottom:auto;right:max(10px, env(safe-area-inset-right));flex-direction:column;gap:10px;display:flex;transform:translateY(-10%)}body.touch #touch-buttons .icon-btn{display:grid}body.touch #joystick{left:max(14px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));opacity:.55;background:#ffffff0a;border-color:#ffffff1f;width:96px;height:96px;transition:opacity .2s}body.touch #joystick.active{opacity:.9}body.touch #stick{background:#f4ece047;width:40px;height:40px;margin:-20px 0 0 -20px}body.touch #hint{top:max(12px, env(safe-area-inset-top));text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14100c73;border-color:#ffffff1a;width:auto;max-width:none;padding:6px 10px;font-size:12px;bottom:auto;left:12px;right:64px;transform:none}body.touch #touch-buttons,body.touch #status{transition:opacity .25s}body.ui-dim #touch-buttons,body.ui-dim #status:not(.open),body.ui-dim #joystick:not(.active){opacity:.3}#rotate-hint{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a08d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#rotate-hint[hidden]{display:none}.rotate-card{text-align:center;color:var(--ink);max-width:280px}.rotate-card p{margin:18px 0 0;font-size:16px;line-height:1.4}.rotate-card .fine{margin-top:8px;font-size:12px}.rotate-card button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;margin-top:18px;padding:10px 16px}.phone-icon{border:3px solid var(--accent);border-radius:9px;width:46px;height:80px;margin:0 auto;animation:2.2s ease-in-out infinite turn}@keyframes turn{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.phone-icon{animation:none;transform:rotate(-90deg)}}.watch-btn{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffff0a;border-radius:10px;margin-top:10px;padding:11px;font-size:14px;font-weight:600}.watch-btn span{color:var(--accent);margin-right:6px}.watch-btn:hover{background:#ffffff14}#video-modal{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080604e6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#video-modal[hidden]{display:none}.video-frame{width:min(1280px,100%);position:relative}#film{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;display:block;box-shadow:0 20px 60px #0009}.video-caption{color:var(--muted);text-align:center;margin:10px 2px 0;font-size:12px}#video-close{border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);border-radius:50%;font-size:22px;line-height:1;position:absolute;top:-14px;right:-6px}@media (width<=600px){#video-close{top:-44px;right:0}}