:root{--bg:#0b1020;--panel:#0d1224b8;--panel-border:#7dd3fc24;--text:#e6ebf5;--muted:#8b95b3;--accent:#7dd3fc;--accent-2:#f9a8d4;--track:#ffffff1a;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}.app{background:linear-gradient(#080c18 0%,#0b1020 45%,#161e3a 100%);width:100%;height:100%;position:relative}.brand{z-index:2;pointer-events:none;position:absolute;top:20px;left:24px}.brand h1{letter-spacing:-.02em;background:linear-gradient(90deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:700}.brand p{color:var(--muted);margin:2px 0 0;font-size:13px}.hud{z-index:2;pointer-events:none;gap:14px;display:flex;position:absolute;bottom:22px;left:24px}.hud-stat{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:110px;padding:10px 14px}.hud-stat span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;display:block}.hud-stat b{font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:650;display:block}.hud-stat b small{color:var(--muted);font-size:12px;font-weight:500}.panel{z-index:3;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;gap:12px;width:340px;padding:16px;transition:transform .25s,opacity .25s;display:flex;position:absolute;top:20px;bottom:20px;right:20px;overflow-y:auto}.panel-closed{opacity:0;pointer-events:none;transform:translate(380px)}.panel-toggle{z-index:4;border:1px solid var(--panel-border);background:var(--panel);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:50%;font-size:16px;line-height:1;transition:right .25s;position:absolute;top:28px;right:372px}.panel-closed+.panel-toggle{right:20px}.panel-toggle:has(+.panel-closed){right:20px}.panel>*{flex:none}.controls-row{gap:8px;display:flex}.btn{border:1px solid var(--panel-border);color:var(--text);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:10px;flex:1;padding:10px 14px;font-weight:600;transition:background .15s,transform 50ms}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border-color:#0000;flex:2}.btn.primary:hover{filter:brightness(1.1)}.btn.small{flex:none;padding:6px 10px;font-size:12px}.chart{cursor:crosshair;background:#00000038;border-radius:10px;flex:none;width:100%;height:auto}.chart-grid{stroke:#ffffff12;stroke-width:1px}.chart-tick{fill:var(--muted);font-size:8px}.chart-empty{fill:var(--muted);font-size:9px}.chart-best{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linejoin:round}.chart-mean{fill:none;stroke:var(--accent-2);stroke-width:1.1px;stroke-dasharray:3 2;opacity:.8}.chart-cursor{stroke:#fff;stroke-width:1px;stroke-dasharray:2 2;opacity:.7}.band-wrap .slider-label{margin-bottom:4px}.band{background:#00000038;border-radius:8px;width:100%;height:auto;display:block}.timeline-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.chip{border:1px solid var(--panel-border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:3px 9px;font-size:11px}.chip-on{color:var(--accent);border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);height:22px}.creature-card{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.swatch{border-radius:8px;flex:none;width:28px;height:28px;box-shadow:0 0 18px #ffffff26}.creature-card>div:nth-child(2){flex:1;min-width:0}.card-title{font-size:13px;font-weight:600}.card-meta{color:var(--muted);margin-top:2px;font-size:11.5px;line-height:1.45}.segmented-wrap .slider-label{margin-bottom:5px}.blurb{opacity:.8;text-align:right;max-width:62%;font-size:11px}.segmented{border:1px solid var(--panel-border);background:#00000040;border-radius:10px;gap:4px;padding:3px;display:flex}.seg{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:6px 4px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.seg:hover{color:var(--text)}.seg-on{color:var(--accent);background:#7dd3fc2e}.tip{color:var(--muted);background:#fbbf2414;border:1px solid #fbbf2440;border-radius:8px;margin:-4px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.45}.sliders{flex-direction:column;gap:8px;display:flex}.slider{display:block}.slider-label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.slider-label b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.check{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.check input{accent-color:var(--accent)}.about{color:var(--muted);font-size:12px;line-height:1.5}.about summary{cursor:pointer;color:var(--text);align-items:center;gap:6px;font-size:12.5px;font-weight:600;list-style:none;display:flex}.about summary:before{content:"";border-left:5px solid var(--accent);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;transition:transform .15s}.about[open] summary:before{transform:rotate(90deg)}.about p{margin:8px 0 0}.panel-foot{color:var(--muted);margin-top:auto;font-size:11px;line-height:1.5}.hint{opacity:.7}.tag{color:#c9d2ea;white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:#080c18b8;border:1px solid #ffffff1a;border-radius:999px;align-items:baseline;gap:6px;padding:3px 8px;font-size:12px;display:flex;transform:translateY(-4px)}.tag b{color:var(--accent);font-weight:700}.tag-lead{border-color:#7dd3fc80}.marker{color:#6f7ea8;white-space:nowrap;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:11px}@media (max-width:760px){.brand h1{font-size:22px}.hud{gap:8px;bottom:12px;left:12px}.hud-stat{min-width:0;padding:8px 10px}.hud-stat b{font-size:16px}.panel{width:auto;max-height:46vh;padding:12px;inset:auto 12px 76px}.panel-closed{transform:translateY(120%)}.panel-toggle{top:24px;right:16px}.panel-toggle:has(+.panel-closed){right:16px}}