.dragon-character{aspect-ratio:1;pointer-events:none;flex-shrink:0;width:min(240px,100%);margin:0 auto;display:block;position:relative}.dragon-character>img,.dragon-canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.dragon-canvas{opacity:0}.dragon-canvas[data-loaded=true]{opacity:1}.dragon-character:has(.dragon-canvas[data-loaded=true])>img{visibility:hidden}.dragon-compact{width:56px;height:56px}.dragon-cup{font-size:30px;position:absolute;bottom:4%;right:0}.dragon-character:has(canvas){pointer-events:auto}.dragon-floating .dragon-canvas{pointer-events:none;width:300%;height:300%;inset:-100%}.dragon-floating canvas{pointer-events:none;width:100%;height:100%}