.pj{--accent:#f0885a}.pj-stage{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.pj-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.pj-fire{border-color:#f0885a8c;color:#ffb28a}.pj-fire:hover{border-color:#f0885a}.pj-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 18px;margin-top:12px}.pj-row{display:flex;align-items:center;gap:10px;font:600 12.5px/1.3 var(--font-sans);color:var(--dim)}.pj-row span{flex:none;width:88px}.pj-row b{flex:none;width:74px;text-align:right;font:700 12.5px/1 var(--font-mono);color:var(--accent)}.pj-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:22px}.pj-row.off{opacity:.38;pointer-events:none}.pj-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.pj-facts>div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid var(--line);border-radius:10px}.pj-facts label{font:600 10px/1.2 var(--font-sans);color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.pj-facts b{font:800 16px/1.2 var(--font-mono);color:var(--accent)}.pj-facts small{font:600 10.5px var(--font-sans);color:var(--faint)}.pj-formula{margin:10px 0 0;font:600 12px/1.7 var(--font-mono);color:var(--dim);white-space:pre-wrap}