@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;700;900&display=swap";:root{--ripple-yellow:#ffde00;--ripple-pink:#ff66a3;--ripple-teal:#00d2d3;--ripple-purple:#8338ec;--ripple-orange:#ff9f1c;--ripple-white:#fff;--ripple-dark:#2b2d42;--font-hero:"Fredoka One", cursive;--font-body:"Nunito", sans-serif;--border-thick:6px solid var(--ripple-dark);--radius-heavy:32px;--radius-medium:16px;--shadow-playful:6px 6px 0px var(--ripple-purple);--shadow-hover:10px 10px 0px var(--ripple-purple)}body{font-family:var(--font-body);background-color:var(--ripple-yellow);background-image:radial-gradient(var(--ripple-orange) 15%, transparent 16%), radial-gradient(var(--ripple-orange) 15%, transparent 16%);color:var(--ripple-dark);background-position:0 0,20px 20px;background-size:40px 40px;min-height:100vh;margin:0}#root{box-sizing:border-box;max-width:1300px;margin:0 auto;padding:40px 20px}.wavy-nav{background:var(--ripple-white);border:var(--border-thick);border-radius:var(--radius-heavy);box-shadow:var(--shadow-playful);justify-content:space-between;align-items:center;margin-bottom:50px;padding:16px 40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:rotate(-2deg)}.wavy-nav:hover{transform:rotate(1deg)scale(1.02)}.wavy-logo{font-family:var(--font-hero);color:var(--ripple-pink);text-shadow:2px 2px 0 var(--ripple-dark);letter-spacing:1px;margin:0;font-size:48px;text-decoration:none}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px;display:grid}.comic-card{background:var(--ripple-white);border:var(--border-thick);border-radius:var(--radius-heavy);box-shadow:var(--shadow-playful);color:inherit;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.comic-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)rotate(-1deg)}.comic-cover{aspect-ratio:1;object-fit:cover;border-bottom:var(--border-thick);background:var(--ripple-teal);width:100%}.comic-info{background:var(--ripple-white);flex-direction:column;flex:1;padding:24px;display:flex}.comic-title{font-family:var(--font-hero);color:var(--ripple-purple);margin:0 0 12px;font-size:30px;line-height:1.2}.comic-synopsis{-webkit-line-clamp:3;line-clamp:3;color:#4a4e69;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.comic-btn{background:var(--ripple-teal);color:var(--ripple-dark);font-family:var(--font-hero);border:var(--border-thick);border-radius:var(--radius-medium);box-shadow:4px 4px 0px var(--ripple-dark);cursor:pointer;text-align:center;margin-top:24px;padding:14px 24px;font-size:22px;text-decoration:none;transition:all .2s;display:inline-block}.comic-btn:hover{background:var(--ripple-pink);color:#fff}.comic-btn:active{box-shadow:1px 1px 0px var(--ripple-dark);transform:translate(3px,3px)}.detail-layout{background:var(--ripple-white);border:var(--border-thick);border-radius:var(--radius-heavy);box-shadow:10px 10px 0 var(--ripple-purple);grid-template-columns:350px 1fr;gap:50px;padding:40px;display:grid}.detail-cover{border:var(--border-thick);border-radius:var(--radius-heavy);width:100%;box-shadow:var(--shadow-playful);background:var(--ripple-pink);transition:transform .3s;transform:rotate(-3deg)}.detail-cover:hover{transform:rotate(2deg)}.detail-body h1{font-family:var(--font-hero);color:var(--ripple-purple);text-shadow:3px 3px 0 var(--ripple-teal);margin:0 0 20px;font-size:64px;line-height:1.1}.detail-body p{background:var(--ripple-yellow);border-radius:var(--radius-medium);border:4px solid var(--ripple-dark);padding:24px;font-size:20px;font-weight:700;line-height:1.6}.release-list-header{font-family:var(--font-hero);color:var(--ripple-pink);text-shadow:2px 2px 0 var(--ripple-dark);margin-top:40px;margin-bottom:20px;font-size:40px}.release-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.release-item{border:4px solid var(--ripple-dark);border-radius:var(--radius-medium);background:var(--ripple-white);box-shadow:4px 4px 0 var(--ripple-dark);justify-content:space-between;align-items:center;padding:20px;transition:transform .2s;display:flex}.release-item:hover{box-shadow:6px 6px 0 var(--ripple-teal);transform:translate(-2px,-2px)}.release-item h3{font-family:var(--font-hero);color:var(--ripple-dark);margin:0;font-size:26px}.release-item .format-pill{background:var(--ripple-dark);color:var(--ripple-white);border-radius:20px;margin-top:8px;padding:6px 14px;font-size:14px;font-weight:900;display:inline-block}.bad-fetch{background:var(--ripple-pink);border:var(--border-thick);border-radius:var(--radius-heavy);box-shadow:var(--shadow-playful);font-family:var(--font-hero);text-align:center;color:var(--ripple-white);text-shadow:2px 2px 0 var(--ripple-dark);padding:50px;font-size:40px}