.as-panel{background:var(--sim-bg);color:var(--sim-ink);border-radius:var(--radius);margin:20px 0;padding:12px}.as-panel svg{touch-action:manipulation;user-select:none;width:100%;height:auto;display:block}.as-panel text{font-family:var(--font)}.as-panel .sim-btn{color:var(--sim-ink);background:#16212f;border-color:#33445a;min-height:40px;font-size:14.5px}.as-panel .sim-btn:disabled{opacity:.45;cursor:default}.as-panel .sim-btn[aria-pressed=true],.as-panel .sim-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.as-panel .sim-btn[data-done]:not([aria-pressed=true]){border-color:#3f9d5a}.as-row{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.as-row+.as-row,.as-row+.as-slider,.as-slider+.as-row{margin-top:8px}.as-label{color:var(--sim-dim);font-size:13.5px}.as-caption{margin:8px 0 0;font-size:15.5px;line-height:1.55}.as-note{color:var(--sim-dim);margin:6px 0 0;font-size:13px}.as-slider{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.as-slider label{color:var(--sim-dim);justify-content:space-between;gap:8px;font-size:14px;display:flex}.as-slider label b{color:var(--sim-ink)}.as-slider input[type=range]{accent-color:#ffb454;width:100%;height:40px;margin:0}.as-tex{max-width:100%;padding:4px 0;font-size:15px;overflow:auto hidden}.as-tex .katex{color:var(--sim-ink)}.as-badge{color:#ffd98a;background:#2b2412;border:1px solid #6b5a2a;border-radius:999px;margin-right:6px;padding:1px 9px;font-size:12.5px;display:inline-block}.as-good{color:#6fdc8c}.as-bad{color:#ff8a8a}.as-warm{color:#ffd79a}.as-panel .t{fill:var(--sim-ink);font-size:20px}.as-panel .t.mid{text-anchor:middle}.as-panel .t.end{text-anchor:end}.as-panel .t.small{font-size:18px}.as-panel .t.big{font-size:24px;font-weight:700}.as-panel .t.dim{fill:var(--sim-dim)}.as-panel .t.warm{fill:#ffd79a}.as-panel .t.good{fill:#6fdc8c}.as-panel .t.bad{fill:#ff8a8a}.as-yellow{transition:opacity var(--dur,3s) ease-out}.as-bubble{animation:1.4s ease-in infinite as-rise}.as-fume{animation:2.4s ease-out infinite as-fume}.as-panel[data-paused] .as-bubble,.as-panel[data-paused] .as-fume,.as-panel[data-paused] .as-flow{animation-play-state:paused}.as-panel[data-reduced] .as-yellow{transition:none}.as-panel[data-reduced] .as-bubble,.as-panel[data-reduced] .as-fume,.as-panel[data-reduced] .as-flow{animation:none}@keyframes as-rise{0%{opacity:0;transform:translateY(16px)}30%{opacity:.9}to{opacity:0;transform:translateY(-34px)}}@keyframes as-fume{0%{opacity:.8;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-40px)scale(1.4)}}.as-flow{stroke-dasharray:10 8;animation:1s linear infinite as-dash}@keyframes as-dash{to{stroke-dashoffset:-18px}}.as-pop{animation:.5s ease-out both as-pop}.as-panel[data-reduced] .as-pop{animation:none}@keyframes as-pop{0%{opacity:0;transform:scale(.6)}}.as-forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}@media (width>=640px){.as-forms{grid-template-columns:repeat(4,minmax(0,1fr))}.as-forms.three{grid-template-columns:repeat(3,minmax(0,1fr))}}.as-form{background:#142033;border:2px solid #26364c;border-radius:12px;min-width:0;padding:4px}.as-form[data-key=good]{background:#13281d;border-color:#3f9d5a}.as-form[data-key=bad]{background:#2b1717;border-color:#c45050}.as-form[data-key=extra]{background:#13281d;border-style:dashed;border-color:#3f9d5a}.as-tally{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.as-tally div{background:#16212f;border:1px solid #2a3a50;border-radius:10px;min-width:0;padding:6px 8px;font-size:14px}.as-tally b{font-size:15px;display:block}.as-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:10px;display:grid}.as-cell{text-align:left;min-height:112px;color:var(--sim-ink);font:inherit;cursor:pointer;background:#142033;border:2px dashed #33445a;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.as-cell:hover,.as-cell[data-armed]{border-color:var(--accent)}.as-cell h4{color:var(--sim-dim);margin:0;font-size:13.5px;font-weight:600;line-height:1.35}.as-chips{flex-wrap:wrap;gap:5px;display:flex}.as-chip{background:#22324a;border:1px solid #3d5576;border-radius:8px;align-items:center;min-height:32px;padding:0 9px;font-size:15px;display:inline-flex}.as-chip.op{background:#183626;border-color:#3f9d5a}.as-chip.m{background:#3a1c1c;border-color:#c45050}.as-chip.hal{background:#3a3216;border-color:#b99a3a}.as-axis{color:var(--sim-dim);text-align:center;font-size:12.5px}.as-bars{gap:5px;margin-top:8px;display:grid}.as-bar-row{grid-template-columns:74px minmax(0,1fr) 64px;align-items:center;gap:8px;font-size:14px;display:grid}.as-bar-track{background:#1c2838;border-radius:8px;height:16px;overflow:hidden}.as-bar{background:linear-gradient(90deg,#ffb454,#ff7a59);border-radius:8px;height:100%;transition:width .6s ease-out;display:block}.as-panel[data-reduced] .as-bar{transition:none}.as-bar-val{text-align:right;font-variant-numeric:tabular-nums}.el-tabs{margin-bottom:10px}.el-bench{margin:0}.el-h{margin:4px 0 8px;font-size:15.5px}.el-h:not(:first-child){margin-top:14px}.el-reagents{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.el-reagents .sim-btn{text-align:left;justify-content:flex-start;padding:6px 10px;line-height:1.25}.el-ghs{margin-top:8px}.el-bench>svg{max-width:680px;margin:10px auto 0}.el-result{margin-top:4px}.el-products{margin:6px 0 0;padding-left:20px;font-size:15.5px;line-height:1.5}.el-box{background:#142033;border:1px solid #26364c;border-radius:12px;margin-top:10px;padding:8px 10px}.el-box h4{margin:0 0 4px;font-size:14.5px;font-weight:600}.el-rate{background:linear-gradient(90deg,#6b2b2b,#2a3a50 61%,#23553a);border-radius:7px;height:14px;margin:10px 8px 2px;position:relative}.el-rate-zero{background:var(--sim-ink);width:2px;height:22px;position:absolute;top:-4px}.el-rate-dot{border:2px solid #0e1726;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%}.el-rate-ends{color:var(--sim-dim);justify-content:space-between;margin:0 2px;font-size:12.5px;display:flex}.el-rank{margin:10px 0 6px;padding-left:24px;font-size:15.5px;line-height:1.7}.el-bottom{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px;display:grid}@media (width>=900px){.el-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
