*{box-sizing:border-box;margin:0;padding:0}body{margin:0;overscroll-behavior:none;touch-action:pan-y}.app-container{height:100vh;width:100vw;background:linear-gradient(180deg,#1a0033,#2d1450,#4a1a6b 30%,#6b2d8a,#8b3fa8 70%,#c455d1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;position:relative;padding-top:40px;-webkit-user-select:none;user-select:none}.app-container:before{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%) translateY(-50%);width:min(400px,60vw);height:min(400px,60vw);background:radial-gradient(ellipse at center,rgba(255,183,77,.9) 0%,rgba(255,152,0,.7) 35%,transparent 68%),linear-gradient(180deg,#ffb84d,#ffa726,#ff9800,#ff6b35,#ff4500,#ff006e 75%,#e91e63 85%,#c2185b);border-radius:50%;z-index:1;box-shadow:0 0 80px #ff980080,0 0 150px #ff6b3566,0 0 250px #e91e634d}.app-container:after{content:"";position:absolute;top:35%;left:0;right:0;height:min(400px,60vw);transform:translateY(-50%);background:repeating-linear-gradient(transparent,transparent 18px,rgba(138,43,226,.8) 18px,rgba(138,43,226,.8) 22px);z-index:2;pointer-events:none}.app-container .skyline{position:absolute;bottom:50%;left:0;right:0;height:200px;z-index:10;background:linear-gradient(to bottom,transparent 0%,#0a0015 40%,#0a0015 100%);clip-path:polygon(0% 100%,0% 70%,3% 65%,3% 50%,5% 50%,5% 70%,8% 70%,8% 55%,10% 55%,10% 60%,12% 60%,12% 40%,15% 40%,15% 60%,18% 60%,18% 45%,20% 45%,20% 35%,22% 35%,22% 50%,25% 50%,25% 55%,28% 55%,28% 65%,30% 65%,30% 75%,35% 75%,35% 60%,38% 60%,38% 50%,40% 50%,40% 40%,42% 40%,42% 55%,45% 55%,45% 65%,48% 65%,48% 30%,52% 30%,52% 65%,55% 65%,55% 55%,58% 55%,58% 40%,60% 40%,60% 50%,62% 50%,62% 60%,65% 60%,65% 75%,70% 75%,70% 65%,72% 65%,72% 55%,75% 55%,75% 50%,78% 50%,78% 35%,80% 35%,80% 45%,82% 45%,82% 60%,85% 60%,85% 40%,88% 40%,88% 60%,90% 60%,90% 55%,92% 55%,92% 70%,95% 70%,95% 50%,97% 50%,97% 65%,100% 70%,100% 100%)}.app-container .grid-floor{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:50%;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,0,255,.6) 49px,rgba(255,0,255,.6) 51px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(0,255,255,.5) 49px,rgba(0,255,255,.5) 51px);background-size:50px 50px;transform-origin:top center;transform:translate(-50%) perspective(200px) rotateX(60deg);z-index:0;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{background-position:0 0,0 0}to{background-position:0 50px,0 0}}.scene-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:50%;z-index:5}.logo-container{text-align:center;z-index:100;position:relative;margin-bottom:20px}.logo{font-size:3rem;margin:0 0 15px;color:#0ff;font-weight:700;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff,0 0 60px rgba(0,255,255,.5),2px 2px 0 #ff006e,4px 4px 0 #ff1a7f;font-family:Courier New,monospace;letter-spacing:.15em;display:flex;align-items:center;justify-content:center;gap:15px}.construction-emoji{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,193,7,.8));animation:constructionBlink 1.5s ease-in-out infinite}@keyframes constructionBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.tagline-box{background:#000000b3;border-radius:8px;padding:10px 20px;border:2px solid rgba(0,255,255,.5);box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a;animation:taglineGlow 3s ease-in-out infinite}.tagline{font-size:1.2rem;margin:0 0 6px;color:#fff;font-weight:600;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px rgba(0,255,255,.5),2px 2px 4px rgba(0,0,0,.8);font-family:Courier New,monospace;letter-spacing:.05em}.subtitle{font-size:.85rem;margin:0;color:#ff8c42;font-weight:400;font-style:italic;text-shadow:0 0 8px rgba(255,140,66,.5);font-family:Courier New,monospace;animation:subtitleFade 2s ease-in-out infinite}@keyframes subtitleFade{0%,to{opacity:.8}50%{opacity:.5}}@keyframes taglineGlow{0%,to{border-color:#00ffff80;box-shadow:0 0 20px #00ffff4d,inset 0 0 20px #00ffff1a}50%{border-color:#f0f9;box-shadow:0 0 30px #ff00ff80,inset 0 0 30px #f0f3}}.trippy{display:inline-block;position:relative;background:linear-gradient(45deg,#ff006e,#f0f,#ff8c42,#ff0,#0f0,#0ff,#8b00ff 90%,#ff006e);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:psychedelicFlow 3s ease infinite,trippyWave 2s ease-in-out infinite,trippyScale 4s ease-in-out infinite;filter:drop-shadow(0 0 20px #ff00ff) drop-shadow(0 0 40px #00ffff) hue-rotate(0deg)}@keyframes psychedelicFlow{0%{background-position:0% 50%;filter:hue-rotate(0deg)}25%{background-position:50% 100%;filter:hue-rotate(90deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}75%{background-position:50% 0%;filter:hue-rotate(270deg)}to{background-position:0% 50%;filter:hue-rotate(360deg)}}@keyframes trippyWave{0%,to{transform:translateY(0) skew(0)}25%{transform:translateY(-5px) skew(2deg)}50%{transform:translateY(0) skew(0)}75%{transform:translateY(5px) skew(-2deg)}}@keyframes trippyScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.retro-car{position:absolute;bottom:40%;transform:translate(-50%);width:200px;z-index:250;filter:drop-shadow(0 0 30px rgba(255,0,255,.6)) drop-shadow(0 10px 30px rgba(0,0,0,.8));animation:carFloat 3s ease-in-out infinite;cursor:grab;pointer-events:auto;touch-action:none}.retro-car:active{cursor:grabbing;animation:none}@keyframes carFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.falling-station{position:absolute;font-size:2.5rem;z-index:45;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,0,110,.6));animation:stationPulse .8s ease-in-out infinite}@keyframes stationPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.fuel-gauge{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:200;background:#000c;border:2px solid #00ffff;border-radius:10px;padding:15px 12px;box-shadow:0 0 20px #00ffff80;display:flex;flex-direction:column;align-items:center;gap:10px}.fuel-label{color:#0ff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;text-align:center;text-shadow:0 0 5px #00ffff;writing-mode:vertical-rl;text-orientation:mixed}.fuel-meter-vertical{position:relative;width:40px;height:200px;background:#000000e6;border:2px solid #00ffff;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0}.fuel-bar-vertical{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0f0,#ff8c42,#ff006e);border-radius:0 0 3px 3px;box-shadow:0 0 10px currentColor}.fuel-marker-vertical{position:absolute;left:-10px;color:#0ff;font-size:1.2rem;text-shadow:0 0 5px #00ffff;z-index:10;transform:translateY(50%)}.fuel-text-e,.fuel-text-f{font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:#0ff;text-shadow:0 0 5px #00ffff;z-index:5}.score{color:#ff8c42;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;text-align:center;text-shadow:0 0 5px #ff8c42}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:150;animation:fadeIn .3s ease;pointer-events:none}.game-over-box{background:#1a0033f2;border:3px solid #ff006e;border-radius:15px;padding:30px 40px;text-align:center;box-shadow:0 0 50px #ff006e;animation:slideUp .5s ease;pointer-events:auto}.game-over-box h2{color:#0ff;font-family:Courier New,monospace;font-size:2.5rem;margin:0 0 20px;text-shadow:0 0 20px #00ffff}.final-score{color:#ff8c42;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;margin:15px 0;text-shadow:0 0 15px #ff8c42}.restart-hint{color:#0ff;font-family:Courier New,monospace;font-size:1rem;margin:20px 0 0;opacity:.8;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.8}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.skyline{height:160px;bottom:40%}.app-container{padding-top:30px}.logo{font-size:2.5rem;margin:0 0 10px;gap:12px}.construction-emoji{font-size:1.8rem}.tagline-box{padding:8px 16px}.tagline{font-size:1rem;margin:0 0 5px}.subtitle{font-size:.75rem}.logo-container{margin-bottom:15px}.grid-floor,.scene-container{max-width:100%}.retro-car{width:140px;bottom:38%}.falling-station{font-size:2rem}.fuel-gauge{padding:12px 10px;right:15px}.fuel-label{font-size:.8rem}.fuel-meter-vertical{width:35px;height:180px}.fuel-marker-vertical{font-size:1.1rem;left:-8px}.fuel-text-e,.fuel-text-f,.score{font-size:.8rem}}@media (max-width: 480px){.skyline{height:140px;bottom:38%}.app-container{padding-top:20px}.logo{font-size:2rem;margin:0 0 8px;gap:10px}.construction-emoji{font-size:1.5rem}.tagline-box{padding:7px 12px}.tagline{font-size:.85rem;margin:0 0 4px}.subtitle{font-size:.7rem}.logo-container{margin-bottom:10px}.retro-car{width:120px;bottom:35%}.falling-station{font-size:1.8rem}.fuel-gauge{padding:10px 8px;right:10px}.fuel-label{font-size:.75rem}.fuel-meter-vertical{width:30px;height:150px}.fuel-marker-vertical{font-size:1rem;left:-7px}.fuel-text-e,.fuel-text-f,.score{font-size:.75rem}.game-over-box{padding:20px 30px}.game-over-box h2{font-size:2rem}.final-score{font-size:1.4rem}.restart-hint{font-size:.9rem}}@media (max-height: 700px){.app-container{padding-top:20px}.logo{font-size:2rem;margin:0 0 8px;gap:10px}.construction-emoji{font-size:1.5rem}.tagline-box{padding:7px 12px}.tagline{font-size:.85rem;margin:0 0 4px}.subtitle{font-size:.7rem}.logo-container{margin-bottom:10px}.retro-car{bottom:32%;width:110px}}@media (max-height: 600px){.app-container{padding-top:15px}.logo{font-size:1.6rem;margin:0 0 6px;gap:8px}.construction-emoji{font-size:1.2rem}.tagline-box{padding:6px 10px}.tagline{font-size:.75rem;margin:0 0 4px}.subtitle{font-size:.65rem}.logo-container{margin-bottom:8px}.retro-car{bottom:28%;width:100px}.falling-station{font-size:1.5rem}.fuel-gauge{padding:8px 6px;right:8px}.fuel-label{font-size:.7rem}.fuel-meter-vertical{width:28px;height:120px;padding:6px 0}.fuel-marker-vertical{font-size:.9rem;left:-6px}.fuel-text-e,.fuel-text-f,.score{font-size:.7rem}.game-over-box{padding:20px 25px}.game-over-box h2{font-size:1.6rem;margin:0 0 15px}.final-score{font-size:1.2rem}.restart-hint{font-size:.8rem}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}