.lcd-container{background:0 0;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;display:flex}.lcd-container .lcd-device{background:linear-gradient(145deg,#e8e8e8 0%,#d0d0d0 30%,#b8b8b8 70%,#a0a0a0 100%);border-radius:12px;flex-direction:column;gap:15px;padding:25px;display:flex;position:relative;box-shadow:0 30px 60px #00000080,inset 0 2px #fff6,inset 0 -2px #00000026}.lcd-container .lcd-device:after{content:"";opacity:.4;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:12px;position:absolute;inset:0}.lcd-container .lcd-top-section{justify-content:space-between;align-items:flex-start;padding:0 5px;display:flex}.lcd-container .property-label{color:#666;font-family:Share Tech Mono,monospace;font-size:9px;line-height:1.4}.lcd-container .lcd-bezel{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:8px;padding:15px;position:relative;box-shadow:inset 0 3px 8px #000c,inset 0 -1px 2px #ffffff0d,0 1px #ffffff1a}.lcd-container .lcd-screen{background:linear-gradient(#4a5a3a 0%,#3d4d2d 50%,#354525 100%);border-radius:4px;width:400px;height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0006,inset 0 0 60px #0003,0 0 1px #000c}.lcd-container .lcd-screen:before{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000014 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#00000014 2px 3px);position:absolute;inset:0}.lcd-container .lcd-scanlines{pointer-events:none;z-index:21;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 2px);position:absolute;inset:0}.lcd-container .lcd-glass{pointer-events:none;z-index:22;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 30%,#0000 50% 100%);position:absolute;inset:0}.lcd-container .lcd-screen:after{content:"";pointer-events:none;z-index:23;background:radial-gradient(80% 80%,#0000 0% 50%,#00000026 80%,#0000004d 100%);position:absolute;inset:0}.lcd-container .lcd-content{z-index:10;flex-direction:column;height:100%;padding:15px 25px;display:flex;position:relative}.lcd-container .lcd-text{color:#1a2a10;text-shadow:0 0 2px #1a2a1080,1px 1px #4a5a3a4d;font-family:VT323,monospace}.lcd-container .lcd-text-dim{color:#2d3d1d;text-shadow:none}.lcd-container .lcd-header{border-bottom:1px solid #1a2a104d;margin-bottom:20px;padding-bottom:15px;display:flex}.lcd-container .lcd-header-content{align-items:center;gap:15px;display:flex}.lcd-container .lcd-logo-text{letter-spacing:3px;color:#1a2a10;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.lcd-container .lcd-logo-icon{border:3px solid #1a2a10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.lcd-container .lcd-logo-icon:before{content:"";border:2px solid #1a2a10;border-radius:50%;width:32px;height:32px}.lcd-container .lcd-logo-icon:after{content:"C";color:#1a2a10;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;position:absolute}.lcd-container .lcd-wings{display:none}.lcd-container .lcd-bottom-section{justify-content:space-between;align-items:center;padding:15px 10px 10px;display:flex}.lcd-container .camera-lens-container{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lcd-container .lens-labels{flex-direction:column;gap:2px;margin-top:5px;font-family:Share Tech Mono,monospace;display:flex}.lcd-container .lens-text-top{color:#666;letter-spacing:1.5px;white-space:nowrap;font-size:9px}.lcd-container .lens-text-bottom{color:#666;letter-spacing:.5px;white-space:nowrap;font-size:9px}.lcd-container .camera-lens{background:linear-gradient(145deg,#2a3a4a 0%,#1a2a3a 50%,#0a1a2a 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-left:10px;display:flex;position:relative;top:-10px;box-shadow:0 4px 15px #00000080,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d}.lcd-container .camera-lens:before{content:"";border:2px solid #3a4a5a;border-radius:50%;width:90px;height:90px;position:absolute;box-shadow:inset 0 1px 2px #00000080,0 1px 1px #ffffff1a}.lcd-container .lens-glass{background:radial-gradient(circle at 30% 30%,#4a5a6a 0%,#2a3a4a 30%,#1a2a3a 60%,#0a1520 100%);border-radius:50%;width:55px;height:55px;position:relative;box-shadow:inset 0 0 20px #000c,inset 0 2px 4px #ffffff1a,0 0 0 3px #1a2a3a}.lcd-container .lens-glass:before{content:"";background:radial-gradient(circle,#fff6 0%,#ffffff1a 50%,#0000 100%);border-radius:50%;width:15px;height:15px;position:absolute;top:8px;left:8px}.lcd-container .lens-glass:after{content:"";background:#0a0a0a;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #000c}.lcd-container .speaker-grille-container{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lcd-container .speaker-grille{flex-direction:column;gap:3px;display:flex}.lcd-container .grille-slot{background:linear-gradient(90deg,#555 0%,#777 50%,#555 100%);border-radius:1px;width:50px;height:2px;box-shadow:inset 0 1px 1px #00000080,0 1px #ffffff1a}.lcd-container .red-led{z-index:2;background:red;border-radius:50%;width:8px;height:8px;margin-top:10px;position:relative;box-shadow:0 0 5px red,0 0 10px red,0 0 15px #ff000080}.lcd-container .red-led:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0% 45%,#555 45%,#666 60%,#777 80%,#888 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 3px #0009,inset 0 -1px 2px #ffffff26}.lcd-container .control-buttons{gap:12px;margin-bottom:50px;display:flex}.lcd-container .control-button{cursor:pointer;background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0a0a0a 100%);border:none;border-radius:50%;width:35px;height:35px;transition:all .1s;position:relative;box-shadow:0 3px 8px #00000080,inset 0 1px 1px #ffffff1a,inset 0 -1px 2px #0000004d}.lcd-container .control-button:hover{transform:translateY(1px);box-shadow:0 2px 5px #00000080,inset 0 1px 1px #ffffff1a,inset 0 -1px 2px #0000004d}.lcd-container .control-button:active{transform:translateY(2px);box-shadow:0 1px 3px #00000080,inset 0 2px 4px #0000004d}.lcd-container .control-button.power:before{content:"";border:2px solid #444;border-top-color:#0000;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lcd-container .control-button.power:after{content:"";background:#444;width:2px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.lcd-container .control-button.menu:before{content:"";background:#444;width:14px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -5px #444,0 5px #444}.lcd-container .control-button.select:before{content:"";border:2px solid #444;border-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lcd-container .top-buttons{justify-content:flex-end;gap:8px;margin-bottom:5px;display:flex}.lcd-container .top-button{cursor:pointer;background:linear-gradient(#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border:none;border-radius:3px;width:20px;height:12px;transition:all .1s;box-shadow:0 2px 4px #0006,inset 0 1px 1px #ffffff0d}.lcd-container .top-button:hover{transform:translateY(1px)}.lcd-container .top-button:active{transform:translateY(2px);box-shadow:0 1px 2px #0006,inset 0 1px 2px #0000004d}.lcd-container .company-branding{align-items:center;gap:8px;display:flex;position:absolute;bottom:35px;right:25px}.lcd-container .company-logo-icon{color:#666;background:#ffffff1a;border:1px solid #888;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;display:flex}.lcd-container .company-name{color:#666;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}.lcd-container .lcd-fade-in{animation:.5s forwards lcdFadeIn}@keyframes lcdFadeIn{0%{opacity:0}to{opacity:1}}.lcd-container .lcd-flicker{animation:4s infinite lcdFlicker}@keyframes lcdFlicker{0%,to{opacity:1}50%{opacity:.98}52%{opacity:1}54%{opacity:.97}56%{opacity:1}}.lcd-container .lcd-boot-line{opacity:0;margin:4px 0;font-size:14px;animation:.3s forwards lcdFadeIn}.lcd-container .lcd-status-bar{border-top:1px solid #1a2a104d;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:10px;display:flex}.lcd-container .lcd-menu-container{flex-direction:column;flex:1;display:flex}.lcd-container .lcd-menu-title{letter-spacing:2px;opacity:.7;margin-bottom:20px;margin-left:27px;font-size:14px}.lcd-container .lcd-menu-option{cursor:pointer;border:1px solid #0000;align-items:center;margin:4px 0;padding:8px 12px;font-size:16px;transition:all .1s;display:flex;position:relative}.lcd-container .lcd-menu-option:before{content:">";opacity:0;margin-right:10px;transition:opacity .1s}.lcd-container .lcd-menu-option:hover,.lcd-container .lcd-menu-option.selected{background:#1a2a1026;border-color:#1a2a104d}.lcd-container .lcd-menu-option:hover:before,.lcd-container .lcd-menu-option.selected:before{opacity:1}.lcd-container .lcd-cursor{vertical-align:text-bottom;background:#1a2a10;width:8px;height:14px;margin-left:5px;display:inline-block}.lcd-container .lcd-blink{animation:1s step-end infinite lcdBlink}@keyframes lcdBlink{50%{opacity:0}}
.retro-btn{font-family:var(--font-mono);letter-spacing:1px;border:2px solid var(--color-dark-charcoal);cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;color:var(--color-text-primary);background:#fff;padding:12px 24px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.retro-btn:after{content:"";opacity:.05;pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.retro-btn--primary{color:var(--color-text-primary);border-color:var(--color-dark-charcoal);background:#fff}.retro-btn--primary:before{display:none}.retro-btn--primary:hover{background:var(--color-dark-charcoal);color:#fff}.retro-btn--primary:hover:before{content:"";pointer-events:none;z-index:2;border:2px solid #fff;display:block;position:absolute;inset:0}.retro-btn--secondary{color:var(--color-text-primary);border-color:var(--color-dark-charcoal);background:#fff}.retro-btn--secondary:hover{background:var(--color-dark-charcoal);color:#fff}.retro-btn--secondary:hover:before{content:"";pointer-events:none;z-index:2;border:2px solid #fff;position:absolute;inset:0}.retro-btn--sm{padding:8px 16px;font-size:10px}.retro-btn--lg{padding:16px 32px;font-size:14px}.retro-btn--full{text-align:center;width:100%}
.retro-input{font-family:var(--font-mono);border:2px solid var(--color-dark-charcoal);color:var(--color-text-primary);background:0 0;outline:none;padding:14px;font-size:14px;transition:all .1s}.retro-input::placeholder{color:#1a1a1880}.retro-input:focus{background:#0000000d}.retro-input--coral{border-color:var(--color-off-white)!important;color:var(--color-off-white)!important}.retro-input--coral::placeholder{color:#fbfbfb80!important}.retro-input--coral:focus{background:#ffffff1a!important}
.retro-textarea{font-family:var(--font-mono);border:2px solid var(--color-dark-charcoal);color:var(--color-text-primary);resize:vertical;background:0 0;outline:none;min-height:100px;padding:14px;font-size:14px;transition:all .1s}.retro-textarea::placeholder{color:#1a1a1880}.retro-textarea:focus{background:#0000000d}.retro-textarea--coral{border-color:var(--color-off-white)!important;color:var(--color-off-white)!important}.retro-textarea--coral::placeholder{color:#fbfbfb80!important}.retro-textarea--coral:focus{background:#ffffff1a!important}
.retro-form-field{flex-direction:column;gap:8px;display:flex}.retro-form-field__label{letter-spacing:2px;text-transform:uppercase;opacity:.8;font-size:11px;font-family:var(--font-mono);font-weight:700}
.retro-scope{--color-dark-charcoal:#1a1a18;--color-text-primary:#1a1a18;--color-text-secondary:#1a1a18cc;--color-off-white:#fbfbfb;--font-mono:"Replica Mono","Space Mono",ui-monospace,monospace;--transition-fast:.1s ease;--retro-paper:#f5f3ef;--color-accent-coral:#c04734;--color-accent-teal:#1a8595;--color-accent-orange:#f0a050;--color-accent-magenta:#e8a5c5;--color-accent-blue:#6a95a8;--coral-red:#da4b36;--color-lcd-green-bg:#4a5a3a;--color-lcd-green-text:#1a2a10;--color-lcd-blue-bg:#5a7a8a;--color-lcd-blue-text:#1a3a4a;--color-crt-amber:#ff6a00}