:root{--bg: #050508;--ink: #e8e2d6;--muted: #8a8478;--accent: #c4a35a;--panel: rgba(8, 8, 12, .72);--line: rgba(232, 226, 214, .12);--font-display: "Cormorant Garamond", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-mono);overflow:hidden}#app{position:relative;width:100vw;height:100vh}#stage{display:block;width:100%;height:100%;background:radial-gradient(ellipse 160% 100% at 50% 120%,rgba(16,16,24,.55) 0%,transparent 72%),#050508}.brand{position:absolute;top:1.25rem;left:1.5rem;z-index:2;pointer-events:none;animation:brandIn 1.2s ease-out both}.brand h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:.04em;line-height:.95;color:var(--ink);text-shadow:0 0 40px rgba(196,163,90,.25)}.brand p{margin:.35rem 0 0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hud[hidden]{display:none}.hud{position:absolute;right:1rem;bottom:1rem;z-index:2;width:min(360px,calc(100vw - 2rem));padding:.85rem 1rem;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:.55rem;animation:hudIn 1s .2s ease-out both}.hud-tools{display:flex;justify-content:flex-end}.hud-tools button,.hud-show{border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .55rem;cursor:pointer}.hud-tools button:hover,.hud-show:hover{border-color:var(--accent);color:var(--accent)}.hud-show{position:absolute;right:1rem;bottom:1rem;z-index:2;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud label{display:grid;grid-template-columns:118px 1fr auto;gap:.45rem;align-items:center;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hud label.seek{grid-template-columns:118px 1fr}.hud label.seek #timeLabel{grid-column:2;justify-self:end;font-size:.65rem;color:var(--ink)}.baked{position:relative;display:grid;grid-template-columns:118px 1fr;gap:.45rem;align-items:center}.baked-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#bakedToggle{width:100%;text-align:left;background:transparent;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:.68rem;letter-spacing:.02em;text-transform:none;padding:.35rem .4rem;cursor:pointer}.baked-menu{position:absolute;right:0;left:auto;width:min(520px,calc(100vw - 2rem));bottom:calc(100% + .35rem);max-height:calc(100dvh - 6rem);overflow:auto;padding:.75rem .8rem .9rem;background:#08080cf0;border:1px solid var(--line);box-shadow:0 12px 40px #00000059}.baked-back{display:block;margin:0 0 .45rem;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.baked-back:hover{color:var(--accent)}.baked-level+.baked-level{margin-top:.75rem}.baked-level h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.02em;text-transform:none;color:var(--accent)}.baked-level ul{list-style:none;margin:.25rem 0 0;padding:0}.baked-level li button{width:100%;text-align:left;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.68rem;letter-spacing:.02em;line-height:1.35;text-transform:none;white-space:normal;padding:.28rem .2rem;cursor:pointer}.baked-level li button em{font-style:italic;color:var(--muted)}.baked-level li button:hover,.baked-level li button.is-selected{color:var(--accent)}#bakedToggle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.baked-composer+.baked-composer{margin-top:.85rem}.baked-composer h2,.baked-work h3{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--ink)}.baked-composer h2{font-size:1.15rem}.baked-work{margin:.45rem 0 .2rem .15rem}.baked-work h3{font-size:.95rem;color:var(--accent)}.baked-work ul{list-style:none;margin:.2rem 0 .35rem;padding:0 0 0 .35rem}.baked-work li button{width:100%;text-align:left;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.68rem;letter-spacing:.03em;padding:.22rem .2rem;cursor:pointer}.baked-work li button:hover:not(:disabled){color:var(--accent)}.baked-work li button:disabled{color:var(--muted);opacity:.45;cursor:default}.hud select,.hud input[type=number],.hud input[type=file]{width:100%;background:transparent;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:.7rem;padding:.25rem .35rem}.hud input[type=range]{width:100%;accent-color:var(--accent)}.hud input[type=checkbox]{justify-self:start;width:auto;accent-color:var(--accent)}.hud label.entropy{grid-template-columns:118px 1fr}.param-row{position:relative;display:grid;grid-template-columns:118px 1fr;gap:.45rem;align-items:center;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.param-row>button{width:100%;text-align:left;font-family:inherit;font-size:.68rem;letter-spacing:.04em;text-transform:none;color:var(--ink);background:transparent;border:1px solid var(--line);padding:.28rem .4rem;cursor:pointer}.param-row>button:hover{border-color:var(--accent);color:var(--accent)}#juliaParams,#fissionParams,#cohesionParams{display:grid;gap:.55rem}#juliaParams[hidden],#fissionParams[hidden],#cohesionParams[hidden]{display:none}.param-drop{position:absolute;left:auto;right:calc(100% + .45rem);bottom:0;width:220px;z-index:6;padding:.45rem .6rem;background:#08080cf0;border:1px solid var(--line);box-shadow:0 12px 40px #00000059}.param-drop[hidden]{display:none}.param-drop label{display:flex;grid-template-columns:none;gap:.45rem;align-items:center;text-transform:none;letter-spacing:.03em;color:var(--ink);padding:.18rem 0;cursor:pointer}.controls{display:flex;gap:.4rem}.controls button{flex:1;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .3rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.controls button:hover{border-color:var(--accent);color:var(--accent);background:#c4a35a14}.status{margin:0;font-size:.65rem;color:var(--muted);line-height:1.4}.status.is-loading{color:var(--accent)}@keyframes brandIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wind-row{position:relative;display:grid;grid-template-columns:118px auto 1fr;gap:.45rem;align-items:center;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.wind-row>button,.wind-panel button{font-family:inherit;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line);padding:.28rem .55rem;cursor:pointer}.wind-row>button:hover,.wind-panel button:hover{border-color:var(--accent);color:var(--accent)}#windReadout{justify-self:end;text-align:right;color:var(--ink);letter-spacing:.04em}.wind-panel{position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:6;padding:.55rem;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wind-panel[hidden]{display:none}.wind-panel form{display:flex;gap:.35rem;align-items:center}.wind-panel.is-loading form,.wind-panel.is-loading .wind-msg{display:none}.wind-panel input{flex:1;min-width:0;background:transparent;color:var(--ink);border:1px solid var(--line);font-family:inherit;font-size:.75rem;letter-spacing:.04em;padding:.28rem .4rem}.wind-msg{margin:.4rem 0 0;min-height:.9rem;color:var(--accent);letter-spacing:.04em}.wind-load{display:flex;justify-content:center;gap:.4rem;height:1.4rem;align-items:flex-end}.wind-load[hidden]{display:none}.wind-load span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:windBounce .7s ease-in-out infinite}.wind-load span:nth-child(2){animation-delay:.12s}.wind-load span:nth-child(3){animation-delay:.24s}@keyframes windBounce{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-8px);opacity:1}}@keyframes hudIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.brand{top:.75rem;left:.85rem}.hud{right:.5rem;left:.5rem;width:auto;bottom:.5rem}.hud label{grid-template-columns:72px 1fr auto}.hud label.entropy,.param-row{grid-template-columns:72px 1fr}.param-drop{left:calc(72px + .45rem);right:0;bottom:calc(100% + .35rem);width:auto}.wind-row{grid-template-columns:72px auto 1fr}.baked{grid-template-columns:72px 1fr}}
