@media layer(base){.comic-panel{position:absolute;background-color:white;transition:transform .3s ease;overflow:hidden}.comic-panel:hover{transform:scale(1.02);z-index:10;box-shadow:0 10px 25px rgba(0,0,0,.2)}.title-panel{background-image:linear-gradient(90deg,#4a5568,#2d3748);color:white;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;position:relative;overflow:hidden}.speech-bubble{position:absolute;background-color:white;border:2px solid black;border-radius:15px;padding:10px;max-width:80%;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:2}.speech-bubble.pointy:after{content:"";position:absolute;bottom:-10px;left:50%;width:0;height:0;border:10px solid transparent;border-top-color:black;border-bottom:0;margin-left:-10px}.speech-bubble.cloud{border-radius:30px}.speech-bubble.rounded-sm:after{content:"";position:absolute;bottom:-12px;left:50%;width:20px;height:20px;transform:translateX(-50%) rotate(45deg);background:white;border-right:2px solid black;border-bottom:2px solid black}.comic-container{position:relative;width:100%;margin:0 auto;min-height:600px}@media (max-width:768px){.speech-bubble{font-size:14px;padding:5px}}}