.comic-panel{background-color:#fff;border:4px solid #000;box-shadow:10px 10px 0 #000;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.comic-panel:hover{transform:translate(-5px,-5px) scale(1.02);box-shadow:15px 15px 0 #000;z-index:10}.comic-panel:nth-child(odd){transform:rotate(-1deg)}.comic-panel:nth-child(2n){transform:rotate(1deg)}.comic-panel:nth-child(odd):hover{transform:rotate(-1deg) translate(-5px,-5px) scale(1.02)}.comic-panel:nth-child(2n):hover{transform:rotate(1deg) translate(-5px,-5px) scale(1.02)}.comic-setting-box{background-color:#ff5252;border:3px solid #000;box-shadow:5px 5px 0 #000;padding:10px 20px;display:inline-block;transform:rotate(-2deg);margin-bottom:2rem}.comic-badge{border:2px solid #000;box-shadow:2px 2px 0 #000}.comic-cover{background-color:#fff;border:4px solid #000;box-shadow:10px 10px 0 #000;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;aspect-ratio:2/3;display:flex;flex-direction:column;cursor:pointer}.comic-cover:hover{transform:translate(-5px,-5px) scale(1.02);box-shadow:15px 15px 0 #000;z-index:10}.comic-cover-image{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}