:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif}body{margin:0;background:radial-gradient(circle at top,rgba(87,208,255,.08),transparent 42%),linear-gradient(180deg,#050914,#09111d);color:#eef4ff}*{box-sizing:border-box}button,input{font:inherit}.genetic-page{width:100%}.genetic-page--standalone{min-height:100vh;padding:28px}.genetic-shell{display:grid;gap:22px}.genetic-shell__intro,.genetic-card{border-radius:28px;border:1px solid rgba(121,158,219,.18);background:#0d182ad6;box-shadow:0 22px 42px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.genetic-shell__intro{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) auto;padding:28px;align-items:end}.genetic-shell__eyebrow,.genetic-section-label{display:block;margin-bottom:10px;color:#72cfff;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.genetic-shell__intro h1,.genetic-controls__intro h2,.genetic-scene__header h2{margin:0}.genetic-shell__intro h1{font-size:clamp(2.3rem,6vw,4rem);line-height:.94}.genetic-shell__intro p,.genetic-controls__intro p{margin:14px 0 0;max-width:42rem;color:#b6c5df;line-height:1.6}.genetic-shell__intro-stats{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(132px,1fr))}.genetic-stat{padding:14px 16px;border-radius:20px;background:#08101d9e;border:1px solid rgba(121,158,219,.14)}.genetic-stat span{display:block;color:#9fb1cf;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.genetic-stat strong{font-size:1.15rem}.genetic-shell__layout{display:grid;gap:22px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:start}.genetic-card{padding:24px}.genetic-card--scene{display:grid;gap:18px}.genetic-scene__header{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.genetic-chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.genetic-chip{padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(121,158,219,.16);color:#c7d8f5}.genetic-chip--paused{background:#ffb84c1f;border-color:#ffb84c47;color:#ffd9a4}.genetic-chip--accent{background:#ffb84c2e;border-color:#ffb84c57;color:#ffe2b4}.genetic-scene{border-radius:24px;overflow:hidden;border:1px solid rgba(121,158,219,.16);background:linear-gradient(180deg,#08101de6,#060c18f2)}.genetic-scene svg{display:block;width:100%;height:auto;aspect-ratio:760 / 460}.genetic-scene__backdrop{fill:#060d18f5}.genetic-scene__bounds{fill:#09111eb8;stroke:#799edb33;stroke-width:2}.genetic-scene__wind-panel{fill:#070f1ccc;stroke:#799edb2e;stroke-width:1.5}.genetic-scene__wind-label,.genetic-scene__wind-value{fill:#cfe8ff;font-size:12px;font-weight:600}.genetic-scene__wind-label{text-transform:uppercase;letter-spacing:.14em;fill:#8fdfff}.genetic-scene__wind-value{fill:#b9c9e6}.genetic-scene__wind-vector{stroke:#aef7e5;stroke-width:2.5;stroke-linecap:round;opacity:.92}.genetic-scene__ghost{stroke:#87d9ffa6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.genetic-scene__best-path{stroke:#ffbf64f5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.genetic-scene__target-halo{fill:#54f2b429;cursor:grab;touch-action:none}.genetic-scene__target{stroke:#eafff7e6;stroke-width:2;cursor:grab;touch-action:none}.genetic-scene__target-drag-icon{pointer-events:auto;cursor:grab;touch-action:none;stroke:#152644eb;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:#152644eb;opacity:.92}.genetic-scene__launcher{fill:#76a0eb47;stroke:#96bcffb8;stroke-width:2}.genetic-scene__velocity{stroke:#7fd7ff;stroke-width:2.5;stroke-linecap:round;opacity:.95}.genetic-scene__velocity-label{fill:#d9f5ff;font-size:15px;font-weight:700;paint-order:stroke;stroke:#050914e6;stroke-width:4px;stroke-linejoin:round}.genetic-scene__ball{fill:#fff5e6;stroke:#ffb754bf;stroke-width:2}.genetic-actions{display:flex;flex-wrap:wrap;gap:12px}.genetic-button{padding:.9rem 1.1rem;border-radius:999px;border:1px solid rgba(121,158,219,.18);background:#ffffff0a;color:#eef4ff;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.genetic-button:hover,.genetic-button:focus-visible{transform:translateY(-1px);background:#57d0ff1f;border-color:#57d0ff47}.genetic-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.genetic-button--secondary{background:linear-gradient(135deg,#ffb84cf5,#ff7838f5);color:#16243b;border-color:#ffb84c5c}.genetic-button--secondary:hover,.genetic-button--secondary:focus-visible{background:linear-gradient(135deg,#ffb84c,#ff7838);border-color:#ffb84c6b;color:#f6fbff}.genetic-card--controls{display:grid;gap:18px}.genetic-controls{display:grid;gap:14px}.genetic-controls__reset{justify-self:start;margin-top:4px}.genetic-slider{display:grid;gap:10px;padding:14px 16px;border-radius:20px;background:#08101da3;border:1px solid rgba(121,158,219,.14)}.genetic-slider div{display:flex;justify-content:space-between;align-items:center;gap:18px}.genetic-slider span{color:#ccd9f0}.genetic-slider strong{color:#7fd7ff}.genetic-slider input{width:100%;accent-color:#7fd7ff}@media(max-width:1080px){.genetic-shell__intro,.genetic-shell__layout,.genetic-scene__header{grid-template-columns:1fr}.genetic-chip-row{justify-content:flex-start}}@media(max-width:720px){.genetic-page--standalone{padding:16px}.genetic-shell__intro,.genetic-card{padding:18px}.genetic-shell__intro-stats{grid-template-columns:1fr 1fr}}
