:root{--bg-blur: rgba(10, 10, 15, .85);--neon-blue: #00f2ff;--neon-red: #ff3c3c;--neon-green: #39ff14;--neon-purple: #bc13fe;--text-main: #e0e0e5;--font-mono: "JetBrains Mono", "Fira Code", monospace}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Inter,system-ui,sans-serif;color:var(--text-main);-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .8s ease}#start-screen.exit{opacity:0;pointer-events:none}.bg-blur-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#00f2ff0d,#000000f2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:-1}.config-card{width:480px;background:#141419b3;border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(0,242,255,.3);padding:50px;border-radius:20px;text-align:center;box-shadow:0 40px 100px #000c;position:relative;overflow:hidden}.logo-area{margin-bottom:40px;position:relative}.logo-orb{width:60px;height:60px;background:var(--neon-blue);border-radius:50%;margin:0 auto 20px;filter:blur(20px);opacity:.5;animation:pulse 4s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.6}}h1{font-size:2.8rem;letter-spacing:15px;text-transform:uppercase;margin:0;color:var(--neon-blue);text-shadow:0 0 40px rgba(0,242,255,.4);font-weight:800}.subtitle{font-size:.8rem;letter-spacing:10px;text-transform:uppercase;opacity:.4;display:block;margin-top:10px}.slider-group{text-align:left;margin-bottom:30px}.slider-header{display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;margin-bottom:12px;opacity:.6;letter-spacing:1.5px}.value-tag{color:var(--neon-blue);font-weight:700;font-family:var(--font-mono)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff08;height:5px;border-radius:5px;outline:none;border:1px solid rgba(255,255,255,.05)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--neon-blue);border-radius:50%;cursor:pointer;box-shadow:0 0 15px var(--neon-blue),inset 0 0 5px #fff;transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn-launch{margin-top:20px;width:100%;padding:22px;background:linear-gradient(90deg,#00f2ff0d,#00f2ff33);border:1px solid rgba(0,242,255,.5);color:var(--neon-blue);text-transform:uppercase;letter-spacing:6px;font-weight:900;cursor:pointer;transition:all .5s cubic-bezier(.2,1,.3,1);border-radius:10px;position:relative;overflow:hidden}.btn-launch:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 50px #00f2ff80;transform:translateY(-2px)}.panel-toggle-btn{position:absolute;width:40px;height:40px;background:var(--bg-blur);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;z-index:2000;transition:all .3s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.panel-toggle-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.panel-toggle-btn.active{background:var(--neon-blue);color:#000;border-color:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue)}.panel-close-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:1rem;padding:5px;border-radius:50%;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.panel-close-btn:hover{background:#ffffff1a;color:#fff}.panel-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-credits{margin-top:40px;opacity:.3}.footer-credits p{font-size:.6rem;text-transform:uppercase;letter-spacing:2px}.ai-chips{display:flex;justify-content:center;gap:15px;margin-top:10px}.ai-chips span{font-size:.55rem;border:1px solid white;padding:2px 8px;border-radius:4px}#dashboard{position:absolute;top:80px;left:20px;width:300px;background:#0f0f19b3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(0,242,255,.3);border-left:0;padding:20px;border-radius:16px;pointer-events:none;z-index:100;opacity:0;transition:opacity .8s;box-shadow:0 20px 60px #0009}#dashboard.visible{opacity:1}.header{font-size:.85rem;letter-spacing:2px;color:var(--neon-blue);text-transform:uppercase;margin-bottom:20px;opacity:.9;display:flex;justify-content:space-between}.metric-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.metric{display:flex;flex-direction:column}.label{font-size:.7rem;text-transform:uppercase;opacity:.5;margin-bottom:6px}.value{font-family:var(--font-mono);font-size:1.15rem;font-weight:500}.histo-bar-container{display:flex;align-items:center;height:14px;margin-bottom:8px}.histo-label{width:60px;font-size:.65rem;opacity:.6}.histo-track{flex-grow:1;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.histo-fill{height:100%;width:0%;background:var(--neon-blue);transition:width .4s ease;box-shadow:0 0 10px var(--neon-blue)}#clock-panel{position:absolute;top:20px;right:20px;background:var(--bg-blur);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 25px;border-radius:6px;border:1px solid rgba(255,255,255,.1);text-align:right;pointer-events:none;opacity:0;transition:opacity .8s}#clock-panel.visible{opacity:1}.time-value{font-family:var(--font-mono);font-size:1rem;color:var(--neon-green)}#inspector{position:absolute;bottom:60px;left:20px;width:320px;background:var(--bg-blur);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-top:4px solid var(--neon-purple);padding:25px;border-radius:8px;display:none;z-index:500;box-shadow:0 20px 50px #000c}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.specimen-tag{background:var(--neon-purple);color:#fff;padding:2px 10px;border-radius:12px;font-size:.65rem;font-weight:700;text-transform:uppercase}.dna-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.gene-slot{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:8px;text-align:center;border-radius:4px}.gene-val{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-blue)}.gene-name{font-size:.55rem;opacity:.5;text-transform:uppercase}.inspector-actions{display:flex;gap:10px}.btn-action{flex-grow:1;padding:10px;border-radius:4px;font-size:.7rem;text-transform:uppercase;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;transition:.2s}.btn-action:hover{background:#ffffff1a}.btn-action.active{background:var(--neon-purple);border-color:var(--neon-purple);color:#000;box-shadow:0 0 15px var(--neon-purple)}#fps-counter{position:absolute;bottom:20px;right:20px;font-family:var(--font-mono);font-size:.8rem;opacity:.4}.info-panel{position:absolute;top:80px;right:20px;width:300px;max-height:calc(100% - 140px);background:#0f0f19b3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.2);border-radius:16px;z-index:1000;transform:translate(calc(100% + 40px));transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:0 20px 60px #0009;pointer-events:auto}.info-panel.open{transform:translate(0)}.panel-content{padding:20px;overflow-y:auto}.panel-content h2{font-size:1rem;color:var(--neon-blue);margin:0;text-transform:uppercase;letter-spacing:2px;font-weight:700}.glossary-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.glossary-item{background:#ffffff08;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.05)}.glossary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:700;font-size:.85rem;text-transform:uppercase}.glossary-header small{opacity:.5;font-size:.65rem}.glossary-bar{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:8px;overflow:hidden}.glossary-fill{height:100%;box-shadow:0 0 10px currentColor}.glossary-desc{font-size:.7rem;opacity:.6;margin:0;line-height:1.3}.chart-container{display:flex;justify-content:center;margin-bottom:30px}.pie-chart{width:150px;height:150px;border-radius:50%;position:relative;box-shadow:0 0 30px #00000080}.pie-center{position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:#0a0a0f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-center span{font-family:var(--font-mono);font-size:1.2rem;font-weight:700}.pie-center small{font-size:.6rem;text-transform:uppercase;opacity:.5}.species-list{display:flex;flex-direction:column;gap:15px}.species-item{padding:12px;background:#ffffff08;border-left:3px solid transparent;border-radius:4px}.species-header{display:flex;justify-content:space-between;margin-bottom:8px}.species-name{font-size:.85rem;font-weight:700}.species-count{font-family:var(--font-mono);font-size:.8rem;opacity:.7}.species-desc{font-size:.75rem;line-height:1.4;opacity:.6;margin:0}#minimap-container{position:absolute;bottom:60px;right:20px;padding:10px;background:var(--bg-blur);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:1000;cursor:pointer;overflow:hidden}#minimap-container canvas{display:block;border-radius:4px}.minimap-label{font-size:.55rem;letter-spacing:2px;text-align:center;margin-top:8px;opacity:.5;text-transform:uppercase}