:root{--forest-darkest:#081c08;--forest-dark:#123412;--forest-medium:#1a4a1a;--forest-light:#2a6a2a;--forest-accent:#3a8a3a;--forest-highlight:#a0c0a0;--forest-text:#d0e0d0;--forest-muted:#80a080;--opacity-high:.9;--opacity-medium:.7;--opacity-low:.5;--opacity-very-low:.3;--font-family-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono:"SF Mono", "Fira Code", "Roboto Mono", monospace;--spacing-xxs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 4px #00000026;--transition-fast:.1s ease;--transition-normal:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);color:var(--forest-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;min-height:100vh;font-size:14px;line-height:1.4;position:relative;overflow:hidden}canvas{display:block}.scene-canvas{z-index:0;width:100%;height:100%;position:fixed;inset:0}#info{top:var(--spacing-md);left:var(--spacing-md);background-color:rgba(18, 52, 18, var(--opacity-medium));color:var(--forest-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:300px;transition:opacity var(--transition-normal);border:1px solid #2a6a2a4d;position:absolute}#info h1{margin-bottom:var(--spacing-xs);color:var(--forest-highlight);font-size:1.2rem;font-weight:600}#info p{margin:var(--spacing-xxs) 0;color:var(--forest-muted);font-size:.85rem}#dashboard{top:var(--spacing-md);right:var(--spacing-md);background-color:rgba(18, 52, 18, var(--opacity-medium));border-radius:var(--radius-md);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:200px;transition:all var(--transition-normal);border:1px solid #2a6a2a4d;position:absolute}.dashboard-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid #2a6a2a4d;justify-content:space-between;align-items:center;display:flex}.dashboard-title{color:var(--forest-highlight);font-size:.9rem;font-weight:600}.dashboard-toggle{border:1px solid var(--forest-highlight);color:var(--forest-highlight);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:background-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.dashboard-toggle:hover{background-color:#3a8a3a33}.dashboard-content{padding:var(--spacing-sm) var(--spacing-md)}.dashboard-item{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.8rem;display:flex}.dashboard-item:last-child{margin-bottom:0}.dashboard-label{color:var(--forest-highlight);text-transform:uppercase;letter-spacing:.02em;min-width:60px;font-size:.75rem;font-weight:500}.dashboard-value{color:var(--forest-text);text-align:right;flex:1;font-weight:400}.dashboard-wide{text-align:right;min-width:100px}.dashboard-collapsed .dashboard-content{display:none}#audio-controls{bottom:var(--spacing-md);left:var(--spacing-md);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:rgba(18, 52, 18, var(--opacity-medium));color:var(--forest-text);z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #2a6a2a4d;display:flex;position:absolute}#audio-controls button{border:1px solid var(--forest-highlight);color:var(--forest-highlight);width:32px;height:32px;padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);background:#1a4a1a4d;justify-content:center;align-items:center;display:inline-flex}#audio-controls button:hover{background-color:#3a8a3a33}#audio-controls .icon{fill:var(--forest-highlight);width:16px;height:16px;display:block}#audio-controls #audio-toggle[data-muted=true] .icon-unmuted,#audio-controls #audio-toggle[data-muted=false] .icon-muted{display:none}#audio-status{color:var(--forest-muted);white-space:nowrap;font-size:.8rem}#lens-overlay{z-index:110;pointer-events:none;opacity:0;visibility:hidden;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:rgba(18, 52, 18, var(--opacity-medium));color:var(--forest-highlight);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm);border:1px solid #2a6a2a59;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:600;transition:opacity .16s,visibility .16s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#lens-overlay.is-visible{opacity:.8;visibility:visible}#controls-toggle{bottom:var(--spacing-md);right:var(--spacing-md);background-color:rgba(18, 52, 18, var(--opacity-medium));border:1px solid var(--forest-highlight);width:36px;height:36px;color:var(--forest-highlight);cursor:pointer;z-index:100;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:none;position:absolute}#controls-toggle:hover{background-color:#3a8a3a4d;transform:scale(1.05)}#controls-toggle.visible{display:flex}#catalog-toggle{bottom:calc(var(--spacing-md) + 46px);right:var(--spacing-md);background-color:rgba(18, 52, 18, var(--opacity-medium));border:1px solid var(--forest-highlight);width:36px;height:36px;color:var(--forest-highlight);cursor:pointer;z-index:100;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute}#catalog-toggle svg{fill:currentColor;width:18px;height:18px}#catalog-toggle:hover{background-color:#3a8a3a4d;transform:scale(1.05)}#catalog-toggle.visible{display:inline-flex}#animal-catalog-overlay{z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0814088c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#animal-catalog-overlay.open{display:flex}.animal-catalog-shell{background:linear-gradient(#123412f2,#081c08f0);border:1px solid #a0c0a052;border-radius:16px;width:min(500px,100vw - 28px);padding:.95rem;position:relative;box-shadow:0 18px 44px #00000057}.animal-catalog-close{width:34px;height:34px;color:var(--forest-highlight);background:#0b1f0b9e;border:1px solid #a0c0a05c;border-radius:50%;font-size:1.12rem;position:absolute;top:10px;right:10px}.animal-catalog-canvas-wrap{background:#081c0880;border:1px solid #a0c0a033;border-radius:12px;width:100%;overflow:hidden}.animal-catalog-canvas-wrap canvas{display:block;width:100%!important;height:auto!important}.animal-catalog-meta{margin-top:.78rem}.animal-catalog-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--forest-highlight);font-size:.67rem}.animal-catalog-meta h2{color:var(--forest-text);margin-top:.25rem;font-size:1.2rem;font-weight:600}.animal-catalog-nav{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem;display:grid}.animal-catalog-nav button{min-height:42px;color:var(--forest-text);background:#1a4a1a6b;border:1px solid #a0c0a047;border-radius:10px;font-weight:500}.controls-popup{background-color:rgba(18, 52, 18, var(--opacity-high));border:1px solid var(--forest-highlight);border-radius:var(--radius-lg);z-index:1000;width:80%;max-width:500px;max-height:80vh;color:var(--forest-text);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.controls-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--forest-highlight);background-color:#2a6a2a33;justify-content:space-between;align-items:center;display:flex}.controls-header h2{color:var(--forest-highlight);margin:0;font-size:1.2rem;font-weight:600}.close-btn{border:1px solid var(--forest-highlight);color:var(--forest-highlight);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:background-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:flex}.close-btn:hover{background-color:#3a8a3a33}.controls-content{padding:var(--spacing-md);max-height:calc(80vh - 80px);overflow-y:auto}.controls-section{margin-bottom:var(--spacing-lg)}.controls-section:last-child{margin-bottom:0}.controls-section h3{color:var(--forest-highlight);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid #2a6a2a4d;font-size:1rem;font-weight:500}.control-item{margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-md);display:flex}.control-item:last-child{margin-bottom:0}.control-key{color:var(--forest-highlight);border:1px solid var(--forest-highlight);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;min-width:80px;font-size:.8rem;font-family:var(--font-family-mono);background-color:#1a4a1a4d;font-weight:500}.control-desc{color:var(--forest-muted);flex:1;min-width:0;font-size:.9rem}.controls-visual{width:100%;height:150px;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #2a6a2a4d}#viewfinder-overlay{pointer-events:none;z-index:90;background:radial-gradient(82% 82%,#0000 38%,#00000040 58%,#000000a6 80%,#000000eb 100%);display:none;position:fixed;inset:0}.vf-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:9% 11% 14%}.vf-cell{border:1px solid #ffffff14}.vf-frame{position:absolute;inset:9% 11% 14%}.vf-fc{border:0 solid #a0c0a0d9;width:16px;height:16px;position:absolute}.vf-fc-tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.vf-fc-tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.vf-fc-bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.vf-fc-br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.vf-focus{width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.vf-fr{border-color:var(--forest-highlight);border-style:solid;border-width:0;width:10px;height:10px;position:absolute}.vf-fr-tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.vf-fr-tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.vf-fr-bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.vf-fr-br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.vf-fr-dot{background:#a0c0a0bf;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vf-hud{align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-mono);color:#a0c0a0e6;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.vf-hud-icon{color:#f44;font-size:.5rem;animation:1.2s step-start infinite vf-blink}.vf-hud-count{min-width:2ch;font-size:.85rem;font-weight:700}.vf-hud-hint{color:#ffffff80;font-size:.7rem}@keyframes vf-blink{0%,to{opacity:1}50%{opacity:0}}body.viewfinder-active #info,body.viewfinder-active #dashboard,body.viewfinder-active #audio-controls{opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}#info,#dashboard,#audio-controls{transition:opacity var(--transition-normal)}#capture-flash{pointer-events:none;z-index:95;background-color:#fffc;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#portrait-warning{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#081c08f7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.portrait-warning-inner{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);color:var(--forest-text);flex-direction:column;display:flex}.rotate-icon{width:64px;height:64px;fill:var(--forest-highlight);animation:2s ease-in-out infinite rotate-hint}.portrait-warning-inner p{color:var(--forest-muted);max-width:260px;font-size:1rem;line-height:1.6}@keyframes rotate-hint{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}}@media (width<=900px) and (orientation:portrait){#portrait-warning{display:flex}}#joystick-zone{bottom:calc(env(safe-area-inset-bottom,0px) + 20px);left:calc(env(safe-area-inset-left,0px) + 20px);z-index:200;touch-action:none;-webkit-user-select:none;user-select:none;width:120px;height:120px;display:none;position:fixed}#joystick-base{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12341273;border:1px solid #a0c0a04d;border-radius:50%;position:absolute;inset:0}#joystick-thumb{width:44px;height:44px;transition:background var(--transition-fast);pointer-events:none;background:#3a8a3ab3;border:1px solid #a0c0a099;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#joystick-zone.active #joystick-thumb{background:#50b450d9}#mob-action-btns{bottom:calc(env(safe-area-inset-bottom,0px) + 20px);right:calc(env(safe-area-inset-right,0px) + 20px);z-index:200;flex-direction:column;gap:14px;display:none;position:fixed}.mob-btn{width:56px;height:56px;color:var(--forest-highlight);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#123412d1;border:1px solid #a0c0a073;border-radius:50%;justify-content:center;align-items:center;display:flex}.mob-btn[hidden]{display:none!important}.mob-btn svg{width:26px;height:26px;fill:var(--forest-highlight);pointer-events:none}.mob-btn:active{background:#2a6a2ab3;transform:scale(.91)}.mob-btn.active{border-color:var(--forest-highlight);background:#3a8a3a8c}.mob-btn-secondary{background:#0b1f0bbd}.mob-btn:focus-visible,.mobile-panel-close:focus-visible,.mobile-panel-action:focus-visible{outline:2px solid var(--forest-highlight);outline-offset:3px}#mobile-quick-panel{z-index:210;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#06100673;display:none;position:fixed;inset:0}#mobile-quick-panel.open{opacity:1;pointer-events:auto}.mobile-panel-shell{right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);gap:var(--spacing-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(320px,100vw - 32px);transition:transform var(--transition-normal);background:linear-gradient(#123412f5,#081c08f5);border:1px solid #a0c0a03d;border-radius:20px;padding:clamp(1rem,2vw,1.25rem);display:grid;position:absolute;transform:translateY(12px)scale(.98);box-shadow:0 16px 40px #00000047}#mobile-quick-panel.open .mobile-panel-shell{transform:translateY(0)scale(1)}.mobile-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.mobile-panel-eyebrow,.mobile-panel-kicker,.mobile-panel-label{color:var(--forest-highlight);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.mobile-panel-header h2{color:var(--forest-text);font-size:1rem;font-weight:600}.mobile-panel-close{width:40px;height:40px;color:var(--forest-highlight);background:#1a4a1a99;border:1px solid #a0c0a03d;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.mobile-panel-body{gap:var(--spacing-md);display:grid}.mobile-panel-section{gap:var(--spacing-sm);display:grid}.mobile-panel-copy{color:var(--forest-text);font-size:.92rem;line-height:1.45}.mobile-panel-copy-muted{color:var(--forest-muted)}.mobile-panel-metrics{gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-panel-metric{gap:var(--spacing-xs);background:#1a4a1a57;border:1px solid #a0c0a024;border-radius:14px;padding:.875rem;display:grid}.mobile-panel-value{color:var(--forest-text);word-break:break-word;font-size:.92rem;line-height:1.4}.mobile-panel-actions{gap:.75rem}.mobile-panel-action{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;min-height:52px;color:var(--forest-text);text-align:left;background:#0b1f0ba3;border:1px solid #a0c0a029;border-radius:14px;padding:.85rem .95rem;display:flex}.mobile-panel-action-label{font-size:.92rem;font-weight:500}.mobile-panel-action-meta{color:var(--forest-muted);font-size:.78rem}@media (width<=900px){#info,#dashboard,#audio-controls,#controls-toggle,#catalog-toggle,#dashboard{display:none!important}#joystick-zone{display:block}#mob-action-btns{display:flex}#mobile-quick-panel{display:block}.control-key{min-width:60px;padding:var(--spacing-xxs) var(--spacing-xs);font-size:.7rem}.control-desc{font-size:.8rem}}@media (width<=900px) and (orientation:landscape){#info{top:env(safe-area-inset-top,var(--spacing-md));left:calc(env(safe-area-inset-left,0px) + var(--spacing-md))}#joystick-zone{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:calc(env(safe-area-inset-left,0px) + 16px)}#mob-action-btns{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px)}.mobile-panel-shell{right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}