.comic-panel{background:var(--color-surface);border:3px solid #0a0a0a;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:inset 0 0 0 1px #ffffff26,6px 6px #000}.comic-panel:hover{transform:translate(-3px,-3px);box-shadow:inset 0 0 0 1px #ffffff26,9px 9px #000}.comic-panel-yellow{background:#fcd34d;border:3px solid #0a0a0a;box-shadow:6px 6px #000}.comic-panel-red{background:#ef4444;border:3px solid #0a0a0a;box-shadow:6px 6px #000}.comic-panel-blue{background:#3b82f6;border:3px solid #0a0a0a;box-shadow:6px 6px #000}.halftone{background-image:radial-gradient(#0006 1.5px,#0000 1.5px);background-size:8px 8px}.halftone-red{background-color:#ef4444;background-image:radial-gradient(#0006 1.5px,#0000 1.5px);background-size:8px 8px}.halftone-blue{background-color:#3b82f6;background-image:radial-gradient(#0006 1.5px,#0000 1.5px);background-size:8px 8px}.halftone-yellow{background-color:#fcd34d;background-image:radial-gradient(#00000059 1.5px,#0000 1.5px);background-size:8px 8px}.sfx{font-family:var(--font-display);letter-spacing:-.05em;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-style:italic;font-weight:700;display:inline-block;transform:rotate(-8deg)}.sfx-yellow{color:#fde047}.sfx-red{color:#ef4444}.sfx-blue{color:#60a5fa}.sfx-white{color:#fff}.comic-caption{color:#0a0a0a;font-family:var(--font-display);background:#fcd34d;border:3px solid #0a0a0a;font-weight:600;box-shadow:4px 4px #000}.action-burst{clip-path:polygon(50% 0%,60% 15%,80% 5%,75% 25%,100% 30%,85% 45%,100% 60%,80% 65%,85% 85%,65% 80%,60% 100%,50% 85%,40% 100%,35% 80%,15% 85%,20% 65%,0% 60%,15% 45%,0% 30%,25% 25%,20% 5%,40% 15%);text-align:center;background:#fde047;justify-content:center;align-items:center;display:flex}.comic-bg{background-color:#0a0a0a;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:12px 12px}.action-lines{background-image:repeating-linear-gradient(-45deg,#0006 0 2px,#0000 2px 8px)}.speech-bubble{color:#0a0a0a;font-weight:600;font-family:var(--font-display);background:#fff;border:3px solid #0a0a0a;border-radius:28px;padding:12px 18px;position:relative;box-shadow:4px 4px #000}.speech-bubble:after{content:"";border-top:16px solid #000;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:-16px;left:30px}.speech-bubble:before{content:"";z-index:1;border-top:13px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-11px;left:32px}@keyframes shake-pow{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(-12deg)scale(1.08)}}.sfx-animate{animation:.8s ease-in-out infinite shake-pow}
.crt-flicker{animation:.15s infinite crt-flicker}@keyframes crt-flicker{0%{opacity:1}50%{opacity:.97}to{opacity:1}}.scanlines:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 2px,#00ffc80a 3px,#0000 4px);position:absolute;inset:0}.neon-text{text-shadow:0 0 5px,0 0 10px,0 0 20px,0 0 40px}.arcade-grid{perspective:1000px;transform-origin:bottom;background-image:linear-gradient(#ff00ff26 1px,#0000 1px),linear-gradient(90deg,#00ffff26 1px,#0000 1px);background-position:0 0;background-size:50px 50px;transform:perspective(1000px)rotateX(60deg)translateZ(-200px)translateY(50%)}