/* 
  RAP-TV TEMPLATE CSS 
  Estética analógica 90s - UHF Pirate Station
  Liner Notes: "The soul of the machine. Phosphor, noise, and golden era grit."
*/

@import url('https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap');

.tv-wrapper[data-template="RapTV"] {
  --bg: #0a0007;
  --neon-red: #FF2D55;
  --neon-yellow: #D4FF00;
  --neon-cyan: #00FFFF;
  --tv-bezel: #1a1015;
  --tv-bezel-light: #2d1f27;
  --screen-glow: rgba(0,255,255,0.08);
  --phosphor: #00ff88;
  --panel: #110a0e;
  --border: #2d1f27;
  --border-active: #3d2f37;
}

/* CRT Effects overlay */
.tv-wrapper[data-template="RapTV"] .crt-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 10;
}

/* Scanlines */
.tv-wrapper[data-template="RapTV"] .crt-overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0,0,0,0.15) 2px,
        rgba(0,0,0,0.15) 4px
    );
    z-index: 2;
}

/* Screen curvature vignette */
.tv-wrapper[data-template="RapTV"] .crt-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse at center,
        transparent 60%,
        rgba(0,0,0,0.7) 100%
    );
    z-index: 3;
}

/* RGB aberration */
.tv-wrapper[data-template="RapTV"] .aberration {
    position: absolute;
    inset: 0;
    background: transparent;
    z-index: 4;
    mix-blend-mode: screen;
    pointer-events: none;
}

/* Phosphor glow */
.tv-wrapper[data-template="RapTV"] .screen-glow {
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 60px rgba(0,255,136,0.03);
    z-index: 5;
    pointer-events: none;
    border-radius: 8px;
}

/* Moving scanline */
.tv-wrapper[data-template="RapTV"] .scanline-moving {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        transparent,
        rgba(0,255,136,0.06),
        transparent
    );
    z-index: 6;
    pointer-events: none;
    animation: scanmove 6s linear infinite;
}

/* Static noise overlay */
.tv-wrapper[data-template="RapTV"] .static-overlay {
    position: absolute;
    inset: 0;
    z-index: 7;
    pointer-events: none;
    opacity: 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
    mix-blend-mode: overlay;
    transition: opacity 0.1s;
}

.tv-wrapper[data-template="RapTV"] .static-overlay.active {
    opacity: 0.9;
    animation: staticflicker 0.1s infinite;
}