@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:#000;color:#0f0;display:flex;font-family:Press Start\ 2P,monospace;justify-content:center;min-height:100vh;outline:none;overflow:hidden}.retro-container{max-width:800px;padding:20px;width:90%}.retro-screen{animation:screen-flicker .15s infinite alternate;background:linear-gradient(180deg,#010,#000800);border:8px solid #333;border-radius:20px;box-shadow:0 0 50px #00ff004d,inset 0 0 100px #000c;padding:40px;position:relative}.scanlines{background:linear-gradient(#0000 50%,#00000040 0);background-size:100% 4px;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.crt-effect{position:relative;text-shadow:0 0 10px #0f0;z-index:2}.title{color:#0f0;font-size:clamp(1rem,4vw,1.5rem);letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:0 0 20px #0f0}.blink{animation:blink 1s infinite}.subtitle{color:#0d0;font-size:clamp(.5rem,2vw,.8rem);letter-spacing:3px;margin-bottom:40px;text-align:center}.menu{flex-direction:column;margin:40px 0}.menu,.menu-item{display:flex;gap:15px}.menu-item{align-items:center;border:2px solid #0000;cursor:pointer;font-size:clamp(.6rem,2vw,1rem);padding:15px 20px;transition:all .1s}.menu-item:hover{background:#00ff001a}.menu-item.selected{background:#0f03;border:2px solid #0f0;box-shadow:0 0 20px #00ff0080}.menu-cursor{animation:pulse .8s infinite;color:#0f0;font-size:1.2em}.menu-title{letter-spacing:2px}.description{border-bottom:2px solid #0f0;border-top:2px solid #0f0;color:#0d0;font-size:clamp(.4rem,1.5vw,.7rem);letter-spacing:1px;line-height:1.8;margin:30px 0;min-height:60px;padding:20px;text-align:center}.controls{border-top:1px solid #0a0;color:#0a0;display:flex;font-size:clamp(.4rem,1.5vw,.6rem);justify-content:space-around;margin-top:30px;padding-top:20px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes screen-flicker{0%{opacity:.98}to{opacity:1}}@media (max-width:768px){.retro-screen{padding:20px}.menu-item{padding:12px 15px}.controls{align-items:center;flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.19db4d0a.css.map*/