:root{--color-bg:#000;--color-primary:#ff003c;--color-primary-dim:#880020;--color-secondary:#fff;--scanline-color:#ff003c0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-primary);-webkit-user-select:none;user-select:none;height:100vh;margin:0;font-family:"Press Start 2P",cursive;line-height:1.6;overflow:hidden}::selection{background:var(--color-primary);color:var(--color-bg)}.crt-overlay{pointer-events:none;z-index:100;background:linear-gradient(#12101000 50%, var(--scanline-color) 50%);background-size:100% 4px;width:100vw;height:100vh;animation:10s linear infinite scrollScanlines;position:fixed;top:0;left:0;box-shadow:inset 0 0 100px #ff003c1a}@keyframes scrollScanlines{0%{background-position:0 0}to{background-position:0 100vh}}.flicker{animation:.15s infinite crtFlicker}@keyframes crtFlicker{0%{opacity:.95}50%{opacity:1}to{opacity:.92}}.app-container{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex;position:relative}.header{text-shadow:2px 2px 0px var(--color-primary-dim), -1px -1px 5px var(--color-primary);margin-bottom:3rem}.title{letter-spacing:2px;margin-bottom:.5rem;font-size:2.5rem}.subtitle{color:var(--color-secondary);font-size:.8rem}.score-board{color:var(--color-secondary);justify-content:space-between;font-size:.8rem;display:flex;position:absolute;top:2rem;left:2rem;right:2rem}.blink{animation:1s linear infinite blinker}@keyframes blinker{50%{opacity:0}}.menu-list{text-align:left;flex-direction:column;align-items:flex-start;gap:1.5rem;list-style-type:none;display:flex}.menu-item{cursor:pointer;align-items:center;font-size:1.2rem;transition:transform .1s;display:flex;position:relative}.menu-item:hover{transform:scale(1.05)}.cursor{visibility:hidden;color:var(--color-secondary);margin-right:1rem}.menu-item.active .cursor{visibility:visible;animation:.5s step-end infinite cursorBlink}.menu-item.active .item-text{color:var(--color-secondary);text-shadow:0 0 5px var(--color-secondary)}.item-text{color:var(--color-primary);align-items:center;gap:.8rem;text-decoration:none;display:flex}.icon{font-size:1.2rem}@keyframes cursorBlink{50%{opacity:0}}.footer{color:var(--color-primary-dim);font-size:.6rem;position:absolute;bottom:2rem}.insert-coin{color:var(--color-secondary);margin-top:4rem;font-size:1rem;animation:1.5s step-end infinite blinker}.game-area{cursor:pointer;width:100vw;max-width:600px;height:200px;margin:2rem auto;position:relative;overflow:hidden}.ground-line{background-color:var(--color-primary);width:100%;height:2px;box-shadow:0 0 5px var(--color-primary);position:absolute;bottom:10px;left:0}.cloud{color:var(--color-primary-dim);position:absolute}.mountain{color:var(--color-primary-dim);position:absolute;bottom:12px}.player{color:var(--color-primary);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:12px;left:50px}.obstacle{color:var(--color-primary);justify-content:center;align-items:flex-end;display:flex;position:absolute}.game-over-screen{z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-over-text{color:var(--color-primary);text-shadow:2px 2px 0px var(--color-primary-dim);margin-bottom:1rem;font-size:2.5rem;animation:1s step-end infinite blinker}.restart-text{color:var(--color-secondary);font-size:.8rem}.score-display{color:var(--color-secondary);z-index:5;font-size:.8rem;position:absolute;top:10px;right:10px}@media (width<=768px){.title{font-size:1.5rem}.menu-item{font-size:1rem}.score-board{font-size:.6rem;top:1rem;left:1rem;right:1rem}.game-area{width:90vw}}
