:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#07121e;color:#dce6f0}#app{display:grid;grid-template-columns:360px 1fr;height:100vh}#panel{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-right:1px solid #16314a;overflow-y:auto}#panel h1{margin:0;font-size:1.4rem;letter-spacing:.04em}.version-tag{margin:0;font-size:.7rem;letter-spacing:.04em;color:#56697d}.version-tag:empty{display:none}.hint{margin:0;font-size:.8rem;color:#7e93a8}label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#7e93a8}select,textarea{width:100%;background:#0c1b2b;color:#dce6f0;border:1px solid #16314a;border-radius:6px;padding:.5rem;font-size:.85rem;text-transform:none;letter-spacing:normal}textarea{flex:1;min-height:280px;font-family:ui-monospace,monospace;resize:vertical;white-space:pre}.controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}button{background:#1c6fb0;color:#fff;border:none;border-radius:6px;padding:.5rem .9rem;font-size:.85rem;cursor:pointer}button:hover{background:#2585d0}.toggle{display:flex;align-items:center;gap:.3rem;text-transform:none;letter-spacing:0;color:#dce6f0;font-size:.85rem;cursor:pointer}.slider{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;color:#dce6f0;font-size:.85rem}.slider input[type=range]{flex:1}.slider span{min-width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}.picker{display:flex;flex-direction:column;gap:.3rem}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .6rem;margin:0;padding:.5rem .6rem;list-style:none;background:#0c1b2b;border:1px solid #16314a;border-radius:6px}.legend li{display:flex;align-items:center;gap:.4rem;min-width:0}.legend-swatch{flex:none;width:.85rem;height:.85rem;border-radius:3px;border:1px solid #16314a}.legend-label{font-size:.78rem;color:#b6c6d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#chemoscan-tooltip{position:absolute;z-index:10;max-width:22rem;padding:.35rem .55rem;background:#0c1b2bee;border:1px solid #16314a;border-radius:6px;color:#d4e2f0;font-size:.78rem;line-height:1.3;overflow-wrap:anywhere;pointer-events:none;box-shadow:0 2px 8px #0006}#errors{background:#2a1116;border:1px solid #7c2233;border-radius:6px;padding:.5rem .6rem;font-size:.8rem;color:#ffb3bd}#errors ul{margin:.3rem 0 0;padding-left:1.1rem}#errors code{color:#ffd9a0}#stage{position:relative;min-width:0}#stage canvas{display:block;width:100%;height:100%}#modes button.active{background:#2585d0;outline:2px solid #5bb0e8}#tank-wand.active{background:#8a5bd0;outline:2px solid #b48ce8}#stage.wand-armed canvas{cursor:crosshair}#explain{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .7rem;background:#0c1b2b;border:1px solid #16314a;border-radius:6px}.explain-title{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#7e93a8;font-weight:600}.explain-caption{margin:0;font-size:.95rem;line-height:1.35;color:#eaf2fb}.explain-size{margin:0;font-size:.82rem;line-height:1.4;color:#b6c6d6}.explain-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.explain-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;font-size:.78rem;border:1px solid #16314a;background:#0a1622;color:#5d7186}.explain-badge.on{border-color:#2f7d4f;background:#102a1b;color:#8fe0ad}.explain-badge.off{border-color:#243345;background:#0a1622;color:#5d7186}.explain-badge-mark{font-weight:700}.explain-parts{margin:0;padding-left:1.1rem;font-size:.82rem;color:#b6c6d6;line-height:1.4}.explain-warnings{margin:0;padding:.4rem .6rem;list-style-position:inside;font-size:.8rem;line-height:1.4;color:#ffd9a0;background:#2a2210;border:1px solid #7c5c22;border-radius:6px}#creature-panel,#tank-panel{display:flex;flex-direction:column;gap:.5rem;min-height:0;flex:1}