.scanlines{position:relative}.scanlines:before{content:"";background:repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, var(--black-a15) 2px, var(--black-a15) 4px);pointer-events:none;z-index:10;position:absolute;inset:0}.scanlines-light:before{background:repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, var(--active-overlay) 2px, var(--active-overlay) 4px)}.viewfinder{position:relative}.viewfinder:before,.viewfinder:after,.viewfinder-corners:before,.viewfinder-corners:after{content:"";border-color:var(--page-cameras-viewfinder-color);z-index:15;pointer-events:none;border-style:solid;width:24px;height:24px;position:absolute}.viewfinder:before{border-width:3px 0 0 3px;top:8px;left:8px}.viewfinder:after{border-width:3px 3px 0 0;top:8px;right:8px}.viewfinder-corners{pointer-events:none;z-index:15;position:absolute;inset:0}.viewfinder-corners:before{content:"";border-color:var(--page-cameras-viewfinder-color);border-style:solid;border-width:0 0 3px 3px;width:24px;height:24px;position:absolute;bottom:8px;left:8px}.viewfinder-corners:after{content:"";border-color:var(--page-cameras-viewfinder-color);border-style:solid;border-width:0 3px 3px 0;width:24px;height:24px;position:absolute;bottom:8px;right:8px}.viewfinder-sm:before,.viewfinder-sm:after{border-width:2px;width:16px;height:16px}.viewfinder-sm:before{border-width:2px 0 0 2px;top:4px;left:4px}.viewfinder-sm:after{border-width:2px 2px 0 0;top:4px;right:4px}.rec-indicator{background:var(--page-cameras-rec-bg,var(--page-cameras-rec-bg));color:var(--text-on-dark-primary);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--page-cameras-rec-glow,0 0 8px color-mix(in srgb, var(--color-danger-600) 60%, transparent));border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.rec-indicator:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite rec-blink}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.3}}.vhs-timestamp{font-family:var(--font-mono);color:var(--page-cameras-vhs-text,var(--text-on-dark-primary));background:var(--page-cameras-vhs-bg,var(--page-cameras-vhs-bg));text-shadow:1px 1px 2px var(--black-a08-2);letter-spacing:.05em;padding:4px 8px;font-size:12px;font-weight:600}.timecode{font-family:var(--font-mono);color:var(--text-on-dark-primary);background:var(--bg-overlay);border-left:3px solid var(--page-cameras-viewfinder-color,var(--white-a06-2));letter-spacing:.08em;text-shadow:0 0 4px var(--white-a50);padding:4px 10px;font-size:14px;font-weight:700}.battery-indicator{background:var(--page-cameras-vhs-bg);border-radius:2px;align-items:center;gap:4px;padding:4px 8px;display:flex}.battery-icon{border:2px solid #fff;border-radius:2px;width:20px;height:10px;position:relative}.battery-icon:after{content:"";background:#fff;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-4px}.battery-level{background:var(--primitive-forest-400);transition:width var(--motion-duration-moderate,.3s) var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1));border-radius:1px;position:absolute;top:1px;bottom:1px;left:1px}.battery-level.low{background:var(--primitive-warm-400)}.battery-level.critical{background:var(--primitive-danger);animation:.5s infinite battery-blink}@keyframes battery-blink{0%,to{opacity:1}50%{opacity:.4}}.signal-bars{align-items:flex-end;gap:2px;height:12px;display:flex}.signal-bar{background:var(--white-a40);width:3px;transition:background .2s var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1))}.signal-bar.active{background:var(--primitive-forest-400)}.signal-bar:first-child{height:4px}.signal-bar:nth-child(2){height:6px}.signal-bar:nth-child(3){height:8px}.signal-bar:nth-child(4){height:10px}.signal-bar:nth-child(5){height:12px}.vcr-text{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--page-cameras-viewfinder-color);text-shadow:0 0 4px var(--white-a06-2);font-size:10px;font-weight:700}.vcr-status{background:var(--bg-overlay);border-radius:2px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.vcr-status-icon{width:0;height:0}.vcr-status-icon.play{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff}.vcr-status-icon.pause{background:linear-gradient(90deg,#fff 0% 35%,#0000 35% 65%,#fff 65% 100%);width:8px;height:10px}.vcr-status-icon.stop{background:#fff;width:8px;height:8px}.crt-effect{position:relative;overflow:hidden}.crt-effect:after{content:"";background:radial-gradient(ellipse at center, transparent 0%, transparent 60%, var(--black-a15) 90%, var(--black-a30) 100%);pointer-events:none;z-index:12;position:absolute;inset:0}.chromatic-aberration{transition:filter .3s var(--motion-ease-default)}.chromatic-aberration:hover{filter:drop-shadow(-1px 0 0 color-mix(in srgb, var(--palette-red-500c) 30%, transparent)) drop-shadow(1px 0 0 color-mix(in srgb, var(--primitive-retro-cyan) 30%, transparent))}.tv-static-pattern{background:repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--palette-stone-550b) 10%, transparent) 0px, color-mix(in srgb, var(--border-color) 10%, transparent) 1px, transparent 1px, transparent 2px), linear-gradient(180deg, color-mix(in srgb, var(--palette-stone-600) 80%, transparent) 0%, color-mix(in srgb, var(--palette-stone-700a) 90%, transparent) 50%, color-mix(in srgb, var(--palette-stone-600) 80%, transparent) 100%);background-size:4px 4px,100% 100%}.retro-camera-card{background:var(--page-cameras-card-bg);border:3px solid var(--page-cameras-card-border);box-shadow:var(--page-cameras-card-shadow);border-radius:var(--component-card-radius,12px);-webkit-backdrop-filter:blur(var(--backdrop-blur-lg,12px));backdrop-filter:blur(var(--backdrop-blur-lg,12px));transition:var(--transition-fast)}.dark .retro-camera-card{background:var(--page-cameras-card-bg);border-color:var(--page-cameras-card-border);box-shadow:var(--page-cameras-card-shadow), inset 0 1px 0 var(--white-a10);-webkit-backdrop-filter:blur(var(--backdrop-blur-xl,16px));backdrop-filter:blur(var(--backdrop-blur-xl,16px))}.retro-camera-header{background:linear-gradient(180deg, var(--mountain-600,var(--palette-sky-550a)) 0%, var(--mountain-700,var(--palette-sky-650a)) 100%);border-bottom:3px solid var(--snow-800,var(--primitive-snow-900));position:relative}.dark .retro-camera-header{background:linear-gradient(180deg, color-mix(in srgb, var(--palette-sky-600) 80%, transparent) 0%, color-mix(in srgb, var(--palette-sky-750a) 85%, transparent) 100%);border-bottom-color:color-mix(in srgb, var(--dataviz-7) 40%, transparent)}.retro-camera-header:before{content:"";background:linear-gradient(90deg, transparent, var(--page-gallery-lightbox-nav-hover), transparent);height:2px;position:absolute;top:0;left:0;right:0}.dark .retro-camera-header:before{background:linear-gradient(90deg, transparent, var(--page-cameras-card-border), transparent)}.control-panel{background:linear-gradient(180deg, var(--color-star-100) 0%, var(--color-star-200) 100%);border:2px solid var(--snow-800,var(--primitive-snow-900));box-shadow:2px 2px 0 var(--snow-800,var(--primitive-snow-900));border-radius:6px}.dark .control-panel{background:linear-gradient(180deg, var(--primitive-night-700) 0%, var(--mv2-navy-band) 100%);border-color:var(--snow-600,var(--primitive-mist-500))}.led-light{width:8px;height:8px;box-shadow:inset 0 1px 2px var(--bg-overlay), 0 0 4px currentColor;border-radius:50%}.led-light.on{background:radial-gradient(circle at 30% 30%, var(--palette-green-300), var(--primitive-pine-500));box-shadow:inset 0 1px 2px var(--black-a30), 0 0 8px var(--primitive-pine-500), 0 0 16px var(--emerald-500-a04)}.led-light.off{background:radial-gradient(circle at 30% 30%, var(--text-muted), var(--text-secondary))}.led-light.recording{background:radial-gradient(circle at 30% 30%, var(--primitive-pixel-health), var(--form-error-text));box-shadow:inset 0 1px 2px var(--black-a30), 0 0 8px var(--form-error-text), 0 0 16px color-mix(in srgb, var(--color-danger-600) 40%, transparent);animation:1s ease-in-out infinite led-pulse}@keyframes led-pulse{0%,to{box-shadow:inset 0 1px 2px var(--black-a30), 0 0 8px var(--form-error-text), 0 0 16px color-mix(in srgb, var(--color-danger-600) 40%, transparent)}50%{box-shadow:inset 0 1px 2px var(--black-a30), 0 0 12px var(--form-error-text), 0 0 24px color-mix(in srgb, var(--color-danger-600) 60%, transparent)}}.retro-btn{background:linear-gradient(180deg, var(--color-star-100) 0%, var(--color-star-200) 100%);border:2px solid var(--snow-800,var(--primitive-snow-900));box-shadow:2px 2px 0 var(--snow-800,var(--primitive-snow-900));color:var(--snow-800,var(--primitive-snow-900));font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .1s var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1)), opacity .1s var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1)), background-color .1s var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1)), border-color .1s var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1)), box-shadow .1s var(--motion-ease-default,cubic-bezier(.25, .1, .25, 1));border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:10px;font-weight:700;display:flex}.retro-btn:hover{background:linear-gradient(180deg, var(--color-star-200) 0%, var(--form-pending-text) 100%);box-shadow:3px 3px 0 var(--snow-800,var(--primitive-snow-900));transform:translate(-1px,-1px)}.retro-btn:active{box-shadow:1px 1px 0 var(--snow-800,var(--primitive-snow-900));transform:translate(1px,1px)}.dark .retro-btn{background:linear-gradient(180deg, var(--primitive-night-700) 0%, var(--mv2-navy-band) 100%);border-color:var(--snow-400,var(--primitive-mist-400));color:#fff;box-shadow:2px 2px 0 var(--snow-600,var(--primitive-mist-500))}.dark .retro-btn:hover{background:linear-gradient(180deg, var(--palette-sky-650a) 0%, var(--primitive-night-700) 100%)}.tape-counter{font-family:var(--font-mono);color:var(--warm-600,var(--primitive-warm-600));border:2px solid var(--snow-800,var(--primitive-snow-900));letter-spacing:.15em;box-shadow:inset 0 1px 2px var(--black-a10);background:#fff;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:700}.dark .tape-counter{background:var(--ink-navy-dark);color:var(--primitive-warm-500);border-color:var(--snow-600,var(--primitive-mist-500))}@keyframes arcade-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.animate-arcade-blink{animation:1s step-start infinite arcade-blink}.animate-arcade-blink-slow{animation:1.5s step-start infinite arcade-blink}.animate-arcade-blink-fast{animation:.6s step-start infinite arcade-blink}@keyframes game-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}.animate-game-pulse{animation:1.2s ease-in-out infinite game-pulse}@keyframes snes-glow{0%,to{filter:brightness();box-shadow:0 0 4px,0 0 8px}50%{filter:brightness(1.15);box-shadow:0 0 8px,0 0 16px,0 0 24px}}.animate-snes-glow{animation:2s ease-in-out infinite snes-glow}@keyframes coin-insert-flicker{0%,18%,22%,36%,40%,54%,to{opacity:1}19%,21%,37%,39%,55%,57%{opacity:.4}}.animate-coin-flicker{animation:2s linear infinite coin-insert-flicker}@keyframes power-up-ready{0%,to{border-color:currentColor;box-shadow:inset 0 0 0 1px,0 0 4px}50%{border-color:#fff;box-shadow:inset 0 0 0 2px #fff,0 0 12px,0 0 20px}}.animate-power-up{animation:1.5s ease-in-out infinite power-up-ready}@keyframes player-select{0%,to{filter:drop-shadow(0 2px 4px var(--black-a30));transform:translateY(0)scale(1)}25%{filter:drop-shadow(0 4px 8px var(--black-a40));transform:translateY(-2px)scale(1.02)}50%{filter:drop-shadow(0 2px 4px var(--black-a30));transform:translateY(0)scale(1)}75%{filter:drop-shadow(0 3px 6px var(--black-a35));transform:translateY(-1px)scale(1.01)}}.animate-player-select{animation:1.5s ease-in-out infinite player-select}@keyframes start-button-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:3px 3px}15%{opacity:.9;transform:scale(1.02);box-shadow:4px 4px}30%{opacity:1;transform:scale(1);box-shadow:3px 3px}50%{opacity:.3;transform:scale(.98);box-shadow:2px 2px}65%{opacity:1;transform:scale(1);box-shadow:3px 3px}80%{opacity:.85;transform:scale(1.01);box-shadow:3px 3px}}.animate-start-button{animation:2s ease-in-out infinite start-button-pulse}@keyframes hp-bar-flash{0%,to{background-color:var(--primitive-danger)}50%{background-color:var(--form-error-text)}}.animate-hp-flash{animation:.5s ease-in-out infinite hp-bar-flash}@keyframes level-complete{0%{filter:hue-rotate()brightness(1.1)}to{filter:hue-rotate(360deg)brightness(1.1)}}.animate-level-complete{animation:3s linear infinite level-complete}@keyframes button-ready{0%,to{box-shadow:var(--shadow-brutal);transform:scale(1)}50%{box-shadow:var(--shadow-brutal-lg);transform:scale(1.015)}}.animate-button-ready{animation:2.5s ease-in-out infinite button-ready}@keyframes tv-glitch{0%,to{filter:none;transform:translate(0)}10%{filter:blur(.5px);transform:translate(-2px,1px)}20%{filter:hue-rotate(90deg);transform:translate(2px,-1px)}30%{filter:blur();transform:translate(-1px,2px)}40%{filter:hue-rotate(-90deg);transform:translate(1px,-2px)}50%{filter:none;transform:translate(0)}}.animate-tv-glitch{animation:3s ease-in-out infinite tv-glitch}@keyframes crt-power-on{0%{filter:brightness(0)contrast(0);transform:scaleY(.01)scaleX(1.3)}40%{filter:brightness(1.5)contrast(1.5);transform:scaleY(1.1)scaleX(.9)}to{filter:brightness()contrast();transform:scaleY(1)scaleX(1)}}.animate-crt-on{animation:crt-power-on .4s var(--motion-ease-smooth) forwards}.animate-pixel-blink{image-rendering:pixelated;animation:.8s step-end infinite arcade-blink}.game-mode-active{position:relative}.game-mode-active:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid;animation:1.5s ease-in-out infinite power-up-ready;position:absolute;inset:-2px}@keyframes cam-connecting-breathe{0%,to{background-color:color-mix(in srgb, var(--primitive-mist-900) 95%, transparent)}50%{background-color:color-mix(in srgb, var(--primitive-snow-900) 95%, transparent)}}.cam-connecting{animation:2s ease-in-out infinite cam-connecting-breathe}@keyframes stream-connected{0%{opacity:0;filter:brightness(2)saturate(0)contrast(2);transform:scaleY(.005)scaleX(1.2)}30%{opacity:1;filter:brightness(1.8)saturate(.3)contrast(1.5);transform:scaleY(1.05)scaleX(.95)}60%{filter:brightness(1.2)saturate(.8)contrast(1.1);transform:scaleY(.98)scaleX(1.01)}to{opacity:1;filter:brightness()saturate()contrast();transform:scaleY(1)scaleX(1)}}.stream-power-on{animation:stream-connected .5s var(--motion-ease-kinetic) forwards}@keyframes tv-noise{0%{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}to{background-position:0 0}}.tv-noise-bg{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:150% 150%;animation:.15s steps(5,end) infinite tv-noise}@keyframes quality-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.quality-pulse-ring{position:relative}.quality-pulse-ring:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid;animation:2s ease-out infinite quality-pulse;position:absolute;inset:-2px}@media (prefers-reduced-motion:reduce){.stream-power-on{opacity:1;animation:none}.tv-noise-bg{animation:none}.quality-pulse-ring:after{animation:none;display:none}.cam-connecting{animation:none}}.rv-vignette{background:radial-gradient(ellipse at center, transparent 0%, transparent 50%, var(--black-a22) 90%, var(--black-a40) 100%)}.rv-rec-badge{font-family:var(--font-mono);letter-spacing:.1em;box-shadow:0 0 8px color-mix(in srgb, var(--primitive-red-600) 60%, transparent);font-weight:700}.rv-timecode{font-family:var(--font-mono);letter-spacing:.08em;text-shadow:0 0 4px var(--white-a50);font-size:.8125rem;font-weight:700}.rv-timestamp{font-family:var(--font-mono);letter-spacing:.05em;text-shadow:1px 1px 2px var(--black-a82);font-weight:600}.rv-signal-bar{height:calc(var(--bar-level) * 25%)}.rv-cam-badge{font-family:var(--font-mono);letter-spacing:.1em;font-weight:700}.rv-tv-static{background-image:repeating-radial-gradient(circle at 17% 32%, var(--white-a10) 0, transparent 1px), repeating-radial-gradient(circle at 83% 67%, var(--white-a10) 0, transparent 1px);background-size:3px 3px}.rv-selected-glow{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--primitive-sky-500) 60%, transparent), inset 0 0 20px color-mix(in srgb, var(--primitive-sky-500) 30%, transparent)}.vcr-play-triangle{border-left:8px solid var(--primitive-snow-50);border-top:5px solid #0000;border-bottom:5px solid #0000}.vcr-triangle-left{border-right:6px solid var(--primitive-snow-50);border-top:4px solid #0000;border-bottom:4px solid #0000}.vcr-triangle-right{border-left:6px solid var(--primitive-snow-50);border-top:4px solid #0000;border-bottom:4px solid #0000}.battery-level-fill{width:calc(var(--battery-level) * 1%)}