/* Character layer only: existing monochrome presentation and app controls stay intact. */
.spark-stage.chia-stage{min-height:285px;justify-content:center;isolation:isolate}.chia-character{position:relative;width:100%;height:285px;max-width:380px;contain:layout paint;pointer-events:none}.chia-canvas{display:block;width:100%;height:100%;pointer-events:none}.chia-static{position:absolute;inset:0;width:100%!important;height:100%;max-width:none!important;animation:none!important;transform:none!important}.chia-state-label{position:absolute;left:0;right:0;bottom:4px;text-align:center;color:#aaa;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;pointer-events:none}.chia-stage>.spark-signature{display:none}.chia-mini-host{position:relative!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px;font-size:0!important;padding:0!important;overflow:hidden}.chia-mini-host .chia-character{position:absolute;inset:0;width:44px;height:44px;max-width:none}.chia-offstage-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chia-character[data-state=error]{opacity:.8}.chia-stage[data-character-fallback=static] .sculpture{animation:none}
@media(min-width:1400px){.spark-stage.chia-stage{min-height:320px}.chia-character{height:320px}}
@media(max-width:560px){.spark-stage.chia-stage{width:126px;height:116px;min-height:116px;top:-14px;right:-4px}.chia-character{height:116px}.chia-state-label{font-size:7px;letter-spacing:.03em;bottom:0}.welcome h1{margin-top:72px}.spark-stage.chia-stage .sculpture{width:126px}.chia-mini-host{width:44px!important;max-width:44px!important}.chia-mini-host .chia-character{width:44px;height:44px}}
@media(max-width:350px){.spark-stage.chia-stage{width:108px;height:102px;min-height:102px;right:-6px}.chia-character{height:102px}.chia-state-label{font-size:6px}.welcome h1{margin-top:66px}}
@media(prefers-reduced-motion:reduce){.chia-character,.chia-canvas{animation:none!important;transition:none!important}}

/* The same Chia gets a meaningful place beside the first input. */
body.encounter .workspace .spark-stage.chia-stage{position:relative;order:-1;inset:auto;width:220px;height:190px;min-height:190px;margin:0 auto 12px;display:block}
body.encounter .workspace .spark-stage .chia-character{height:190px;max-width:none}
body.encounter .workspace .chia-state-label{font-size:8px;letter-spacing:.04em;bottom:0}
body.encounter .workspace .welcome h1{margin-top:0}