F2U popout container w/ dialog

HELLO I'VE MADE A CODE FOR I ESCAPED WEBDESIGN SCHOOL BASEMENT BUT I THINK ITS FUN AND NOW I'M MOVING ON TO TOYHOUSE ADDICTION!! IT WILL JUST BE A SIDE HOBBY I MIGHT DO FROM TIME TO TIME, I'LL STILL MAKE ADOPTS REAL
Art credits to Soulk-ll who I comissioned back then for this cute silly chibi!

• Responsive / Mobile friendly
• Can be used in Safehou-se (a code-filler, the preview is off center but works perfectly fine in th tho!
• Simple version, version with dialog and multiple dialogs
• A guide for adding CSS hover animation for premium users who want to add more to it!

Not much rules ^^ can be used on you own layouts without credit, just do not redistribute it with bad intent (?) yesyes yipee!
If you have any questions, feel free to ask, if its something wrong with the code, ill try to fix it, if you have any problems with it you can add a toggle spoiler w/ it and I might help fix, I am kinda amateur-ish so pray to god I figure it out LOL

SIMPLE VERSION

CLICK ON HIM TO TRIGGER A DIALOG BOX!!

CLICK ON HIM TO TRIGGER A DIALOG BOX WITH MULTIPLE DIALOGS!!

Thanks for checking this out! I have a couple of things I want to make in code such as an animate.css toyhouse version (animation classes) for an animation @keyframe masterlist that you can import to use on your CSS and an RPGmaker room with interactable environment (point & click) . Maybe I'll do them if I have time or if you guys want to see it you can comment 👀 (ping list might be available eye) or if this gets 50+ favorites yipee :D