:root {
    --void-black: #050505;
    --neon-pink: #FF00FF;
    --toxic-green: #39FF14;
    --electric-cyan: #00FFFF;
    --laser-yellow: #FFFF00;
    --blood-red: #FF0000;
}

/* 1. THE WACKY BACKGROUND STACK */
body {
    margin: 0;
    min-height: 100vh;
    background-color: var(--void-black);
    /* Layered: Neon Stripes + Red Grid + Glows + Scanline Overlay */
    background-image: 
        repeating-linear-gradient(45deg, rgba(255, 0, 255, 0.1) 0px, rgba(255, 0, 255, 0.1) 100px, transparent 100px, transparent 200px),
        linear-gradient(rgba(255, 0, 0, 0.15) 2px, transparent 2px),
        linear-gradient(90deg, rgba(255, 0, 0, 0.15) 2px, transparent 2px),
        linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
        radial-gradient(circle at 20% 30%, rgba(57, 255, 20, 0.1) 0%, transparent 40%);
    background-size: 400px 400px, 63px 63px, 63px 63px, 100% 4px, 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Arial Black', sans-serif;
    color: white;
    overflow-x: hidden;
}

/* 2. THE GRID WRAPPER */
.void-wrapper {
    display: grid;
    grid-template-columns: 1fr 300px; 
    gap: 60px;
    width: 95%;
    max-width: 1200px;
    margin: 120px auto;
    align-items: start;
    box-sizing: border-box;
}

/* 3. THE ARTICLE BOX */
.manifesto-container {
    background: rgba(0, 0, 0, 0.96);
    border: 10px double var(--toxic-green);
    padding: 40px;
    position: relative;
    transform: rotate(-0.5deg);
    box-shadow: 0 0 60px rgba(57, 255, 20, 0.2);
}

/* 4. SCANLINE FLICKER HEADLINE */
h1 { 
    font-size: 2.2rem; 
    color: var(--electric-cyan); 
    text-transform: uppercase; 
    line-height: 1.1; 
    margin: 0 0 20px 0; 
    position: relative;
    animation: text-flicker 3s linear infinite; /* */
}

@keyframes text-flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px var(--electric-cyan); /* */
        opacity: 1;
    }
    20%, 24%, 55% {
        text-shadow: none;
        opacity: 0.8;
    }
}

.status-line { 
    color: var(--laser-yellow); 
    background: var(--blood-red); 
    padding: 5px 15px; 
    display: inline-block; 
    margin-bottom: 25px; 
    font-family: monospace; 
}

/* 5. FLOATING ANIMATED ADS */
.sidebar-ads {
    width: 300px;
    background: transparent !important;
    display: block;
    animation: sidebar-drift 8s ease-in-out infinite; /* Slowly sways the whole sidebar */
}

@keyframes sidebar-drift {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(0.5deg); }
}

.odd-ad, .insane-ghost-ad, .google-auto-placed, ins.adsbygoogle {
    display: block !important;
    width: 300px !important;
    margin-bottom: 80px !important; /* Huge gap for floating effect */
    position: relative !important;
    clear: both !important;
}

.odd-ad { 
    background: var(--laser-yellow); 
    color: #000; 
    padding: 25px; 
    border: 4px solid #000; 
    box-shadow: 10px 10px 0px var(--neon-pink);
    transform: rotate(2deg); 
    animation: ad-jitter 0.3s steps(2) infinite; /* Erratic jitter */
    animation-play-state: paused;
}

.odd-ad:hover {
    animation-play-state: running;
}

@keyframes ad-jitter {
    0% { transform: translate(0,0) rotate(2deg); }
    50% { transform: translate(2px, -2px) rotate(1deg); filter: hue-rotate(90deg); }
    100% { transform: translate(-1px, 1px) rotate(2.5deg); }
}

.insane-ghost-ad { 
    min-height: 250px; 
    background: #000; 
    border: 4px solid var(--blood-red); 
    color: var(--blood-red); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-weight: bold;
    text-align: center;
    padding: 20px;
    animation: ghost-pulse 2s ease-in-out infinite; /* */
}

@keyframes ghost-pulse {
    0%, 100% { border-color: var(--blood-red); box-shadow: 0 0 5px var(--blood-red); }
    50% { border-color: var(--neon-pink); box-shadow: 0 0 20px var(--neon-pink); transform: scale(1.02); }
}

/* 6. INPUTS & INTERFACE */
.void-input { 
    width: 100%; background: #111; border: 3px solid var(--electric-cyan); 
    color: white; padding: 15px; margin-bottom: 20px; box-sizing: border-box; font-family: inherit;
}

.submit-to-void { 
    width: 100%; background: var(--toxic-green); color: black; 
    border: none; padding: 20px; font-weight: bold; cursor: pointer; font-size: 1.2rem;
}

/* 7. NAVIGATION */
.back-nav { position: fixed; top: 20px; left: 20px; z-index: 1000; }
.void-btn { 
    background: var(--blood-red); color: white; padding: 12px 25px; 
    border: 4px solid white; text-decoration: none; font-weight: bold; 
    box-shadow: 5px 5px 0 var(--electric-cyan);
}

/* 8. MOBILE RESPONSIVE */
@media (max-width: 1000px) {
    .void-wrapper { grid-template-columns: 1fr; margin-top: 100px; }
    .sidebar-ads { width: 100%; max-width: 400px; margin: 0 auto; animation: none; }
}