@import "https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;500;600;700;800;900&family=Great+Vibes&family=Mr+De+Haviland&family=Allura&family=Alex+Brush&family=Pinyon+Script&display=swap";
:root{--color-primary:#f9db1d;--color-secondary:#ff007f;--color-accent:#00f0ff;--color-purple:#7b2cbf;--color-green:#39ff14;--color-orange:#ff5e00;--color-black:#0a0a0a;--color-white:#fff;--color-gray-bg:#f3f4f6;--background:var(--color-white);--foreground:var(--color-black);--font-heading:"Bangers", cursive;--font-body:"Inter", sans-serif;--border-thick:4px solid var(--color-black);--border-medium:2.5px solid var(--color-black);--border-thin:1.5px solid var(--color-black);--shadow-flat:8px 8px 0px var(--color-black);--shadow-flat-sm:4px 4px 0px var(--color-black);--shadow-flat-lg:12px 12px 0px var(--color-black);--transition-bounce:all .2s cubic-bezier(.175, .885, .32, 1.275)}.dark{--background:var(--color-black);--foreground:var(--color-white);--color-gray-bg:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;font-family:var(--font-body);color:var(--foreground);background-color:var(--background);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;line-height:1}a{color:inherit;transition:var(--transition-bounce);text-decoration:none}.bg-halftone-dots{--dot-color:#0a0a0a14;--dot-bg:var(--color-white);--dot-size:3px;--dot-space:18px;background:radial-gradient(circle, var(--dot-color) var(--dot-size), transparent calc(var(--dot-size) + 1px)) 0 0, radial-gradient(circle, var(--dot-color) var(--dot-size), transparent calc(var(--dot-size) + 1px)) calc(var(--dot-space) / 2) calc(var(--dot-space) / 2) var(--dot-bg);background-size:var(--dot-space) var(--dot-space)}.dark .bg-halftone-dots{--dot-color:#ffffff14;--dot-bg:var(--color-black)}.bg-comic-stripes{background:repeating-linear-gradient(-45deg,#0a0a0a0a 0 12px,#0000 12px 24px)}.dark .bg-comic-stripes{background:repeating-linear-gradient(-45deg,#ffffff08 0 12px,#0000 12px 24px)}.comic-card{background:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-flat);transition:var(--transition-bounce);padding:1.5rem;position:relative;overflow:hidden}.comic-card:hover{box-shadow:14px 14px 0px var(--color-black);transform:translate(-6px,-6px)}.comic-card-cyan{background-color:var(--color-accent)}.comic-card-pink{background-color:var(--color-secondary);color:var(--color-white)}.comic-card-yellow{background-color:var(--color-primary)}.comic-btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;background:var(--color-primary);color:var(--color-black);border:var(--border-thick);box-shadow:var(--shadow-flat-sm);cursor:pointer;transition:var(--transition-bounce);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 2rem;font-size:1.6rem;display:inline-flex}.comic-btn:hover{box-shadow:7px 7px 0px var(--color-black);background:var(--color-secondary);color:var(--color-white);transform:translate(-3px,-3px)}.comic-btn:active{box-shadow:0px 0px 0px var(--color-black);transform:translate(0)}.comic-burst{font-family:var(--font-heading);text-transform:uppercase;background:var(--color-secondary);color:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-flat-sm);-webkit-user-select:none;user-select:none;padding:.4rem 1rem;font-size:1.6rem;animation:4s ease-in-out infinite wiggle;display:inline-block;transform:rotate(-8deg)}@keyframes wiggle{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(-12deg)scale(1.08)}}.speech-bubble{background:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-flat-sm);padding:1.5rem;position:relative}.speech-bubble:after{content:"";border-style:solid;border-width:20px 20px 0 0;border-color:var(--color-white) transparent transparent transparent;width:0;height:0;position:absolute;bottom:-20px;left:30px}.speech-bubble:before{content:"";border-style:solid;border-width:22px 22px 0 0;border-color:var(--color-black) transparent transparent transparent;z-index:-1;width:0;height:0;position:absolute;bottom:-25px;left:28px}.smooth-scroller{height:100%;overflow:hidden auto}@keyframes float{0%,to{transform:translateY(0) rotate(var(--base-rotation,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--base-rotation,0deg) + 3deg))}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filler-element{pointer-events:none;z-index:1;position:absolute}.float-anim{animation:5s ease-in-out infinite float}.spin-slow-anim{animation:20s linear infinite spinSlow}.sound-effect-sticker{font-family:var(--font-heading);color:var(--color-secondary);background-color:var(--color-white);border:var(--border-medium);box-shadow:var(--shadow-flat-sm);text-transform:uppercase;letter-spacing:.05em;transform:rotate(var(--base-rotation,-5deg));z-index:5;-webkit-user-select:none;user-select:none;border-radius:4px;padding:.3rem .8rem;font-size:clamp(1.4rem,3vw,2.2rem);display:inline-block}@media (max-width:768px){:root{--border-thick:2.5px solid var(--color-black);--border-medium:1.8px solid var(--color-black);--border-thin:1.2px solid var(--color-black);--shadow-flat:4px 4px 0px var(--color-black);--shadow-flat-sm:2px 2px 0px var(--color-black);--shadow-flat-lg:6px 6px 0px var(--color-black)}.filler-element{display:none!important}}