.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}}
.blue-lcd-container{background:0 0;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;display:flex}.blue-lcd-container .blue-lcd-device{flex-direction:column;gap:0;display:flex;position:relative}.blue-lcd-container .antenna{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:-60px;left:30px}.blue-lcd-container .antenna-rod{z-index:-1;background:linear-gradient(90deg,#1a1a1a 0%,#0f0f0f 50%,#1a1a1a 100%);border-radius:2px;width:10px;height:100%;position:absolute;top:0;box-shadow:inset 1px 0 2px #ffffff0d,inset -1px 0 2px #0000004d}.blue-lcd-container .antenna-base{background:linear-gradient(#3a3a3a 0%,#2a2a2a 50%,#1a1a1a 100%);border-radius:4px 4px 0 0;width:28px;height:12px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d}.blue-lcd-container .antenna-neck{background:linear-gradient(90deg,#2a2a2a 0%,#1a1a1a 30%,#0f0f0f 70%,#1a1a1a 100%);width:22px;height:25px;box-shadow:inset 2px 0 3px #ffffff0d,inset -2px 0 3px #0000004d}.blue-lcd-container .antenna-ring{background:linear-gradient(#3a3a3a 0%,#1a1a1a 50%,#2a2a2a 100%);border-radius:2px;width:26px;height:5px;margin:1px 0;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.blue-lcd-container .antenna-tip{background:linear-gradient(#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:4px 4px 50% 50%;width:18px;height:14px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0006}.blue-lcd-container .blue-lcd-top-section{background:linear-gradient(#1a1a1a 0%,#0f0f0f 50%,#0a0a0a 100%);border-radius:12px 12px 0 0;align-items:stretch;padding:15px 8px;display:flex;position:relative;box-shadow:0 -2px 10px #00000080,inset 0 2px #ffffff0d,inset 0 -1px #000c}.blue-lcd-container .blue-lcd-top-section:after{content:"";opacity:.15;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.9' 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 12px 0 0;position:absolute;inset:0}.blue-lcd-container .side-grip{flex-direction:column;justify-content:center;gap:20px;padding:10px 5px;display:flex}.blue-lcd-container .side-grip.left{margin-right:5px}.blue-lcd-container .side-grip.right{margin-left:5px}.blue-lcd-container .grip-button{cursor:pointer;background:linear-gradient(90deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:4px;width:18px;height:35px;transition:all .1s;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000080,0 2px 4px #00000080}.blue-lcd-container .grip-button:hover{background:linear-gradient(90deg,#3a3a3a 0%,#2a2a2a 50%,#1f1f1f 100%)}.blue-lcd-container .grip-button:active{transform:scale(.95);box-shadow:inset 0 2px 4px #00000080}.blue-lcd-container .blue-lcd-bezel{background:linear-gradient(145deg,#1a1a1a 0%,#0f0f0f 50%,#050505 100%);border-radius:8px;flex-direction:column;gap:8px;padding:10px 15px;display:flex;box-shadow:inset 0 3px 10px #000c,inset 0 -1px 2px #ffffff08,0 1px #ffffff0d}.blue-lcd-container .status-bar-top,.blue-lcd-container .status-bar-bottom{color:#5a7a8a;letter-spacing:1px;justify-content:space-between;align-items:center;padding:0 5px;font-family:VT323,monospace;font-size:12px;display:flex}.blue-lcd-container .status-label{text-transform:uppercase}.blue-lcd-container .battery-indicator{border:1px solid #3a5a6a;border-radius:2px;gap:2px;padding:2px 4px;display:flex}.blue-lcd-container .battery-bar{background:#5a8a9a;border-radius:1px;width:6px;height:8px}.blue-lcd-container .battery-bar.empty{background:#2a3a4a}.blue-lcd-container .model-text{color:#4a6a7a;letter-spacing:3px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.blue-lcd-container .model-number{color:#3a5a6a;font-family:Share Tech Mono,monospace;font-size:11px}.blue-lcd-container .blue-lcd-screen{background:linear-gradient(#6a8a9a 0%,#5a7a8a 30%,#4a6a7a 70%,#3a5a6a 100%);border-radius:4px;width:420px;height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000004d,inset 0 0 80px #0003,0 0 1px #000c,0 0 20px #5a829633}.blue-lcd-container .blue-lcd-screen:before{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000000d 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#0000000d 2px 3px);position:absolute;inset:0}.blue-lcd-container .blue-lcd-scanlines{pointer-events:none;z-index:21;background:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 2px);position:absolute;inset:0}.blue-lcd-container .blue-lcd-scan-beam{pointer-events:none;z-index:22;background:linear-gradient(#0000 0%,#6496b41a 50%,#0000 100%);height:3px;position:absolute;left:0;right:0}.blue-lcd-container .blue-lcd-glass{pointer-events:none;z-index:23;background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 30%,#0000 50% 100%);position:absolute;inset:0}.blue-lcd-container .blue-lcd-grid{pointer-events:none;z-index:15;position:absolute;inset:0}.blue-lcd-container .blue-lcd-screen:after{content:"";pointer-events:none;z-index:24;background:radial-gradient(80% 80%,#0000 0% 50%,#0003 80%,#0006 100%);position:absolute;inset:0}.blue-lcd-container .blue-lcd-content{z-index:10;flex-direction:column;height:100%;padding:12px;display:flex;position:relative}.blue-lcd-container .blue-lcd-boot{flex-direction:column;gap:8px;padding:15px;display:flex}.blue-lcd-container .boot-line{color:#1a3a4a;text-shadow:0 0 2px #1a3a4a80;font-family:VT323,monospace;font-size:16px;animation:.3s forwards bootFadeIn}.blue-lcd-container .boot-line.dim{color:#2a4a5a;opacity:.7}.blue-lcd-container .cursor{vertical-align:text-bottom;background:#1a3a4a;width:10px;height:16px;margin-left:4px;animation:1s step-end infinite cursorBlink;display:inline-block;box-shadow:0 0 8px #5a8296cc}@keyframes bootFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{50%{opacity:0}}.blue-lcd-container .blue-lcd-display{flex-direction:column;gap:8px;height:100%;display:flex}.blue-lcd-container .display-main{flex:1;gap:10px;min-height:0;display:flex}.blue-lcd-container .image-container{background:#00000026;border-radius:2px;justify-content:center;align-items:center;width:55%;display:flex;position:relative;overflow:hidden}.blue-lcd-container .dithered-image{object-fit:cover;object-position:center 25%;filter:contrast(1.1)brightness(.95);width:180%;height:180%;margin-top:40px}.blue-lcd-container .image-grid-overlay{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 29px,#1a3a4a40 29px 30px),repeating-linear-gradient(90deg,#0000 0 29px,#1a3a4a40 29px 30px);position:absolute;inset:0}.blue-lcd-container .focus-indicator{pointer-events:none;width:100px;height:100px;position:absolute;top:55%;left:57%;transform:translate(-50%,-50%)}.blue-lcd-container .focus-corner{border:2px solid #c8503ccc;width:12px;height:12px;position:absolute}.blue-lcd-container .focus-corner.tl{border-bottom:none;border-right:none;top:0;left:0}.blue-lcd-container .focus-corner.tr{border-bottom:none;border-left:none;top:0;right:0}.blue-lcd-container .focus-corner.bl{border-top:none;border-right:none;bottom:0;left:0}.blue-lcd-container .focus-corner.br{border-top:none;border-left:none;bottom:0;right:0}.blue-lcd-container .info-panel{background:linear-gradient(#465a6e26 0%,#465a6e1a 100%),#131311;border-radius:2px;flex-direction:column;width:45%;padding:12px 14px;font-family:VT323,monospace;display:flex;position:relative}.blue-lcd-container .info-panel:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 1px,#505d6a33 3px 4px),repeating-linear-gradient(90deg,#0000 0 1px,#505d6a33 3px 4px);border-radius:2px;position:absolute;inset:0}.blue-lcd-container .info-panel>*{z-index:2;position:relative}.blue-lcd-container .info-header{flex-direction:column;margin-bottom:8px;display:flex}.blue-lcd-container .info-title-jp{color:#80919b;letter-spacing:2px;margin-bottom:4px;font-size:18px}.blue-lcd-container .info-header-bottom{justify-content:space-between;align-items:baseline;display:flex}.blue-lcd-container .info-title{color:#64717e;letter-spacing:1px;font-size:14px}.blue-lcd-container .info-id{color:#80919b;font-size:24px;font-weight:700}.blue-lcd-container .info-divider{background:#8c99a74d;height:1px;margin:8px 0}.blue-lcd-container .info-rows{flex-direction:column;flex:1;gap:8px;display:flex}.blue-lcd-container .info-row{justify-content:space-between;align-items:baseline;display:flex}.blue-lcd-container .info-label{color:#505d6a;letter-spacing:.5px;font-size:12px}.blue-lcd-container .info-value{color:#80919b;text-align:right;font-size:16px}.blue-lcd-container .info-status{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.blue-lcd-container .info-panel .status-label{color:#505d6a;font-size:12px}.blue-lcd-container .status-value{font-size:14px}.blue-lcd-container .status-value.active{color:#80919b}.blue-lcd-container .data-panel{background:linear-gradient(#465a6e26 0%,#465a6e1a 100%),#131311;border-radius:2px;padding:10px 14px;font-family:VT323,monospace;position:relative}.blue-lcd-container .data-panel:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000 0 1px,#505d6a33 3px 4px),repeating-linear-gradient(90deg,#0000 0 1px,#505d6a33 3px 4px);border-radius:2px;position:absolute;inset:0}.blue-lcd-container .data-panel>*{z-index:2;position:relative}.blue-lcd-container .skills-header{color:#505d6a;letter-spacing:1px;margin-bottom:8px;font-size:12px}.blue-lcd-container .skills-bars{flex-direction:column;gap:6px;display:flex}.blue-lcd-container .skill-row{align-items:center;gap:10px;display:flex}.blue-lcd-container .skill-label{color:#505d6a;flex-shrink:0;width:80px;font-size:14px}.blue-lcd-container .skill-bar-container{background:#505d6a4d;border-radius:2px;flex:1;height:10px;overflow:hidden}.blue-lcd-container .skill-bar{background:linear-gradient(90deg,#64717e 0%,#80919b 100%);border-radius:2px;height:100%}.blue-lcd-container .skill-value{color:#80919b;text-align:right;width:28px;font-size:14px}.blue-lcd-container .blue-lcd-bottom-section{background:linear-gradient(#d4a574 0%,#c4956a 30%,#b48560 50%,#a47556 70%,#946550 100%);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 2px #ffffff40,inset 0 -2px #00000026}.blue-lcd-container .blue-lcd-bottom-section:before{content:"";z-index:0;background-image:url(/circuit.jpg);background-position:50%;background-size:cover;border-radius:6px;position:absolute;inset:10px 15px;box-shadow:inset 0 2px 6px #0006;-webkit-mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%);mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%)}.blue-lcd-container .blue-lcd-bottom-section:after{content:"";-webkit-backdrop-filter:blur(3px);pointer-events:none;z-index:0;background:linear-gradient(#b4825abf 0%,#a06e46cc 50%,#8c5a32d9 100%);border-radius:6px;position:absolute;inset:10px 15px;-webkit-mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%);mask-image:radial-gradient(95% 90%,#000 60%,#0000 100%)}.blue-lcd-container .blue-lcd-bottom-section>*{z-index:1;position:relative}.blue-lcd-container .dpad-container{flex-shrink:0;margin-left:10px}.blue-lcd-container .dpad{grid-template-rows:24px 24px 24px;grid-template-columns:24px 24px 24px;gap:0;display:grid}.blue-lcd-container .dpad-btn{color:#555;cursor:pointer;background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);justify-content:center;align-items:center;font-size:9px;transition:all .1s;display:flex;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.blue-lcd-container .dpad-btn.up{border-radius:4px 4px 0 0;grid-area:1/2}.blue-lcd-container .dpad-btn.down{border-radius:0 0 4px 4px;grid-area:3/2}.blue-lcd-container .dpad-btn.left{border-radius:4px 0 0 4px;grid-area:2/1}.blue-lcd-container .dpad-btn.right{border-radius:0 4px 4px 0;grid-area:2/3}.blue-lcd-container .dpad-center{background:#1a1a1a;grid-area:2/2}.blue-lcd-container .dpad-btn:hover{color:#777;background:linear-gradient(145deg,#3a3a3a 0%,#2a2a2a 50%,#1f1f1f 100%)}.blue-lcd-container .dpad-btn:active{transform:scale(.95);box-shadow:inset 0 2px 4px #00000080}.blue-lcd-container .blue-speaker-section{flex:1;justify-content:center;align-items:center;margin-left:20px;display:flex}.blue-lcd-container .blue-speaker-grille{grid-template-rows:repeat(4,8px);grid-template-columns:repeat(6,8px);gap:4px;display:grid}.blue-lcd-container .blue-speaker-hole{background:radial-gradient(circle,#3a4a3a 0%,#2a3a2a 50%,#1a2a1a 100%);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 1px 2px #00000080}.blue-lcd-container .action-buttons-right{flex-direction:row;flex-shrink:0;gap:10px;margin-right:10px;display:flex}.blue-lcd-container .action-buttons-right .action-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .1s;display:flex}.blue-lcd-container .action-buttons-right .action-btn.primary,.blue-lcd-container .action-buttons-right .action-btn.secondary{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);box-shadow:0 3px 6px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0003}.blue-lcd-container .action-buttons-right .action-btn:hover{transform:translateY(-1px);box-shadow:0 5px 10px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0003}.blue-lcd-container .action-buttons-right .action-btn:active{transform:translateY(2px);box-shadow:0 1px 3px #0006,inset 0 2px 4px #0000004d}.blue-lcd-container .action-buttons-right .btn-label{color:#8a9aaa;letter-spacing:.5px;font-family:Share Tech Mono,monospace;font-size:8px}@keyframes screenFlicker{0%,to{opacity:1}50%{opacity:.98}52%{opacity:1}54%{opacity:.97}56%{opacity:1}}.blue-lcd-container .blue-lcd-screen{animation:4s infinite screenFlicker}
.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:"Departure 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}