:root{--neon-green:#39ff14;--neon-pink:#ff1493;--neon-yellow:#ff0;--neon-orange:#f60;--neon-cyan:#0ff;--neon-red:#f03;--dark-bg:#0a0a0f;--card-bg:#112;--card-border:#335;--text-dim:#88a;--brawndo-green:#0c4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark-bg);color:#fff;min-height:100vh;font-family:Russo One,sans-serif;overflow-x:hidden}.scanlines{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 3px);width:100%;height:100%;position:fixed;top:0;left:0}.ticker-bar{background:var(--neon-red);color:var(--neon-yellow);white-space:nowrap;z-index:1000;border-bottom:3px solid var(--neon-yellow);padding:8px 0;font-family:"Press Start 2P",monospace;font-size:11px;position:sticky;top:0;overflow:hidden}.ticker-text{padding-left:100%;animation:30s linear infinite ticker;display:inline-block}@keyframes ticker{0%{transform:translate(0%)}to{transform:translate(-100%)}}.hero{text-align:center;border-bottom:4px solid var(--neon-pink);background:linear-gradient(#0a0a1a 0%,#1a0a2e 40%,#0a0a1a 100%);padding:60px 20px 40px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#ff14931a 0%,#0000 50%),radial-gradient(at 80%,#39ff141a 0%,#0000 50%);position:absolute;inset:0}.hero-title{letter-spacing:4px;text-transform:uppercase;color:var(--neon-yellow);text-shadow:0 0 20px #ffff0080, 0 0 40px #ffff004d, 0 0 80px #ffff001a, 3px 3px 0 var(--neon-red);z-index:1;font-family:Bangers,cursive;font-size:clamp(3rem,8vw,7rem);line-height:1;position:relative}.hero-subtitle{color:var(--neon-cyan);text-shadow:0 0 10px #00ffff80;z-index:1;margin-top:12px;font-family:Permanent Marker,cursive;font-size:clamp(1rem,3vw,1.6rem);position:relative}.brought-to-you{color:var(--neon-green);opacity:.7;z-index:1;margin-top:20px;font-family:"Press Start 2P",monospace;font-size:10px;animation:3s infinite flicker;position:relative}@keyframes flicker{0%,to{opacity:.7}50%{opacity:.4}52%{opacity:.9}54%{opacity:.4}}.score-section{text-align:center;background:linear-gradient(90deg,#0000,#ff00330d,#0000);padding:40px 20px}.score-label{color:var(--neon-orange);text-shadow:2px 2px #000;letter-spacing:3px;font-family:Bangers,cursive;font-size:clamp(1.5rem,4vw,2.5rem)}.score-meter{max-width:700px;margin:20px auto 0;position:relative}.score-track{border:3px solid var(--card-border);background:#1a1a2e;border-radius:8px;height:50px;position:relative;overflow:hidden}.score-fill{border-radius:5px;height:100%;transition:width 2s ease-out;position:relative;overflow:hidden}.score-fill:after{content:"";background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 20px);position:absolute;inset:0}.score-labels{color:var(--text-dim);justify-content:space-between;margin-top:8px;font-family:"Press Start 2P",monospace;font-size:11px;display:flex}.score-number{letter-spacing:4px;margin-top:10px;font-family:Luckiest Guy,cursive;font-size:clamp(4rem,10vw,8rem)}.score-verdict{color:var(--neon-pink);text-shadow:0 0 10px #ff149366;margin-top:5px;font-family:Permanent Marker,cursive;font-size:clamp(1rem,2.5vw,1.5rem)}.filter-bar{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1200px;margin:0 auto;padding:30px 20px 10px;display:flex}.filter-btn{border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-dim);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:8px 18px;font-family:Russo One,sans-serif;font-size:12px;transition:all .2s}.filter-btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.filter-btn.active{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#ffff0014;box-shadow:0 0 12px #ffff0026}.comparisons{flex-direction:column;gap:30px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.comparison-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;grid-template-columns:1fr auto 1fr;gap:0;transition:border-color .3s,transform .3s,box-shadow .3s;display:grid;overflow:hidden}.comparison-card:hover{border-color:var(--neon-pink);transform:translateY(-2px);box-shadow:0 8px 30px #ff149326}.card-side{padding:28px}.card-movie{border-right:1px solid var(--card-border);background:linear-gradient(135deg,#ff64000f 0%,#0000 100%)}.card-reality{border-left:1px solid var(--card-border);background:linear-gradient(135deg,#0000 0%,#39ff140f 100%)}.card-side-label{letter-spacing:2px;align-items:center;gap:8px;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:9px;display:flex}.label-movie{color:var(--neon-orange)}.label-reality{color:var(--neon-green)}.card-side-title{letter-spacing:1px;margin-bottom:10px;font-family:Bangers,cursive;font-size:1.4rem;line-height:1.2}.movie-title{color:var(--neon-yellow);text-shadow:1px 1px #ff640066}.reality-title{color:#fff}.card-year{color:var(--text-dim);margin-bottom:10px;font-family:"Press Start 2P",monospace;font-size:9px}.card-description{color:#bbc;font-family:Russo One,sans-serif;font-size:.85rem;font-weight:300;line-height:1.6}.card-source{margin-top:14px;font-size:11px}.card-source a{color:var(--neon-cyan);border-bottom:1px solid #0000;font-family:"Press Start 2P",monospace;font-size:9px;text-decoration:none;transition:border-color .2s}.card-source a:hover{border-color:var(--neon-cyan)}.card-center{background:#0000004d;flex-direction:column;justify-content:center;align-items:center;min-width:90px;padding:20px 16px;display:flex;position:relative}.card-center:before,.card-center:after{content:"";background:var(--card-border);width:2px;position:absolute;left:50%}.card-center:before{height:20%;top:0}.card-center:after{height:20%;bottom:0}.match-circle{letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-family:Luckiest Guy,cursive;font-size:1.4rem;display:flex;position:relative}.match-circle:after{content:"";border:2px solid;border-color:inherit;opacity:.3;border-radius:50%;position:absolute;inset:-4px}.match-label{color:var(--text-dim);letter-spacing:1px;margin-top:6px;font-family:"Press Start 2P",monospace;font-size:7px}.category-tag{border:1px solid var(--card-border);color:var(--text-dim);letter-spacing:1px;border-radius:3px;margin-top:10px;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:7px}.footer{text-align:center;border-top:3px solid var(--neon-red);background:linear-gradient(180deg, var(--dark-bg), #050510);margin-top:40px;padding:60px 20px}.footer-text{color:var(--neon-yellow);text-shadow:0 0 20px #ffff004d;font-family:Permanent Marker,cursive;font-size:1.5rem}.footer-sub{color:var(--text-dim);margin-top:16px;font-family:"Press Start 2P",monospace;font-size:9px;line-height:2}.footer-disclaimer{color:#555;max-width:600px;margin-top:30px;margin-left:auto;margin-right:auto;font-family:sans-serif;font-size:11px;line-height:1.6}.vs-arrows{color:var(--neon-red);letter-spacing:3px;font-family:Bangers,cursive;font-size:.9rem}@media (width<=800px){.comparison-card{grid-template-columns:1fr}.card-movie{border-right:none;border-bottom:1px solid var(--card-border)}.card-reality{border-left:none;border-top:1px solid var(--card-border)}.card-center{flex-direction:row;gap:12px;min-width:auto;padding:14px}.card-center:before,.card-center:after{display:none}}