:root{--bg-obsidian: #0c0f14;--glass-bg: rgba(16, 21, 28, .72);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .16);--text-primary: #f3f5f8;--text-secondary: #9ba6b8;--text-muted: #647084;--accent-amber: #e5a93c;--accent-emerald: #38bdf8;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-obsidian);font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;min-height:100dvh;height:100dvh;overflow:hidden}#terrarium-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#terrarium-canvas:active{cursor:grabbing}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),0 20px 42px -12px #04070ca6;border-radius:18px;color:var(--text-primary);transition:border-color .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#fff3}.hud-top-left{position:fixed;top:20px;left:20px;width:328px;padding:16px 18px;z-index:10;display:flex;flex-direction:column;gap:10px}.brand-row{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d39999;animation:pulseDot 2.6s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.mono-label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;flex:1}.icon-pill{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;font-weight:500;padding:4px 8px;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .2s ease}.icon-pill:hover{background:#ffffff21}.icon-pill:active{transform:scale(.96)}.hud-title{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#fff}.hud-subtitle{font-size:12.5px;line-height:1.45;color:var(--text-secondary)}.hud-subtitle strong{color:var(--text-primary);font-weight:500}.telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff14;border-radius:10px;overflow:hidden;margin-top:2px;border:1px solid rgba(255,255,255,.08)}.telemetry-cell{background:#0c1016d1;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.telemetry-key{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--text-muted)}.telemetry-val{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.hud-top-right{position:fixed;top:20px;right:20px;width:316px;padding:16px 18px;z-index:10;display:flex;flex-direction:column;gap:12px}.panel-header-row{display:flex;align-items:center;justify-content:space-between}.mono-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:3px 7px;border-radius:6px;background:#e5a93c29;color:#f7c96e;border:1px solid rgba(229,169,60,.3)}.season-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#080b10a6;padding:4px;border-radius:11px;border:1px solid rgba(255,255,255,.07)}.season-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:500;padding:7px 4px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s cubic-bezier(.16,1,.3,1)}.season-btn:hover{color:var(--text-primary);background:#ffffff0d}.season-btn:active{transform:scale(.96)}.season-btn.active{background:#ffffff1f;border-color:#fff3;color:#fff;box-shadow:0 4px 12px #00000040}.season-indicator{width:6px;height:6px;border-radius:50%}.spring-dot{background:#f472b6}.summer-dot{background:#34d399}.fall-dot{background:#fb923c}.winter-dot{background:#60a5fa}.sliders-stack{display:flex;flex-direction:column;gap:9px}.control-row{display:flex;flex-direction:column;gap:4px}.control-label-line{display:flex;justify-content:space-between;align-items:center}.control-label-line label{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--text-secondary)}.mono-val{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:#ffffff1f;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#f3f5f8;border:2px solid #1e293b;box-shadow:0 2px 6px #00000073;transition:transform .15s ease,background .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18);background:var(--accent-amber)}.quick-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:2px}.action-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-family:var(--font-sans);font-size:11.5px;font-weight:500;padding:7px 6px;border-radius:9px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.action-chip:hover{background:#ffffff24;border-color:#ffffff3d}.action-chip:active{transform:translateY(1px) scale(.97)}.hud-bottom-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:7px;z-index:10;display:flex;align-items:center;gap:5px;max-width:calc(100vw - 24px);overflow-x:auto}.tool-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:8px 12px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:88px;transition:all .2s cubic-bezier(.16,1,.3,1)}.tool-btn svg{margin-bottom:2px;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s ease}.tool-btn:hover{color:var(--text-primary);background:#ffffff0f}.tool-btn:hover svg{transform:translateY(-1px)}.tool-btn:active{transform:scale(.96)}.tool-btn.active{background:#e5a93c26;border-color:#e5a93c6b;color:#fff;box-shadow:inset 0 1px #ffffff2e}.tool-btn.active svg{color:#f7c96e}.tool-name{font-size:11.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.tool-sub{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);white-space:nowrap}.tool-btn.active .tool-sub{color:#e9c47a}.dock-divider{width:1px;height:36px;background:#ffffff1f;margin:0 3px;flex-shrink:0}.cursor-badge{position:fixed;pointer-events:none;z-index:30;transform:translate(-50%,-145%);background:#0c1017e0;border:1px solid rgba(255,255,255,.22);padding:5px 10px;border-radius:999px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:#f8fafc;letter-spacing:.04em;box-shadow:0 8px 20px #00000073;transition:opacity .15s ease;white-space:nowrap}.cursor-badge.hidden{opacity:0}@media(max-width:900px){.hud-top-left{width:260px;padding:12px;top:12px;left:12px}.hud-top-right{width:260px;padding:12px;top:12px;right:12px}.hud-subtitle{display:none}.hud-bottom-dock{bottom:12px}.tool-btn{min-width:74px;padding:6px 8px}}