@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{--neon-cyan: #00fff2;--neon-magenta: #ff00e6;--neon-yellow: #ffe600;--neon-green: #00ff88;--neon-red: #ff3366;--bg-dark: #0a0a0f;--bg-panel: rgba(10, 10, 20, .9);--font-main: "Orbitron", monospace, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font-main);color:var(--neon-cyan);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}canvas{display:block}.game-container{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.title-screen{background:radial-gradient(ellipse at center,rgba(0,255,242,.05) 0%,var(--bg-dark) 70%)}.title-content{text-align:center;padding:20px}.game-title{font-size:3rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 60px rgba(0,255,242,.4);letter-spacing:4px;line-height:1.1;margin-bottom:12px;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 30px var(--neon-cyan)}50%{text-shadow:0 0 20px var(--neon-cyan),0 0 50px var(--neon-cyan),0 0 80px var(--neon-cyan)}}.subtitle{font-size:.9rem;color:var(--neon-magenta);margin-bottom:30px;letter-spacing:2px}.controls-info{font-size:.65rem;color:#fff9;line-height:2;margin-bottom:30px}.start-text{font-size:.85rem;color:var(--neon-yellow);animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.transition-screen{background:#05050ff2}.transition-content{text-align:center}.floor-text{font-size:2rem;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow);margin-bottom:20px}.transition-spinner{width:40px;height:40px;margin:0 auto;border:3px solid rgba(0,255,242,.2);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gameover-screen{background:#050000f2;animation:crashFlicker .1s steps(2) 3}@keyframes crashFlicker{0%,to{opacity:1}50%{opacity:.7}}.crash-terminal{width:90%;max-width:320px;padding:16px;border:1px solid var(--neon-red);border-radius:4px;background:#0a0000e6;box-shadow:0 0 20px #f363,inset 0 0 30px #000c}.crash-log{margin-bottom:12px;border-left:2px solid var(--neon-red);padding-left:8px}.log-line{font-size:.55rem;font-family:monospace;margin-bottom:4px;animation:logAppear .3s ease forwards;opacity:0}.log-line:nth-child(1){animation-delay:.2s}.log-line:nth-child(2){animation-delay:.5s}.log-line:nth-child(3){animation-delay:.8s}.log-line:nth-child(4){animation-delay:1.1s}.log-line:nth-child(5){animation-delay:1.5s}.log-line:nth-child(6){animation-delay:1.8s}@keyframes logAppear{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.log-line.err{color:var(--neon-red)}.log-line.warn{color:var(--neon-yellow)}.log-line.info{color:#fff9}.crash-divider{height:1px;background:linear-gradient(90deg,transparent,var(--neon-red),transparent);margin:12px 0}.crash-title{font-size:1.6rem;font-weight:900;color:var(--neon-red);text-shadow:0 0 15px var(--neon-red),0 0 40px rgba(255,51,102,.3);text-align:center;margin-bottom:4px;animation:crashPulse 1.5s ease-in-out infinite;animation-delay:2s;opacity:0;animation-fill-mode:forwards}@keyframes crashPulse{0%,to{opacity:1;text-shadow:0 0 15px var(--neon-red)}50%{opacity:.8;text-shadow:0 0 25px var(--neon-red),0 0 50px var(--neon-red)}}.crash-subtitle{font-size:.6rem;color:#fff6;text-align:center;letter-spacing:3px;margin-bottom:4px}.crash-stats{margin:10px 0}.stat-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,51,102,.15);font-size:.65rem}.stat-row span:first-child{color:#ffffff80}.stat-row span:last-child{color:var(--neon-cyan);font-weight:700}.restart-text{margin-top:20px!important;color:var(--neon-yellow)!important;animation:blink 1.2s ease-in-out infinite}.victory-screen{background:#000a05e6}.victory-content{text-align:center}.victory-title{font-size:1.8rem;font-weight:900;color:var(--neon-green);text-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green);margin-bottom:20px}.victory-content p{font-size:.8rem;color:#ffffffb3;margin-bottom:8px}.message-log{position:absolute;bottom:70px;left:10px;right:10px;pointer-events:none;z-index:5}.message-log p{font-size:.65rem;margin-bottom:3px;text-shadow:0 0 5px currentColor;font-weight:700}.bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(5,5,15,.95),transparent);display:flex;align-items:center;justify-content:space-between;z-index:5}.hp-section{flex:1;margin-right:12px}.hp-bar-bg{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,136,.3)}.hp-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-green),#00cc6a);border-radius:4px;transition:width .3s ease;box-shadow:0 0 6px var(--neon-green)}.hp-text{font-size:.55rem;color:var(--neon-green);display:block;margin-top:2px}.info-section{display:flex;gap:8px;align-items:center}.floor-badge,.level-badge,.score-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:3px}.floor-badge{background:#ffe60026;color:var(--neon-yellow);border:1px solid rgba(255,230,0,.3)}.level-badge{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.score-badge{background:#00fff21a;color:var(--neon-cyan);border:1px solid rgba(0,255,242,.3)}.crash-buttons{display:flex;gap:10px;margin-top:16px;justify-content:center}.crash-btn{font-family:var(--font-main);font-size:.7rem;font-weight:700;padding:10px 20px;border-radius:3px;border:none;cursor:pointer;letter-spacing:1px;transition:box-shadow .2s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.crash-btn:active{transform:scale(.95)}.crash-btn.primary{background:var(--neon-red);color:#fff;box-shadow:0 0 10px #f366}.crash-btn.primary:active{box-shadow:0 0 20px #ff3366b3}.crash-btn.secondary{background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.3)}.crash-btn.secondary:active{border-color:var(--neon-cyan);color:var(--neon-cyan)}.opening-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:pointer;touch-action:none}.opening-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.opening-tap-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:.7rem;color:#fff6;letter-spacing:3px;animation:blink 1.5s ease-in-out infinite}.opening-progress{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:6px}.progress-dot{width:6px;height:6px;border-radius:50%;border:1px solid rgba(0,255,242,.4);transition:background .3s}.progress-dot.filled{background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}.settings-btn{position:absolute;top:6px;left:6px;width:44px;height:44px;background:#0a0a14b3;border:1px solid rgba(0,255,242,.3);border-radius:6px;color:var(--neon-cyan);font-size:16px;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-btn:active{background:#00fff226}.pause-screen{background:#05050feb;z-index:15}.pause-panel{width:80%;max-width:280px;padding:20px;border:1px solid var(--neon-cyan);border-radius:6px;background:#0a0a19f2;text-align:center}.pause-title{font-size:1.4rem;color:var(--neon-cyan);margin-bottom:20px;letter-spacing:3px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:.7rem;color:#fff9}.setting-row input[type=range]{width:60%;accent-color:var(--neon-cyan)}.pause-panel .crash-btn{display:block;width:100%;margin-top:10px}.confirm-box{margin-top:16px;padding:12px;border:1px solid var(--neon-red);border-radius:4px;background:#140000e6}.confirm-box p{font-size:.7rem;color:#fffc;margin-bottom:10px}.confirm-buttons{display:flex;gap:8px;justify-content:center}.confirm-buttons .crash-btn{padding:6px 16px;font-size:.65rem}.best-score{font-size:.6rem;color:var(--neon-yellow);margin-top:10px;letter-spacing:1px}
