:root{--glass-bg: rgba(16, 24, 32, .55);--glass-border: rgba(255, 255, 255, .14);--accent: #10b981;--accent-soft: rgba(16, 185, 129, .18);--text: #e8f1ec;--text-dim: rgba(232, 241, 236, .62);--tap-min: 56px;--radius: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Pretendard,-apple-system,Segoe UI,Noto Sans KR,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}#gl{position:fixed;inset:0;width:100vw;height:100dvh;display:block;z-index:1}#camBg{position:fixed;inset:0;width:100vw;height:100dvh;object-fit:cover;z-index:0;background:#000;display:block}#camBg[hidden]{display:none}#imgBg{position:fixed;inset:0;width:100vw;height:100dvh;object-fit:cover;z-index:0;background:#000;display:block}#imgBg[hidden]{display:none}#camPreview{position:fixed;top:84px;right:16px;width:min(200px,38vw);aspect-ratio:16 / 9;object-fit:cover;z-index:45;border-radius:12px;border:1px solid var(--glass-border);box-shadow:var(--shadow);background:#000;display:block;transition:opacity .35s ease}#camPreview[hidden]{display:none}#imgPreview{position:fixed;top:84px;right:16px;width:min(200px,38vw);aspect-ratio:16 / 9;object-fit:cover;z-index:45;border-radius:12px;border:1px solid var(--glass-border);box-shadow:var(--shadow);background:#000;display:block}#imgPreview[hidden],#cam{display:none}.glass{background:var(--glass-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}#brandLogo{position:fixed;top:16px;left:16px;z-index:40;display:block;padding:6px 10px;cursor:pointer;background:transparent;border:none;transition:opacity .35s ease,transform .2s ease}#brandLogo:hover{transform:translateY(-1px)}#brandLogo:active{transform:translateY(0)}#brandLogo .brand-text{font-size:15px;font-weight:700;letter-spacing:.04em;color:#f2f7f4;text-shadow:0 1px 6px rgba(0,0,0,.6)}#statusBadge{position:fixed;top:58px;left:16px;z-index:40;padding:10px 16px;font-size:13px;font-weight:600;background:var(--glass-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--shadow);transition:opacity .35s ease}#statusBadge:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--text-dim);vertical-align:1px}#statusBadge[data-state=ready]:before{background:var(--accent)}#statusBadge[data-state=error]:before{background:#f87171}#statusBadge[data-state=loading]:before{background:#fbbf24;animation:blink 1s infinite}@keyframes blink{50%{opacity:.35}}#dock{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;gap:10px;padding:10px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--glass-bg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow);transition:opacity .35s ease}#dock::-webkit-scrollbar{display:none}#dock button{flex:0 0 auto;min-width:var(--tap-min);min-height:var(--tap-min);padding:0 18px;font-size:15px;font-weight:600;color:var(--text);background:#ffffff0f;border:1px solid transparent;border-radius:14px;cursor:pointer;white-space:nowrap}#dock button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:#d1fae5}#dock button:active{transform:scale(.96)}#terrainMenu{position:fixed;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 88px);transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:8px;padding:10px 14px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;transition:opacity .35s ease}#terrainMenu::-webkit-scrollbar{display:none}#terrainMenu[hidden]{display:none}#terrainMenu button{flex:0 0 auto;min-height:var(--tap-min);padding:0 16px;font-size:14px;font-weight:600;white-space:nowrap;color:var(--text);background:#ffffff0f;border:1px solid transparent;border-radius:12px;cursor:pointer}#terrainMenu button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:#d1fae5}#terrainMenu button:active{transform:scale(.96)}.interval-group{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.interval-btn{padding:0 12px!important;font-size:13px!important}.interval-btn.is-active{background:var(--accent-soft);border-color:var(--accent);color:#d1fae5}#settingsMenu{position:fixed;left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 88px);transform:translate(-50%);z-index:45;display:flex;flex-direction:column;gap:10px;padding:14px;max-width:calc(100vw - 24px);max-height:62dvh;overflow-y:auto;transition:opacity .35s ease}#settingsMenu[hidden]{display:none}#settingsMenu .menu-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#settingsMenu .menu-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin-right:2px}#settingsMenu button{flex:0 0 auto;min-height:var(--tap-min);padding:0 18px;font-size:14px;font-weight:600;white-space:nowrap;color:var(--text);background:#ffffff0f;border:1px solid transparent;border-radius:12px;cursor:pointer}#settingsMenu button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:#d1fae5}#settingsMenu button:active{transform:scale(.96)}#keystoneOverlay{position:fixed;inset:0;z-index:30;pointer-events:none}#keystoneOverlay[hidden]{display:none}#keystoneSvg{position:absolute;inset:0;width:100%;height:100%}#keystoneQuad{fill:#10b98114;stroke:var(--accent);stroke-width:.4;vector-effect:non-scaling-stroke;stroke-dasharray:1.2 .8}.keystone-pin{position:absolute;width:var(--tap-min);height:var(--tap-min);margin:calc(var(--tap-min) / -2);border-radius:50%;background:#10b98140;border:2px solid var(--accent);pointer-events:auto;cursor:grab;touch-action:none}.keystone-hint{position:absolute;top:76px;left:50%;transform:translate(-50%);padding:8px 16px;font-size:13px;color:var(--text-dim);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:999px;pointer-events:none}body.ui-hidden #statusBadge,body.ui-hidden #dock,body.ui-hidden #settingsMenu,body.ui-hidden #terrainMenu,body.ui-hidden #camPreview,body.ui-hidden #imgPreview{opacity:0;pointer-events:none}body.ui-hidden #brandLogo{opacity:.35;pointer-events:none}@media(max-width:640px){#brandLogo{top:12px;left:12px}#brandLogo .brand-text{font-size:13px}#statusBadge{top:48px;left:12px;font-size:12px}#dock{gap:6px;padding:8px}#dock button{padding:0 12px;font-size:13px}#settingsMenu{gap:8px;padding:10px}#settingsMenu button{padding:0 14px;font-size:13px}#terrainMenu{gap:6px;padding:8px 10px}#terrainMenu button{padding:0 12px;font-size:13px}#camPreview{top:72px;right:12px}}#fatalOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#02060ceb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:24px}#fatalOverlay[hidden]{display:none}.fatal-card{max-width:520px;width:100%;background:#141c28d9;border:1px solid rgba(248,113,113,.45);border-radius:20px;padding:32px 28px;text-align:left;box-shadow:0 24px 80px #0009}.fatal-title{margin:0 0 12px;font-size:22px;font-weight:700;color:#fca5a5}.fatal-detail{margin:0 0 16px;font-size:15px;line-height:1.6;color:#e5e7eb;word-break:keep-all}.fatal-fixes{margin:0 0 24px;padding-left:20px;font-size:14px;line-height:1.7;color:#a7f3d0}.fatal-fixes li{margin-bottom:6px}#btnRetry{display:inline-block;min-height:56px;padding:0 32px;font-size:17px;font-weight:700;color:#04120b;background:#10b981;border:none;border-radius:14px;cursor:pointer}#btnRetry:active{transform:scale(.97)}