#episode-card{position:relative;isolation:isolate;display:grid;align-content:center;justify-items:center;gap:clamp(12px,3vh,26px);width:100%;min-height:100svh;margin:0;padding:62px 18px 84px;overflow:hidden;border:0;border-radius:0;box-shadow:none;color:#203563;text-align:center;background-color:#fff8d9;background-image:linear-gradient(154deg,#57d6ce 0 12%,white 12% 13%,transparent 13% 85%,#ff96b2 85% 86%,#fa668e 86%),linear-gradient(#efdca580 1px,transparent 1px),linear-gradient(90deg,#efdca580 1px,transparent 1px);background-size:auto,20px 20px,20px 20px}
#episode-card[hidden]{display:none}
.episode-number{display:inline-block;transform:rotate(-6deg);padding:3px 19px;border:2px solid #203563;border-radius:4px;background:#ffe358;box-shadow:3px 3px #203563;font:900 17px/1.5 system-ui}
.episode-lead{font:800 clamp(16px,4.7vw,28px)/1.45 system-ui;transform:rotate(-2deg)}
#episode-card strong{display:grid;justify-items:center;gap:3px;transform:rotate(-3deg);font:1000 clamp(24px,min(8.4vw,10vh),60px)/1.3 system-ui;letter-spacing:-.05em;color:#17476c;text-shadow:2px 2px white,4px 4px #6ddcd5}
#episode-card strong i{font:inherit;color:#e33171;font-size:1.35em;text-shadow:2px 2px white,4px 4px #ffc64f}
.episode-next{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));background:#fff;padding:8px 18px;border:2px solid #203563;border-radius:20px;font:800 13px/1.5 system-ui}
.episode-doodles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
@keyframes episode-pop{from{opacity:0;transform:translateY(12px) scale(.91) rotate(-5deg)}75%{transform:translateY(-2px) scale(1.035) rotate(-2deg)}}
@media(prefers-reduced-motion:no-preference){#episode-card strong{animation:episode-pop .48s ease-out both}}