*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a1a;min-height:100vh;font-family:Courier New,monospace;overflow-x:hidden}#root{min-height:100vh}.landing{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:100;background:repeating-linear-gradient(#0000,#0000 2px,#0000001a 2px 4px);position:fixed;inset:0}.stars{pointer-events:none;position:fixed;inset:0}.star{background:#fff;width:3px;height:3px;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.particles{pointer-events:none;z-index:5;position:fixed;inset:0}.particle{width:4px;height:4px;animation:8s linear infinite float;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)rotate(720deg)}}.container{text-align:center;z-index:10;position:relative}.high-score{color:gold;letter-spacing:3px;opacity:.7;margin-bottom:20px;font-size:11px}.pixel-fox{grid-template-columns:repeat(16,8px);justify-content:center;gap:1px;margin:0 auto 10px;display:grid}.pixel{width:8px;height:8px}.title{letter-spacing:6px;text-shadow:3px 3px #e94560,6px 6px #e945604d;margin:25px 0 5px;font-family:Courier New,monospace;font-size:42px;font-weight:700}.title .fox{color:gold}.title .coding{color:#4ecdc4}.tagline{color:#a8a8a8;letter-spacing:2px;margin-bottom:30px;font-size:13px}.coming-soon{color:#e94560;letter-spacing:4px;margin-bottom:20px;font-size:22px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.press-start{color:gold;letter-spacing:3px;cursor:pointer;background:0 0;border:2px solid gold;padding:10px 30px;font-family:Courier New,monospace;font-size:14px;transition:all .2s;animation:1.5s step-end infinite blink;display:inline-block}.press-start:hover{color:#0a0a1a;background:gold}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:0}}.lives{justify-content:center;gap:8px;margin-top:25px;display:flex}.life{font-size:18px;animation:1.5s ease-in-out infinite bob}.life:nth-child(2){animation-delay:.3s}.life:nth-child(3){animation-delay:.6s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer{color:#555;letter-spacing:2px;z-index:10;font-size:10px;position:fixed;bottom:20px}@media (width<=480px){.title{letter-spacing:3px;font-size:28px}.coming-soon{font-size:16px}.pixel-fox{grid-template-columns:repeat(16,6px)}.pixel{width:6px;height:6px}}
