:root{--accent: #e0a04a;--accent-soft: #ffe6b8;--black: #1a1410}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;height:100dvh;overflow:hidden;background:var(--black);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.where{position:fixed;top:16px;left:16px;padding:8px 14px;background:#12151cdb;border:1px solid var(--accent);border-radius:999px;color:var(--accent-soft);font-size:14px;display:flex;align-items:center;gap:8px;pointer-events:none}.where .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.joke{position:fixed;left:50%;bottom:max(36px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 32px));padding:12px 16px 14px;background:#12151ceb;border:2px solid var(--accent);border-radius:16px;color:#fff;pointer-events:none;z-index:6;box-shadow:0 8px 28px #00000059}.joke-who{color:var(--accent);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.joke-text{font-family:Georgia,serif;font-size:16px;line-height:1.35;color:var(--accent-soft)}.mapwrap{position:fixed;right:16px;bottom:16px;border:2px solid var(--accent);border-radius:10px;overflow:hidden;box-shadow:0 0 24px #c4a35a59;pointer-events:none}.mapwrap.hidden{display:none}.minimap{display:block;width:220px;height:auto}.maptoggle{position:fixed;right:16px;top:16px;background:var(--black);color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:6px 14px;cursor:pointer;z-index:5}.crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--accent);pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#12151c94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;z-index:10}.card{max-width:460px;margin:16px;padding:32px;background:var(--black);border:2px solid var(--accent);border-radius:18px;color:#fff;box-shadow:0 0 40px #c4a35a59}.kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.card h1{margin:6px 0 8px;font-size:42px;font-family:Georgia,serif}.sub{color:#d9d9de;line-height:1.45;margin:0 0 12px}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.facts span{background:#1c2230;border:1px solid #3a3340;color:var(--accent-soft);border-radius:999px;padding:4px 10px;font-size:12px}.go{width:100%;padding:14px;border:0;border-radius:12px;background:var(--accent);color:var(--black);font-weight:700;font-size:16px;cursor:pointer}.go.alt{margin-top:10px;background:transparent;color:var(--accent);border:1px solid var(--accent)}.keys{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:#bdbdc4;font-size:13px}.keys b{color:var(--accent-soft)}.note{margin:14px 0 0;color:#8e8e96;font-size:11px;line-height:1.4}.touchlayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.stick{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:148px;height:148px;border-radius:50%;border:2px solid var(--accent);background:#12151c73;display:grid;place-items:center;touch-action:none;pointer-events:none}.lookhint{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(132px,calc(env(safe-area-inset-bottom) + 108px));color:var(--accent-soft);font-size:12px;opacity:.55;pointer-events:none}.knob{width:56px;height:56px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #c4a35ab3;pointer-events:none}.jump,.pause{position:absolute;background:#12151cbf;color:var(--accent);border:1px solid var(--accent);border-radius:999px;font-size:14px;touch-action:none}.jump{right:max(20px,env(safe-area-inset-right));bottom:max(36px,env(safe-area-inset-bottom));width:76px;height:76px;font-weight:700}.pause{left:50%;top:max(16px,env(safe-area-inset-top));transform:translate(-50%);padding:6px 16px}.deskpause{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top));transform:translate(-50%);padding:6px 16px;background:#12151cbf;color:var(--accent);border:1px solid var(--accent);border-radius:999px;font-size:14px;z-index:5}.touchhint{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:var(--accent-soft);font-size:12px;opacity:.7;pointer-events:none}@media (pointer: coarse),(max-width: 700px){.minimap{width:130px}.mapwrap{top:60px;bottom:auto}.where{top:56px;max-width:calc(100vw - 170px);font-size:12px}.card h1{font-size:32px}.joke{bottom:max(168px,calc(env(safe-area-inset-bottom) + 150px));font-size:14px}.joke-text{font-size:15px}}