:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#112725;--bg-bottom:#08100f;--surface:#0a141285;--surface-strong:#0b1513b8;--surface-border:#e6f2ca24;--text:#eef3da;--muted:#eef3daad;--accent:#d3ff98;--shadow:#0000003d;color:var(--text);background:radial-gradient(circle at top, #e6fbb324, transparent 36%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,kbd{font:inherit}.shell{min-height:100vh;position:relative}.loading-screen{z-index:9;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:1;visibility:visible;background:radial-gradient(circle at top,#e1ffad2e,#0000 32%),linear-gradient(#070d0c47,#070d0c99);place-items:center;padding:1.4rem;transition:opacity .36s,visibility 0s linear .36s;display:grid;position:absolute;inset:0}.loading-card{background:linear-gradient(180deg, #131f1de0, #0a1211c7), var(--surface-strong);border:1px solid #e6f2ca29;border-radius:1.1rem;width:min(31rem,100vw - 2.8rem);padding:1.2rem 1.25rem 1.28rem;box-shadow:0 24px 72px #00000047,inset 0 1px #ffffff0a}.loading-card h2{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.75rem,4vw,2.5rem);line-height:.96}.loading-copy{max-width:25rem;color:var(--muted);margin:.7rem 0 0;font-size:.96rem}.loading-meter{background:#ffffff14;border-radius:999px;height:.34rem;margin-top:1rem;position:relative;overflow:hidden}.loading-meter__bar{border-radius:inherit;background:linear-gradient(90deg,#d3ff9800,#d3ff98f5,#ffdf91e0);width:38%;animation:1.4s ease-in-out infinite loading-sweep;position:absolute;inset:0 auto 0 0}.loading-status{color:#eef3dae0;letter-spacing:.01em;margin-top:.82rem;font-size:.9rem}.forest-canvas{touch-action:none;width:100vw;height:100vh;display:block}.hud-rail{z-index:5;pointer-events:none;flex-direction:column;align-items:stretch;gap:.75rem;width:min(20rem,100vw - 2.2rem);display:flex;position:absolute;top:1.1rem;right:1.1rem}.hud-toggle{appearance:none;min-height:2.9rem;color:var(--text);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#121d1ae0,#0a1211c7),#070d0c94;border:1px solid #eef3da29;border-radius:1rem;align-self:stretch;padding:.72rem 1rem;font-weight:700;transition:transform .15s,border-color .15s,background .15s;box-shadow:0 10px 28px #00000038,inset 0 1px #ffffff0a}.panel,.status-bar{border:1px solid var(--surface-border);background:linear-gradient(180deg, #15211ead, #080f0e8f), var(--surface);box-shadow:0 14px 42px var(--shadow), inset 0 1px 0 #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute}.action:hover,.action:focus-visible{filter:brightness(1.04);transform:translateY(-1px)}.brand-card{width:min(20rem,100vw - 2.2rem);top:1.1rem;left:1.1rem}.control-dock{pointer-events:auto;background:linear-gradient(180deg, #131f1dd1, #0a1211b8), var(--surface-strong);width:100%;position:relative;inset:auto}.guide-card{width:min(18rem,100vw - 2.2rem);bottom:1.1rem;left:1.1rem}.panel{border-radius:1.05rem;padding:.7rem .82rem .82rem;transition:transform .22s,opacity .18s,padding .18s,background .18s;overflow:visible}.action{appearance:none;cursor:pointer;border:0;border-radius:999px;transition:transform .15s,filter .15s,box-shadow .15s}.panel-body{opacity:1;max-height:24rem;transition:opacity .16s,max-height .22s,margin .16s}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.38rem;font-size:.72rem;font-weight:700}.brand-card h1{letter-spacing:-.04em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2rem,3.5vw,3.5rem);line-height:.94}.lede{color:var(--muted);max-width:18rem;margin:.72rem 0 0;font-size:.94rem}.dock-actions{gap:.6rem;margin-bottom:.8rem;display:flex}.action{color:#13201c;background:linear-gradient(135deg,#cdff9af0,#ffdd90f0);padding:.62rem .96rem;font-weight:800;box-shadow:0 10px 26px #0003}.action-secondary{color:var(--text);background:linear-gradient(135deg,#1e302bf5,#141f1cf5)}.action-secondary[data-active=true]{color:#102019;background:linear-gradient(135deg,#519464f0,#b1e787eb)}.time-control{display:block}.touch-controls{margin-top:.9rem;display:none}.touch-camera-controls{margin-top:.9rem}.touch-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.touch-camera-grid{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.touch-mode{appearance:none;min-height:2.7rem;color:var(--muted);cursor:pointer;background:#111c19db;border:1px solid #eef3da24;border-radius:.9rem;padding:.54rem .62rem;transition:transform .15s,border-color .15s,background .15s,color .15s}.touch-mode[data-active=true]{color:var(--text);background:linear-gradient(135deg,#3d664af2,#1c3026f2);border-color:#d3ff9861}.touch-mode:hover,.touch-mode:focus-visible,.hud-toggle:hover,.hud-toggle:focus-visible{color:var(--text);border-color:#d3ff9847}.hud-toggle:hover,.hud-toggle:focus-visible{transform:translateY(-1px)}.time-control__label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.42rem;font-size:.74rem;font-weight:700;display:block}.time-control__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.time-control__slider{accent-color:#d6ff99;cursor:pointer;width:100%;margin:0}.time-control__value{font-variant-numeric:tabular-nums;text-align:right;min-width:3.8rem;font-weight:800}.guide-list{gap:.42rem;display:grid}.guide-list-touch{display:none}.guide-list p{color:var(--muted);margin:0;font-size:.9rem}kbd{min-width:1.6rem;color:var(--text);background:#ffffff0f;border:1px solid #eef3da38;border-radius:.42rem;justify-content:center;align-items:center;padding:.14rem .34rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-bar{color:#eef3dae6;border-radius:999px;max-width:min(24rem,100vw - 2.2rem);padding:.68rem .88rem;font-size:.86rem;transition:opacity .18s,transform .22s;bottom:1.1rem;right:1.1rem}.shell[data-loading=false] .loading-screen{opacity:0;visibility:hidden;pointer-events:none}.shell[data-loading=true] .forest-canvas{filter:saturate(.88)brightness(.88)}.shell[data-loading-state=error] .loading-card{background:linear-gradient(#2f1715eb,#180c0bd6),#22100fe6;border-color:#ffbfad33}.shell[data-loading-state=error] .loading-meter__bar{background:linear-gradient(90deg,#ffbfad00,#ffbfade6,#ffe2aad6)}.shell[data-immersive=true] .panel,.shell[data-immersive=true] .status-bar{opacity:0;pointer-events:none;transform:translateY(-10px)}.shell[data-immersive=true] .guide-card{transform:translateY(10px)}.shell[data-immersive=true] .hud-toggle{opacity:1;pointer-events:auto}@media (width>=781px){.shell[data-immersive=true] .hud-rail{align-items:flex-end;gap:0;width:auto}.shell[data-immersive=true] .control-dock{width:min(20rem,100vw - 2.2rem);position:absolute;top:0;right:0}}.shell[data-touch-ui=true] .touch-controls{display:block}.shell[data-touch-ui=true] .guide-list-desktop{display:none}.shell[data-touch-ui=true] .guide-list-touch{display:grid}@media (width<=780px){.loading-screen{padding:.9rem}.loading-card{border-radius:.96rem;width:min(28rem,100vw - 1.8rem);padding:.95rem .96rem 1rem}.loading-card h2{font-size:clamp(1.5rem,8vw,2rem)}.loading-copy{margin-top:.56rem;font-size:.86rem}.loading-status{margin-top:.68rem;font-size:.82rem}.brand-card,.guide-card,.status-bar{width:auto;max-width:none;left:.75rem;right:.75rem}.panel{border-radius:.92rem;padding:.58rem .66rem .68rem}.eyebrow{letter-spacing:.15em;margin-bottom:.24rem;font-size:.64rem}.brand-card{top:.75rem}.brand-card h1{font-size:clamp(1.7rem,8vw,2.35rem)}.lede{max-width:14rem;margin-top:.48rem;font-size:.84rem}.hud-rail{top:auto;right:.75rem;bottom:calc(4.9rem + env(safe-area-inset-bottom,0px));gap:.55rem;width:auto;left:.75rem}.control-dock{width:100%}.dock-actions{gap:.45rem;margin-bottom:.62rem}.action{padding:.54rem .82rem;font-size:.84rem}.time-control__label{margin-bottom:.32rem;font-size:.66rem}.time-control__row{gap:.55rem}.time-control__value{min-width:3.15rem;font-size:.84rem}.touch-controls,.touch-camera-controls{margin-top:.68rem}.touch-mode-grid,.touch-camera-grid{gap:.4rem}.touch-mode{border-radius:.76rem;min-height:2.35rem;padding:.44rem .52rem;font-size:.82rem}.guide-card{bottom:5.5rem}.status-bar{border-radius:1rem;padding:.56rem .72rem;font-size:.78rem;bottom:.75rem}.hud-toggle{border-radius:1.05rem;min-height:3.2rem;padding:.82rem 1rem;font-size:.92rem}.shell[data-touch-ui=true] .guide-card{display:none}.shell[data-touch-ui=true] .hud-toggle{min-height:3.35rem;font-size:.95rem}.shell[data-touch-ui=true][data-immersive=true] .hud-rail{top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));align-items:flex-end;gap:0;width:auto;bottom:auto;left:auto}.shell[data-touch-ui=true][data-immersive=true] .control-dock{width:min(20rem,100vw - 1.5rem);position:absolute;top:0;right:0}.shell[data-touch-ui=true][data-immersive=true] .hud-toggle{min-height:3.1rem;padding-inline:1.05rem}}@keyframes loading-sweep{0%{transform:translate(-120%)}to{transform:translate(360%)}}