.lumon-text{color:var(--lumon-text);font-family:Space Mono,monospace}.lumon-text-dim{color:var(--lumon-text-dim)}.lumon-header{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.lumon-number{font-family:Courier Prime,monospace;font-weight:300;font-size:2.8rem;color:var(--lumon-text);opacity:.85}.lumon-panel{background:var(--lumon-midnight);border-left:1px solid var(--lumon-steel);padding:1.5rem}.lumon-progress-bar{background:var(--lumon-steel);height:8px;position:relative;overflow:hidden}.lumon-progress-fill{background:linear-gradient(90deg,var(--lumon-green) 0%,var(--lumon-green-glow) 100%);height:100%;transition:width .3s ease-out}.lumon-button{background:var(--lumon-steel);border:1px solid var(--lumon-green);color:var(--lumon-text);padding:.5rem 1rem;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;cursor:pointer;transition:all .2s ease}.lumon-button:hover{background:var(--lumon-green);color:var(--lumon-black)}.lumon-button:active{transform:scale(.98)}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-2px,3px)}75%{transform:translate(-3px,-1px)}}@keyframes scary-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes tremor{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}}@keyframes hover-glow{0%,to{text-shadow:0 0 0 rgba(0,255,255,0)}50%{text-shadow:0 0 15px rgba(0,255,255,.5)}}@keyframes implode{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:1}to{transform:scale(0);opacity:0}}@keyframes particle-burst{0%{transform:scale(0) translate(0);opacity:1}to{transform:scale(1) translate(var(--tx),var(--ty));opacity:0}}@keyframes recoil{0%,to{transform:scale(1) translate(0)}25%{transform:scale(.9) translate(-3px,3px)}50%{transform:scale(.9) translate(3px,-3px)}75%{transform:scale(.9) translate(-2px,-2px)}}@keyframes error-flash{0%,to{opacity:0}50%{opacity:.3}}@keyframes success-flash{0%,to{opacity:0}50%{opacity:.2}}@keyframes sweep-left{0%{transform:translate(0);opacity:1}to{transform:translate(-200%);opacity:0}}@keyframes fade-in-right{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes celebration-scale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes waffle-grid{0%{background-position:0 0}to{background-position:50px 50px}}.crt-screen{position:relative;width:100%;height:100%;background:#001;overflow:hidden}.crt-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:10;opacity:.5}.crt-screen{transform:perspective(1000px) rotateX(1deg);border-radius:20px/40px}.crt-screen{box-shadow:inset 0 0 100px #00ffff26,inset 0 0 200px #00aaff1a,0 0 40px #0ff3}.crt-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:9}.crt-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:8;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");animation:noise .2s infinite}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes flicker{0%,99.5%{opacity:1}99.7%{opacity:.95}to{opacity:1}}.crt-flicker{animation:flicker 30s infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.crt-scanline{position:absolute;width:100%;height:2px;background:#0ff3;z-index:11;pointer-events:none;animation:scanline 8s linear infinite;opacity:0}.crt-scanline.active{opacity:1;animation:scanline 3s linear}@keyframes screen-hum{0%,to{opacity:1}50%{opacity:.98}}.crt-screen{animation:screen-hum 4s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box}:root{--lumon-void: #030305;--lumon-black: #050508;--lumon-dark: #0a0b10;--lumon-midnight: #12141c;--lumon-steel: #1a1d28;--lumon-text: #00ffff;--lumon-text-dim: #00aacc;--lumon-cyan: #00ffff;--lumon-cyan-bright: #00ffff;--lumon-cyan-glow: rgba(0, 255, 255, .3);--lumon-green: #4a7c59;--lumon-green-glow: #5fa870;--lumon-blue: #3a5a8c;--lumon-cream: #e8e4d9;--scary-warm: #ffaa00;--scary-glow: rgba(255, 170, 0, .3);--error-red: #ff4444}body{font-family:Courier Prime,Space Mono,monospace;background:var(--lumon-void);color:var(--lumon-cyan);letter-spacing:.05em;line-height:1.6;overflow:hidden;height:100vh;width:100vw}#root{width:100%;height:100%}body{cursor:crosshair}button,a{cursor:pointer}*:focus{outline:none}*:focus-visible{outline:2px solid var(--lumon-green);outline-offset:2px}
