:root{--bg-dark: #0a0a16;--neon-green: #00ff66;--neon-purple: #b026ff;--neon-blue: #00f3ff;--neon-red: #ff003c;--gold: #ffd700;--text-main: #e0e0ff}*{box-sizing:border-box;margin:0;padding:0;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden}.game-container{position:relative;width:100vw;height:100vh;max-width:800px;margin:0 auto;background:radial-gradient(circle at center,#1a1a2e 0%,var(--bg-dark) 100%);overflow:hidden;box-shadow:0 0 20px #00ff661a}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.start-screen,.gameover-screen{align-items:center;justify-content:center;z-index:10;background:#0a0a16d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.neon-text{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-green),0 0 40px var(--neon-green);text-align:center;margin-bottom:1rem}.neon-text .subtitle{font-size:1.5rem;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue),0 0 10px var(--neon-blue)}.neon-text-sm{font-size:1.2rem;font-weight:700;color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}.text-gold{color:var(--gold)}.text-red{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red)}.text-green{color:var(--neon-green)}.text-gray{color:#555}.text-yellow{color:#ffea00}.cloud-indicator{position:absolute;top:10px;left:10px;z-index:100;font-size:.8rem;display:flex;align-items:center;gap:5px;background:#00000080;padding:4px 8px;border-radius:12px;border:1px solid #333}.icon{width:18px;height:18px}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:absolute;top:50px;left:50%;transform:translate(-50%);background:var(--neon-purple);color:#fff;padding:8px 16px;border-radius:20px;z-index:100;font-weight:700;box-shadow:0 0 15px var(--neon-purple)}.cyber-btn{background:transparent;border:2px solid var(--neon-green);color:var(--neon-green);padding:12px 24px;font-size:1.2rem;font-weight:700;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:10px;transition:all .2s;text-transform:uppercase;box-shadow:0 0 10px #0f63 inset,0 0 10px #0f63}.cyber-btn:hover:not(:disabled){background:var(--neon-green);color:var(--bg-dark);box-shadow:0 0 20px var(--neon-green)}.cyber-btn:disabled{border-color:#555;color:#555;cursor:not-allowed;box-shadow:none}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.badge{padding:4px 8px;border-radius:4px;font-size:.8rem;text-transform:uppercase}.badge.unlocked{background:#0f63;border:1px solid var(--neon-green);color:var(--neon-green)}.badge.locked{background:#ffffff1a;border:1px dashed #555;color:#777}.results-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:20px;border-radius:8px;width:80%;max-width:300px;margin-bottom:20px}.result-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.2rem}.new-record{text-align:center;font-weight:700;margin-top:10px}.blink{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:.3}}.game-screen{justify-content:space-between}.hud{display:flex;justify-content:space-between;padding:15px 20px;z-index:20;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.hud-left,.hud-right{display:flex;flex-direction:column;gap:5px}.hud-center{display:flex;align-items:center;justify-content:center;flex:1}.stat{font-size:1rem}.lives{display:flex;gap:5px}.speed-meter{display:flex;align-items:center;gap:5px;font-size:.9rem;color:var(--neon-blue)}.combo-text{font-size:1.5rem;font-weight:700;text-shadow:0 0 10px var(--gold)}.game-world{flex:1;position:relative;overflow:hidden}.absolute{position:absolute}.player{width:60px;height:60px;z-index:5;display:flex;align-items:center;justify-content:center;transition:bottom .05s linear,top .05s linear}.player-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--neon-blue))}.fallback-emoji{font-size:40px;line-height:1;display:block}.obstacle{z-index:4;display:flex;align-items:center;justify-content:center}.obs-img{width:100%;height:100%;object-fit:contain}.ground-line{position:absolute;left:0;width:100%;height:2px;background:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple),0 0 20px var(--neon-purple);z-index:3}.terrain-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.2;pointer-events:none}.roof-pattern{width:200%;height:100%;background-size:200px;background-repeat:repeat-x;background-position:bottom;animation:scrollBg 5s linear infinite}@keyframes scrollBg{0%{transform:translate(0)}to{transform:translate(-100px)}}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,102,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,102,.1) 1px,transparent 1px);background-size:30px 30px;transform:perspective(500px) rotateX(60deg);transform-origin:bottom;z-index:-1;animation:gridMove 2s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 30px}}.trick-popup{position:absolute;top:-30px;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.drift-trail{position:absolute;bottom:0;left:-20px;width:40px;height:10px;background:linear-gradient(90deg,transparent,var(--neon-blue));border-radius:50%;filter:blur(4px);animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1;width:40px}to{opacity:0;width:80px;left:-60px}}.mobile-controls{display:flex;justify-content:space-around;padding:15px;background:#000c;border-top:1px solid rgba(255,255,255,.1);z-index:20}.control-btn{flex:1;margin:0 5px;padding:15px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.8rem;cursor:pointer;transition:background .1s}.control-btn:active{background:#fff3}.drift-btn{border-color:var(--neon-blue);color:var(--neon-blue)}.gravity-btn{border-color:var(--neon-purple);color:var(--neon-purple)}
