@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#060f09;--bg-secondary:#0d1a12;--bg-tertiary:#132a1a;--bg-card:#162e1e;--bg-card-hover:#1a3823;--bg-glass:#162e1eb3;--accent-green:#22c55e;--accent-green-dim:#16a34a;--accent-emerald:#34d399;--accent-gold:#f59e0b;--accent-gold-dim:#d97706;--accent-amber:#fbbf24;--accent-red:#ef4444;--accent-red-dim:#dc2626;--accent-orange:#f97316;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--accent-lime:#84cc16;--text-primary:#f0fdf4;--text-secondary:#bbf7d0;--text-muted:#6b9b7a;--text-dim:#3d6b4f;--border-default:#22c55e26;--border-hover:#22c55e4d;--border-active:#22c55e80;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-green:0 0 20px #22c55e33;--shadow-glow-gold:0 0 20px #f59e0b33;--shadow-glow-red:0 0 20px #ef44444d;--gradient-energy:linear-gradient(90deg, #22c55e, #84cc16, #fbbf24);--gradient-danger:linear-gradient(90deg, #f97316, #ef4444, #dc2626);--gradient-gold:linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-forest:linear-gradient(180deg, #0d1a12, #132a1a, #1a3823);--gradient-card:linear-gradient(145deg, #162e1ee6, #0d1a12f2);--burn-bg:#1a0800;--burn-bg-secondary:#1f0e00;--burn-overlay:#ff640014;--burn-card:#281405cc;--burn-text:#ffd6b3;--burn-border:#ff781433;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:.95rem;--font-size-md:1.05rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-green-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes smoke-rise{0%{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(-120px)scale(2.5)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}@keyframes energy-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ember-float{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default)}.glow-green{box-shadow:var(--shadow-glow-green)}.glow-gold{box-shadow:var(--shadow-glow-gold)}.glow-red{box-shadow:var(--shadow-glow-red)}body.burn-mode{--bg-primary:var(--burn-bg);--bg-secondary:var(--burn-bg-secondary);--bg-card:var(--burn-card);--border-default:var(--burn-border);--text-secondary:var(--burn-text)}.intro-screen{min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.intro-bg{position:absolute;inset:0;overflow:hidden}.intro-bg-glow{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle,#22c55e4d,#0000);width:500px;height:500px;animation:8s ease-in-out infinite float;top:-100px;right:-100px}.glow-2{background:radial-gradient(circle,#f59e0b33,#0000);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-80px;left:-80px}.glow-3{background:radial-gradient(circle,#06b6d426,#0000);width:300px;height:300px;animation:12s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex;position:relative}.intro-badge{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent-green);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:1px;background:#22c55e1a;border:1px solid #22c55e33;padding:6px 16px;font-weight:600;display:inline-flex}.intro-title{margin-bottom:var(--spacing-lg);flex-direction:column;gap:4px;display:flex}.title-line{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:600;line-height:1.2}.title-highlight{font-size:var(--font-size-4xl);background:linear-gradient(135deg, var(--accent-green), var(--accent-emerald), var(--accent-gold));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.1;animation:4s infinite gradient-shift}.intro-description{font-size:var(--font-size-md);color:var(--text-secondary);max-width:560px;line-height:1.6}.intro-features{gap:var(--spacing-md);width:100%;margin:var(--spacing-2xl) 0;grid-template-columns:repeat(2,1fr);display:grid}.intro-feature{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff08;display:flex}.intro-feature:hover{border-color:var(--border-hover);background:#ffffff0d}.feature-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.feature-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px;font-weight:700}.feature-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.intro-concepts{gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.concept{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:#0000004d;border-left:3px solid #0000;display:flex}.concept:first-child{border-left-color:var(--accent-gold)}.concept:nth-child(2){border-left-color:var(--accent-green)}.concept:nth-child(3){border-left-color:var(--accent-orange)}.concept-icon{flex-shrink:0}.concept-icon.sun{color:var(--accent-gold)}.concept-icon.energy{color:var(--accent-green)}.concept-icon.fire{color:var(--accent-orange)}.concept div{text-align:left;flex-direction:column;display:flex}.concept strong{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:700}.concept span{font-size:var(--font-size-xs);color:var(--text-muted)}.intro-start-btn{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg, var(--accent-green), var(--accent-emerald));color:#000;border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-lg);cursor:pointer;transition:box-shadow var(--transition-fast);margin-bottom:var(--spacing-xl);border:none;font-weight:700;display:flex;box-shadow:0 4px 24px #22c55e4d}.intro-start-btn:hover{box-shadow:0 8px 40px #22c55e66}.intro-footer{font-size:var(--font-size-xs);color:var(--text-dim)}@media (width<=600px){.title-line{font-size:var(--font-size-xl)}.title-highlight{font-size:var(--font-size-2xl)}.intro-features{grid-template-columns:1fr}.intro-start-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}}.selector-container{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);background:radial-gradient(circle at 0 0,#22c55e1a,#0000 32%),linear-gradient(145deg,#0e301eb8,#030c0894),repeating-linear-gradient(0deg,#fff4c209 0 1px,#0000 1px 9px);border:1px solid #fff4c221;border-radius:28px;box-shadow:0 20px 56px #0003}.selector-container.burn{background:var(--burn-card);border-color:var(--burn-border)}.selector-container.empty{text-align:center}.selector-header{margin-bottom:var(--spacing-lg)}.selector-title-group{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.selector-icon{color:var(--accent-green)}.selector-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.selector-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:26px}.selector-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.selector-card{padding:var(--spacing-lg);cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font-family);gap:var(--spacing-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:radial-gradient(circle at 0 0,#fff4c214,#0000 40%),linear-gradient(150deg,#081e14b8,#01080580);border:1px solid #fff4c21c;border-radius:22px;flex-direction:column;display:flex}.selector-card:hover{background:radial-gradient(circle at 100% 0,#34d3991f,#0000 42%),#0000003d;border-color:#b7f7c773;box-shadow:0 16px 36px #0000003d,0 0 26px #34d39924}.selector-card-emoji{width:58px;height:58px;margin-bottom:var(--spacing-xs);background:radial-gradient(circle at 35% 25%,#ffffff24,#0000 32%),#fff4c20b;border:1px solid #fff4c224;border-radius:18px 24px;place-items:center;font-size:2.5rem;line-height:1;display:grid}.selector-card-info{flex-direction:column;gap:2px;display:flex}.selector-card-name{font-size:var(--font-size-base);font-weight:700}.selector-card-nivel{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.selector-card-desc{font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.4;display:-webkit-box;overflow:hidden}.selector-card-tags{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.selector-card-tags span{border-radius:var(--radius-full);max-width:100%;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;background:#fff4c20f;border:1px solid #fff4c21a;padding:4px 8px;font-size:.62rem;font-weight:700;line-height:1.15;overflow:hidden}.selector-card-action{font-size:var(--font-size-xs);color:var(--accent-green);padding-top:var(--spacing-sm);border-top:1px solid var(--border-default);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:center;font-weight:600;display:flex;transform:translateY(4px)}.selector-card:hover .selector-card-action{opacity:1;transform:translateY(0)}.selector-card-action .arrow{transition:transform var(--transition-fast)}.selector-card:hover .selector-card-action .arrow{transform:translate(4px)}.selector-empty{padding:var(--spacing-2xl)}.empty-icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:3rem;display:block}.selector-empty p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-hint{font-size:var(--font-size-sm);color:var(--text-muted)}@media (width<=600px){.selector-grid{grid-template-columns:1fr}.selector-container{padding:var(--spacing-md)}}.energy-bar-container{align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.energy-bar-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;position:relative;overflow:hidden}.energy-bar-fill{border-radius:var(--radius-full);min-width:2px;height:100%;transition:background-color var(--transition-base);position:relative}.energy-bar-fill.extinto{opacity:.5}.energy-bar-fill.ameaçado{animation:1.5s infinite flicker}.energy-bar-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%) 0 0/200% 100%;animation:3s infinite shimmer;position:absolute;inset:0}.energy-bar-label{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-weight:600}.organism-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--nivel-color), transparent 82%), transparent 36%), linear-gradient(145deg, #0f2b1ccc, #030c08b8), repeating-linear-gradient(0deg, #fff4c208 0 1px, transparent 1px 8px);border:1px solid color-mix(in srgb, var(--nivel-color), #fff4c2 16%);padding:var(--spacing-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);border-radius:24px;position:relative;overflow:hidden}.organism-card:before{content:"";background:linear-gradient(180deg, var(--nivel-color), transparent);opacity:.55;width:4px;height:100%;position:absolute;top:0;left:0;right:auto}.organism-card:hover{border-color:color-mix(in srgb, var(--nivel-color), white 8%);box-shadow:var(--shadow-md), 0 0 24px color-mix(in srgb, var(--nivel-color), transparent 82%)}.organism-card.ameaçado{border-color:#f973164d;animation:2s infinite pulse-gold}.organism-card.extinto{opacity:.7;filter:grayscale(40%);border-color:#ef44444d}.organism-card.burn{background:var(--burn-card);border-color:var(--burn-border)}.organism-card.compact{padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);cursor:pointer;border-left:3px solid var(--nivel-color);display:flex}.organism-card.compact:before{display:none}.organism-card.compact:hover{border-color:var(--nivel-color);background:var(--bg-card-hover);box-shadow:var(--shadow-glow-green)}.organism-emoji-compact{font-size:1.8rem;line-height:1}.organism-name-compact{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.organism-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.organism-emoji-wrapper{border:1px solid color-mix(in srgb, var(--nivel-color), transparent 44%);width:58px;height:58px;box-shadow:inset 0 0 18px #ffffff08, 0 0 18px color-mix(in srgb, var(--nivel-color), transparent 76%);background:radial-gradient(circle at 35% 22%,#fff3,#0000 30%),#fff4c20b;border-radius:18px 24px;flex-shrink:0;place-items:center;display:grid;position:relative}.organism-emoji{font-size:2.5rem;line-height:1;display:block}.status-pulse{border:2px solid var(--accent-orange);border-radius:50%;position:absolute;inset:-4px}.status-overlay-dead{background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.organism-info{flex:1;min-width:0}.organism-name{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700;line-height:1.2}.organism-nivel{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.status-badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#000;flex-shrink:0;padding:4px 10px;font-weight:600;display:flex}.status-text{display:none}@media (width>=480px){.status-text{display:inline}}.organism-energy{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#0000002e;border:1px solid #fff4c214;border-radius:18px}.energy-stats{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.energy-stat{flex-direction:column;gap:2px;display:flex}.energy-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.energy-value{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:700}.energy-value.received{color:var(--accent-green)}.energy-value.lost{color:var(--accent-red)}.energy-value.percent{color:var(--accent-gold)}.organism-descricao{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.5}.organism-meta-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.organism-meta-chip{padding:var(--spacing-sm);background:#fff4c209;border:1px solid #fff4c217;border-radius:14px;min-width:0}.organism-meta-chip span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:.62rem;font-weight:800;display:block}.organism-meta-chip strong{font-size:var(--font-size-xs);color:var(--text-primary);line-height:1.25;display:block}.organism-impact{padding:var(--spacing-sm) var(--spacing-md);border-left:2px solid var(--impact-color);background:color-mix(in srgb, var(--impact-color), transparent 90%);color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm);border-radius:14px;font-weight:600;line-height:1.45}.organism-curiosidade{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border-left:2px solid var(--accent-gold);background:#f59e0b14;display:flex}.curiosidade-icon{flex-shrink:0;font-size:1rem;line-height:1.5}.organism-curiosidade span:last-child{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}@media (width<=520px){.organism-meta-grid{grid-template-columns:1fr}}.chain-display{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:background var(--transition-slow), border-color var(--transition-slow);background:radial-gradient(circle at 0 0,#34d39914,#0000 38%),linear-gradient(145deg,#0e301eb8,#030c0894),repeating-linear-gradient(0deg,#fff4c209 0 1px,#0000 1px 9px);border:1px solid #fff4c221;border-radius:28px;box-shadow:0 20px 56px #0003}.chain-display.burn{background:var(--burn-card);border-color:var(--burn-border)}.chain-title-bar{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.chain-title{font-size:var(--font-size-lg);font-weight:700}.chain-count{font-size:var(--font-size-xs);color:var(--text-muted);border-radius:var(--radius-full);background:#fff4c20f;border:1px solid #fff4c21a;padding:4px 12px;font-weight:500}.chain-flow{flex-direction:column;gap:0;display:flex}.sun-node{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:opacity var(--transition-slow);background:radial-gradient(circle,#fbbf241f,#0000 60%),#00000024;border:1px dashed #f59e0b47;border-radius:24px;flex-direction:column;display:flex;position:relative}.sun-node.dimmed{opacity:.6;background:linear-gradient(135deg,#c864001a,#6432000d);border-color:#c8640033}.sun-visual{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.sun-icon{color:var(--accent-gold);z-index:1}.sun-rays{border:2px dashed #f59e0b4d;border-radius:50%;position:absolute;inset:-8px}.chain-node-name{font-size:var(--font-size-lg);color:var(--accent-gold);font-weight:700}.chain-node-energy{font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.chain-reduction{font-size:var(--font-size-xs);color:var(--accent-red);border-radius:var(--radius-full);background:#ef44441a;padding:2px 8px;font-weight:700}.chain-segment{flex-direction:column;gap:0;display:flex}.chain-arrow{padding:var(--spacing-md) 0;flex-direction:column;align-items:center;display:flex;position:relative}.arrow-line{background:#22c55e33;width:2px;height:24px;position:relative;overflow:hidden}.arrow-energy-flow{background:linear-gradient(180deg, transparent, var(--accent-green), transparent);border-radius:var(--radius-full);width:100%;height:8px;position:absolute}.arrow-icon{color:var(--accent-green);margin:4px 0;transform:rotate(90deg)}.arrow-energy-label{font-size:var(--font-size-xs);color:var(--accent-green);border-radius:var(--radius-full);background:#22c55e14;align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:flex}.arrow-loss{font-size:var(--font-size-xs);color:var(--accent-red);opacity:.8;margin-top:2px;font-weight:700}.chain-organism-wrapper{transition:transform var(--transition-fast)}.chain-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.chain-empty-icon{margin-bottom:var(--spacing-md);font-size:3rem;animation:3s ease-in-out infinite float;display:block}.chain-empty p{font-size:var(--font-size-base);color:var(--text-muted);max-width:400px;margin:0 auto}@media (width<=600px){.chain-display{padding:var(--spacing-md)}}.energy-panel{padding:var(--spacing-xl);transition:background var(--transition-slow), border-color var(--transition-slow);background:radial-gradient(circle at 100% 0,#f59e0b14,#0000 42%),linear-gradient(145deg,#102d1dc7,#030c08b8),repeating-linear-gradient(0deg,#fff4c209 0 1px,#0000 1px 9px);border:1px solid #fff4c221;border-radius:28px;box-shadow:0 22px 58px #0000003d,inset 0 0 0 1px #ffffff08}.energy-panel.burn{background:var(--burn-card);border-color:var(--burn-border)}.panel-title{font-size:var(--font-size-lg);align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:700;display:flex}.panel-icon{color:var(--accent-gold)}.panel-section{padding:var(--spacing-md) 0;border-bottom:1px dashed #fff4c221}.panel-section:last-child{border-bottom:none;padding-bottom:0}.panel-section-title{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);font-weight:600;display:block}.panel-row{justify-content:space-between;align-items:center;display:flex}.panel-row-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.panel-row-value{font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-weight:800}.panel-row-value.gold{color:var(--accent-gold)}.panel-alert{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--accent-red);background:#ef44441a;border:1px solid #ef444433;font-weight:600;display:flex;overflow:hidden}.panel-levels{gap:var(--spacing-md);flex-direction:column;display:flex}.panel-level{flex-direction:column;gap:4px;display:flex}.level-header{align-items:center;gap:var(--spacing-sm);display:flex}.level-emoji{font-size:1.2rem;line-height:1}.level-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.level-value{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:800}.level-value.saudavel{color:var(--accent-green)}.level-value.ameaçado{color:var(--accent-orange)}.level-value.extinto{color:var(--accent-red)}.level-transfer{font-size:var(--font-size-xs);color:var(--text-dim);align-items:center;gap:4px;display:flex}.panel-section.summary{padding:var(--spacing-md);margin-top:var(--spacing-md);gap:var(--spacing-sm);background:linear-gradient(145deg,#0000003d,#12322147);border:1px solid #fff4c214;border-bottom:none;border-radius:18px;flex-direction:column;display:flex}.summary-row{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.summary-value{font-variant-numeric:tabular-nums;font-weight:700}.summary-value.red{color:var(--accent-red)}.summary-value.green{color:var(--accent-green)}.summary-value.gold{color:var(--accent-gold)}.control-panel{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:background var(--transition-slow), border-color var(--transition-slow);background:radial-gradient(circle at 0 0,#34d39914,#0000 45%),linear-gradient(145deg,#102d1dc7,#030c08b8),repeating-linear-gradient(0deg,#fff4c209 0 1px,#0000 1px 9px);border:1px solid #fff4c221;border-radius:28px;box-shadow:0 22px 58px #00000038,inset 0 0 0 1px #ffffff08}.control-panel.burn{background:var(--burn-card);border-color:var(--burn-border)}.control-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);font-weight:700}.control-buttons{gap:var(--spacing-lg);flex-direction:column;display:flex}.control-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.control-group-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs);font-weight:600}.control-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:18px;width:100%;font-weight:600;display:flex}.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.control-btn.primary{color:#062013;border-color:var(--accent-green);background:linear-gradient(135deg,#b7f7c7,#35d982)}.control-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-glow-green)}.control-btn.secondary{color:var(--text-secondary);background:linear-gradient(135deg,#fff4c20f,#ffffff05);border-color:#fff4c21f}.control-btn.secondary:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);background:#ffffff14}.control-btn.danger{color:#fff;border-color:var(--accent-red);background:linear-gradient(135deg,#7f1d1deb,#9a4c1ceb),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 12px);position:relative;overflow:hidden}.control-btn.danger:before{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff1a 50%,#0000 70%) 0 0/200% 100%;animation:3s infinite shimmer;position:absolute;inset:0}.control-btn.danger:hover:not(:disabled){box-shadow:var(--shadow-glow-red)}.control-btn.restore{color:#000;border-color:var(--accent-green);background:linear-gradient(135deg,#16a34a,#22c55e)}.control-btn.restore:hover:not(:disabled){box-shadow:var(--shadow-glow-green)}@media (width<=600px){.control-panel{padding:var(--spacing-md)}.control-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}}.burn-overlay{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.smoke-layer{background:linear-gradient(#501e0026 0%,#280f0014 40%,#0000 70%);position:absolute;inset:0}.ember{opacity:0;filter:blur(.5px);background:radial-gradient(circle,#ff6b00,#ff4500,#0000);border-radius:50%;animation:linear infinite ember-float;position:absolute;bottom:-10px}.burn-message{top:92px;right:calc(350px + var(--spacing-2xl));align-items:flex-start;gap:var(--spacing-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);pointer-events:auto;z-index:101;background:#1e0a00e6;border:1px solid #ff64004d;max-width:500px;display:flex;position:fixed;box-shadow:0 8px 32px #ff500033}.burn-message-icon{flex-shrink:0;font-size:1.8rem;line-height:1;animation:1s infinite flicker}.burn-message-text{gap:var(--spacing-xs);flex-direction:column;display:flex}.burn-message-text strong{font-size:var(--font-size-base);color:var(--accent-orange)}.burn-message-text p{font-size:var(--font-size-sm);color:#ffc896e6;line-height:1.4}@media (width<=600px){.burn-message{top:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);max-width:none;transform:none}}@media (width>=601px) and (width<=1100px){.burn-message{top:82px;left:var(--spacing-xl);right:var(--spacing-xl);max-width:none}}.collapse-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-xl);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.collapse-modal{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;width:100%;max-width:480px;position:relative}.collapse-modal.extinto{border:2px solid var(--accent-red);box-shadow:0 0 60px #ef444433}.collapse-modal.ameaçado{border:2px solid var(--accent-orange);box-shadow:0 0 60px #f9731633}.collapse-close{top:var(--spacing-md);right:var(--spacing-md);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.collapse-close:hover{color:var(--text-primary);background:#ffffff1a}.collapse-icon{margin-bottom:var(--spacing-lg);font-size:4rem;line-height:1}.collapse-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);font-weight:900}.collapse-modal.extinto .collapse-title{color:var(--accent-red)}.collapse-modal.ameaçado .collapse-title{color:var(--accent-orange)}.collapse-message{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.collapse-organism{align-items:center;gap:var(--spacing-md);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left;background:#0000004d;display:flex}.collapse-organism-emoji{filter:grayscale(50%);font-size:2.5rem;line-height:1}.collapse-organism-info{flex-direction:column;gap:2px;display:flex}.collapse-organism-info strong{font-size:var(--font-size-base);color:var(--text-primary)}.collapse-organism-info span{font-size:var(--font-size-xs);color:var(--text-muted)}.collapse-explanation{align-items:flex-start;gap:var(--spacing-sm);border-left:3px solid var(--accent-red);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:left;background:#ef44440f;display:flex}.collapse-explanation svg{color:var(--accent-red);flex-shrink:0;margin-top:2px}.collapse-explanation p{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.collapse-btn{padding:var(--spacing-md) var(--spacing-2xl);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;font-weight:600}.collapse-btn:hover{border-color:var(--border-hover);background:#ffffff1f}.tip-container{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#0d2f22a3,#030c085c),repeating-linear-gradient(0deg,#fff4c20a 0 1px,#0000 1px 9px);border:1px solid #fff4c224;border-radius:18px;display:flex;position:relative;box-shadow:0 16px 40px #0000002e}.tip-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.tip-text{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;line-height:1.5}.tip-close{color:var(--text-dim);cursor:pointer;font-size:var(--font-size-xs);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:4px;line-height:1}.tip-close:hover{color:var(--text-primary)}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.food-web-graph{background:repeating-radial-gradient(#0000 0 28px,#fff4c212 29px 30px,#0000 31px 58px),radial-gradient(circle,#22c55e14,#0000 45%),#0000002e;border:1px solid #fff4c21f;border-radius:22px;height:340px;overflow:hidden}.food-web-graph .react-flow{--xy-node-boxshadow-default:none;--xy-node-border-default:0;--xy-edge-stroke-default:#34d399a6;--xy-controls-button-background-color-default:#060f09d9;--xy-controls-button-color-default:var(--text-secondary);--xy-controls-button-border-color-default:#34d3992e;color:var(--text-primary)}.food-web-node{align-items:center;gap:var(--spacing-sm);min-width:180px;padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#0c2318db,#040c08c7);border:1px solid #fff4c221;border-radius:16px;display:flex}.food-web-node.center{background:radial-gradient(circle at 100% 0,#34d3992e,#0000 50%),#060f09e6;border-color:#b7f7c76b}.food-web-node.predator{border-color:#f59e0b59}.food-web-node-prey,.food-web-node.prey{border-color:#22c55e47}.food-web-node-emoji{background:#fff4c212;border-radius:12px 16px;flex:none;place-items:center;width:34px;height:34px;font-size:1.25rem;display:grid}.food-web-node strong{color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.2;display:block}.food-web-node span:last-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;font-size:.62rem;font-weight:700;display:block}.food-web-handle{background:var(--accent-emerald);border:0;width:7px;height:7px}@media (width<=620px){.food-web-graph{height:280px}.food-web-node{min-width:140px}}.detail-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-xl);background:radial-gradient(circle,#1b53392e,#0000 34rem),#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detail-modal{padding:var(--spacing-2xl);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-lg), 0 0 60px #0003;background:radial-gradient(circle at 0 0,#fff4c214,#0000 32%),linear-gradient(145deg,#123020fa,#040c08fa),repeating-linear-gradient(0deg,#fff4c208 0 1px,#0000 1px 9px);border:1px solid #fff4c224;border-radius:30px;position:relative;overflow-y:auto}.detail-close{top:var(--spacing-md);right:var(--spacing-md);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.detail-close:hover{color:var(--text-primary);background:#ffffff1a}.detail-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.detail-emoji{border:1px solid color-mix(in srgb, var(--detail-color), white 12%);background:radial-gradient(circle at 35% 20%, #ffffff38, transparent 32%), color-mix(in srgb, var(--detail-color), transparent 84%);width:78px;height:78px;box-shadow:0 0 24px color-mix(in srgb, var(--detail-color), transparent 78%);border-radius:20px 28px;flex:none;place-items:center;font-size:3.5rem;line-height:1;display:grid}.detail-name{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:800}.detail-scientific{color:var(--text-secondary);font-size:var(--font-size-sm);margin:2px 0 4px;font-style:italic;display:block}.detail-nivel{font-size:var(--font-size-xs);color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.detail-fact-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-fact{min-width:0;padding:var(--spacing-md);background:#fff4c209;border:1px solid #fff4c21a;border-radius:18px}.detail-fact svg{color:var(--accent-emerald);margin-bottom:var(--spacing-xs)}.detail-fact span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px;font-size:.62rem;font-weight:800;display:block}.detail-fact strong{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.35;display:block}.detail-adaptation{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:#22c55e0b;border:1px dashed #b7f7c72e;border-radius:18px}.detail-adaptation span,.detail-section-title{color:var(--accent-emerald);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.9px;margin-bottom:var(--spacing-xs);font-weight:800;display:block}.detail-adaptation p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.detail-curiosidade{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-left:2px solid var(--accent-gold);margin-bottom:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--text-secondary);background:#f59e0b0e;border-radius:16px;line-height:1.5;display:flex}.detail-section-title{margin-bottom:var(--spacing-sm)}.detail-network{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-direction:column;display:flex}.network-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.network-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:flex}.network-items{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.network-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fff4c209;border:1px solid #fff4c21a;border-radius:14px;display:flex}.network-item-emoji{font-size:1.2rem;line-height:1}.network-item-name{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:600}.network-center{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#22c55e0b;border:1px dashed #b7f7c733;border-radius:18px;display:flex}.network-center-emoji{font-size:2rem;line-height:1}.network-center-name{font-size:var(--font-size-base);color:var(--accent-green);font-weight:700}.network-badge-topo{text-align:center;font-size:var(--font-size-sm);color:var(--accent-gold);padding:var(--spacing-md);border-radius:var(--radius-md);background:#f59e0b0f;border:1px solid #f59e0b26;font-weight:600}@media (width<=680px){.detail-backdrop{padding:var(--spacing-md)}.detail-modal{padding:var(--spacing-xl)}.detail-header{align-items:flex-start}.detail-emoji{border-radius:18px;width:64px;height:64px;font-size:2.8rem}.detail-fact-grid{grid-template-columns:1fr}}.amazon-scene{min-height:560px;margin-bottom:var(--spacing-lg);isolation:isolate;background:radial-gradient(circle at 52% 24%,#f7cc6638,#0000 9rem),radial-gradient(at 52% 105%,#3a9b966b,#0000 20rem),linear-gradient(#173b31 0%,#0d2a20 48%,#07140f 100%);border:1px solid #9a844b59;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000006b,inset 0 0 0 1px #fff4c20f,inset 0 -80px 110px #010906a3}.amazon-scene:before,.amazon-scene:after{content:"";pointer-events:none;position:absolute;inset:0}.amazon-scene:before{z-index:2;opacity:.42;mix-blend-mode:screen;background:repeating-linear-gradient(12deg,#fff4c209 0 1px,#0000 1px 10px),repeating-radial-gradient(at 30% 76%,#0000 0 26px,#c0a8661f 27px 28px,#0000 29px 54px),repeating-radial-gradient(at 76% 46%,#0000 0 22px,#44cf9614 23px 24px,#0000 25px 48px)}.amazon-scene:after{z-index:12;opacity:.18;background-image:radial-gradient(circle,#fff4c2e6 0 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(0deg,#ffffff0f 1px,#0000 1px);background-size:86px 86px,42px 42px,42px 42px;animation:24s linear infinite scene-particles}.amazon-scene.burn{background:radial-gradient(circle at 52% 24%,#fa733838,#0000 9rem),radial-gradient(at 52% 105%,#5a2f1b8a,#0000 20rem),linear-gradient(#47301e 0%,#24150e 48%,#100705 100%);border-color:#b45c307a}.scene-sky,.scene-depth,.scene-river,.scene-vines,.scene-empty-callout,.scene-fire-warning,.scene-energy-trail,.scene-bank{position:absolute}.scene-sky{z-index:1;inset:0}.scene-sun{background:radial-gradient(circle, #fff6bd 0 34%, #f7b733 36% 58%, transparent 60%), conic-gradient(from 12deg, transparent 0 10deg, #f7b73373 10deg 18deg, transparent 18deg 30deg);border-radius:50%;width:76px;height:76px;position:absolute;top:44px;left:53%;transform:translate(-50%);box-shadow:0 0 50px #f7b7335c}.amazon-scene.burn .scene-sun{opacity:.45;filter:blur(1px)saturate(.7)}.scene-canopy{filter:drop-shadow(0 18px 26px #0000003d);position:absolute;left:-12%;right:-12%}.scene-canopy.back{opacity:.92;background:radial-gradient(at 7% 78%,#123b31 0 58px,#0000 60px),radial-gradient(at 22% 42%,#1e6a54 0 88px,#0000 90px),radial-gradient(at 42% 64%,#17614c 0 86px,#0000 88px),radial-gradient(at 70% 46%,#21745a 0 104px,#0000 106px),radial-gradient(at 91% 72%,#123d31 0 78px,#0000 80px);height:180px;top:-64px}.scene-canopy.front{opacity:.86;background:radial-gradient(at 0 56%,#09281f 0 86px,#0000 88px),radial-gradient(at 18% 86%,#0f4a37 0 110px,#0000 112px),radial-gradient(at 84% 74%,#0d4031 0 116px,#0000 118px),radial-gradient(at 101% 54%,#09271f 0 92px,#0000 94px);height:132px;top:68px}.scene-depth.layer-1{z-index:3;background:linear-gradient(86deg,#0000 0 8%,#4e3522cc 8.3% 9.5%,#0000 10% 18%,#583b24b8 18.2% 19.8%,#0000 20.4% 73%,#523924bd 73.3% 75%,#0000 75.6% 88%,#4c311fc7 88.2% 90%,#0000 90.7%),linear-gradient(90deg,#07271ed1,#0000 32% 68%,#05231be6);inset:105px 0 0}.scene-depth.layer-2{z-index:4;background:radial-gradient(at 10% 100%,#1d6c4beb 0 20%,#0000 21%),radial-gradient(at 30% 100%,#114e39db 0 14%,#0000 15%),radial-gradient(at 82% 96%,#114a35e0 0 22%,#0000 23%),radial-gradient(at 98% 100%,#093428eb 0 24%,#0000 25%);inset:178px 0 0}.scene-river{z-index:5;justify-content:center;align-items:center;gap:var(--spacing-sm);color:#e7fff7d1;text-transform:uppercase;letter-spacing:1.5px;clip-path:polygon(41% 0,59% 0,82% 100%,16% 100%);background:repeating-linear-gradient(165deg,#ffffff29 0 1px,#0000 1px 18px),radial-gradient(at 50% 8%,#ffffff73,#0000 28%),linear-gradient(#6fdbcfd1,#2aa9a194 48%,#0a6670c7);height:245px;font-size:.66rem;font-weight:900;display:flex;bottom:-70px;left:30%;right:30%;box-shadow:inset 0 0 50px #e7fff757}.scene-bank{z-index:7;filter:blur(.2px);background:radial-gradient(at 40% 15%,#47a96fa6,#0000 42%),linear-gradient(#16734eeb,#083a29f5);border-radius:50% 50% 0 0;height:132px;bottom:-30px}.scene-bank.left{width:46%;left:-9%}.scene-bank.right{width:50%;right:-9%}.scene-energy-trail{z-index:8;opacity:.42;filter:drop-shadow(0 0 10px #fff4c23d);border-top:2px dashed #fff4c257;border-radius:45% 55% 0 0;height:92px;top:42%;left:9%;right:9%;transform:rotate(-2deg)}.scene-vines{z-index:6;pointer-events:none;inset:0}.scene-vines span{border-radius:var(--radius-full);transform-origin:top;background:linear-gradient(#5f492bd9,#1553384d);width:2px;height:190px;position:absolute;top:-20px}.scene-vines span:first-child{left:10%;transform:rotate(7deg)}.scene-vines span:nth-child(2){height:235px;left:82%;transform:rotate(-10deg)}.scene-vines span:nth-child(3){height:160px;left:91%;transform:rotate(12deg)}.scene-copy{margin:var(--spacing-xl) 0 0 var(--spacing-xl);z-index:9;max-width:360px;padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#0d261e9e,#030c085c),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 9px);border:1px solid #fff4c22e;border-radius:18px;position:relative;box-shadow:0 16px 34px #00000038}.scene-kicker{align-items:center;gap:var(--spacing-xs);color:#7ddf9a;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:var(--spacing-xs);font-size:.62rem;font-weight:900;display:inline-flex}.scene-copy h2{margin-bottom:var(--spacing-sm);font-size:1.15rem;line-height:1.1}.scene-copy p{font-size:var(--font-size-xs);color:#d2f6ddd1;line-height:1.45}.scene-chain-builder{margin:var(--spacing-lg) 7% 0;z-index:13;position:relative}.scene-chain-title{align-items:center;gap:var(--spacing-xs);color:#b7f7c7;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);background:#04120cb8;border:1px solid #fff4c224;border-radius:999px;padding:6px 10px;font-size:.65rem;font-weight:900;display:inline-flex}.scene-chain-line{align-items:center;gap:var(--spacing-sm);min-height:98px;padding:var(--spacing-md);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#04120c80,#10453038),repeating-linear-gradient(0deg,#fff4c207 0 1px,#0000 1px 8px);border:1px dashed #fff4c22e;border-radius:24px;display:flex;overflow-x:auto}.scene-chain-line.empty{justify-content:center}.scene-chain-placeholder{color:#e2ffebbf;font-size:var(--font-size-sm);text-align:center;font-weight:700}.scene-chain-step{align-items:center;gap:var(--spacing-sm);flex:none;display:flex}.scene-chain-connector{color:#fff4c2c7;background:#04120c85;border:1px dashed #fff4c22e;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.scene-organism{z-index:1;cursor:pointer;color:var(--text-primary);font-family:var(--font-family);filter:drop-shadow(0 10px 18px #00000073);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.scene-organism-aura{background:radial-gradient(circle, color-mix(in srgb, var(--organism-color), transparent 46%), transparent 70%);opacity:.55;filter:blur(5px);z-index:-1;border-radius:999px;height:44px;position:absolute;inset:-7px 0 auto}.scene-organism-emoji{border:1px solid color-mix(in srgb, var(--organism-color), #fff4c2 18%);width:52px;height:52px;box-shadow:inset 0 0 0 1px #ffffff0d, 0 0 18px color-mix(in srgb, var(--organism-color), transparent 50%);background:radial-gradient(circle at 35% 22%,#fff3,#0000 28%),#07150fc7;border-radius:18px 24px 20px;place-items:center;font-size:1.9rem;display:grid}.scene-organism-label{white-space:nowrap;background:#030c08c7;border:1px solid #fff4c224;border-radius:10px;max-width:130px;padding:4px 9px;font-size:.62rem;font-weight:900;line-height:1.1}.scene-choice-panel{margin:var(--spacing-lg) 6% var(--spacing-xl);z-index:14;padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#081e14c7,#030c088f),repeating-linear-gradient(0deg,#fff4c207 0 1px,#0000 1px 8px);border:1px solid #fff4c229;border-radius:24px;position:relative;box-shadow:0 18px 42px #00000042}.scene-choice-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.scene-choice-kicker{color:#b7f7c7b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:.62rem;font-weight:900;display:block}.scene-choice-header h3{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.2}.scene-choice-header svg{color:#fff4c29e}.scene-choice-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.scene-choice-card{align-items:center;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-sm);border:1px solid color-mix(in srgb, var(--organism-color), #fff4c2 14%);background:radial-gradient(circle at top left, color-mix(in srgb, var(--organism-color), transparent 86%), transparent 44%), #04120c8f;color:var(--text-primary);font-family:var(--font-family);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.scene-choice-emoji{background:#fff4c20f;border-radius:14px 18px;place-items:center;width:42px;height:42px;font-size:1.45rem;display:grid}.scene-choice-content{min-width:0}.scene-choice-content strong,.scene-choice-content small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scene-choice-content strong{font-size:var(--font-size-sm);line-height:1.2}.scene-choice-content small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;font-size:.62rem;font-weight:900}.scene-choice-add{background:color-mix(in srgb, var(--organism-color), #06130d 30%);color:#06130d;width:30px;height:30px;box-shadow:0 0 18px color-mix(in srgb, var(--organism-color), transparent 70%);border-radius:50%;place-items:center;display:grid}.scene-choice-empty{padding:var(--spacing-md);color:#e2ffebcc;font-size:var(--font-size-sm);background:#0000002e;border:1px dashed #fff4c224;border-radius:16px;grid-column:1/-1}.scene-organism.selected .scene-organism-emoji{outline:2px solid #fff4c2d9}.scene-organism.available{opacity:.86}.scene-organism.ameaçado .scene-organism-emoji{border-color:var(--accent-orange);animation:2s infinite pulse-gold}.scene-organism.extinto{filter:grayscale(.7)drop-shadow(0 10px 18px #00000073);opacity:.68}.scene-empty-callout,.scene-fire-warning{right:var(--spacing-xl);top:var(--spacing-xl);z-index:12;max-width:250px;padding:var(--spacing-md) var(--spacing-lg);color:#e2ffebe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-sm);background:#04120cb8;border:1px solid #fff4c229;border-radius:18px;font-weight:700}.scene-fire-warning{align-items:center;gap:var(--spacing-sm);color:#fed7aa;top:var(--spacing-xl);border-color:#f9731657;display:flex;bottom:auto}@keyframes scene-particles{0%{background-position:0 0,0 0,0 0}to{background-position:90px -120px,42px 42px,-42px -42px}}@media (width<=760px){.amazon-scene{min-height:680px}.scene-copy{margin:var(--spacing-md);max-width:none;padding:var(--spacing-md)}.scene-river{left:14%;right:14%}.scene-chain-builder{margin:var(--spacing-md)}.scene-chain-line{min-height:88px}.scene-choice-panel{margin:var(--spacing-md)}.scene-choice-grid{grid-template-columns:1fr;max-height:190px;overflow-y:auto}.scene-empty-callout,.scene-fire-warning{left:var(--spacing-md);right:var(--spacing-md);top:auto;bottom:var(--spacing-md);max-width:none}.scene-organism-label{display:none}}.app{min-height:100vh;transition:background var(--transition-slow);background:radial-gradient(circle at 48% -14%,#4ade8026,#0000 34rem),radial-gradient(circle at 3% 30%,#0891b21f,#0000 30rem),radial-gradient(circle at 92% 18%,#f59e0b12,#0000 24rem),linear-gradient(#06130d 0%,#03100a 100%);position:relative}.app:before{content:"";pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:screen;background-image:radial-gradient(circle,#fff4c28c 0 1px,#0000 1px),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 42px),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 42px);background-size:120px 120px,42px 42px,42px 42px;position:fixed;inset:0}.app.burn-active{background:var(--burn-bg)}.app-header{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:linear-gradient(90deg,#04120ce6,#04120cad),repeating-linear-gradient(0deg,#fff4c20a 0 1px,#0000 1px 8px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:baseline;gap:var(--spacing-md);display:flex}.header-title{font-size:var(--font-size-lg);color:var(--text-primary);text-shadow:0 0 20px #22c55e2e;font-weight:800}.header-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.header-right{align-items:center;gap:var(--spacing-sm);display:flex}.header-crisis-badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d;padding:4px 12px;font-weight:600;animation:2s infinite pulse-red;display:inline-flex}.header-collapse-badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent-orange);background:#f9731626;border:1px solid #f973164d;padding:4px 12px;font-weight:600;display:inline-flex}.app-layout{z-index:1;gap:var(--spacing-xl);padding:var(--spacing-xl);grid-template-columns:minmax(0,1fr) 350px;max-width:1500px;margin:0 auto;display:grid;position:relative}.main-column{min-width:0}.sidebar{gap:var(--spacing-lg);scrollbar-width:thin;flex-direction:column;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow-y:auto}.ecosystem-status{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-top:var(--spacing-lg);display:flex}.ecosystem-status.stable{background:#22c55e0f;border:1px solid #22c55e33}.ecosystem-status.danger{background:#ef44440f;border:1px solid #ef444433}.ecosystem-status .status-icon{flex-shrink:0;font-size:2rem;line-height:1}.ecosystem-status h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);font-weight:700}.ecosystem-status.stable h3{color:var(--accent-green)}.ecosystem-status.danger h3{color:var(--accent-red)}.ecosystem-status p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}@media (width<=900px){.app-layout{padding:var(--spacing-md);grid-template-columns:1fr}.sidebar{max-height:none;position:static}.header-left{flex-direction:column;gap:0}.header-subtitle{display:none}}@media (width<=600px){.app-header{padding:var(--spacing-sm) var(--spacing-md)}.header-title{font-size:var(--font-size-base)}.app-layout{padding:var(--spacing-sm);gap:var(--spacing-md)}}