:root{--bg-dark: #0A0E1A;--bg-panel: #1A1F3A;--neon-cyan: #00F5FF;--neon-magenta: #FF006E;--neon-green: #39FF14;--neon-purple: #BD00FF;--text-main: #E0E0E0;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;background:#000;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:var(--font-mono);overflow:hidden}.cyber-app{width:100vw;max-width:900px;height:100vh;max-height:500px;background:var(--bg-dark);position:relative;display:flex;flex-direction:column;border:1px solid #333;box-shadow:0 0 30px #00f5ff1a}.cyber-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0a0e1acc;border-bottom:1px solid var(--neon-cyan);z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{font-size:1.2rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.cloud-sync{display:flex;align-items:center;gap:8px;color:#888;font-size:.8rem}.cloud-sync .spin{animation:spin 2s linear infinite;color:var(--neon-cyan)}.icon-btn{background:none;border:none;color:var(--neon-cyan);cursor:pointer;transition:.3s}.icon-btn:hover{text-shadow:0 0 10px var(--neon-cyan);transform:scale(1.1)}.game-viewport{flex:1;position:relative;overflow:hidden;cursor:crosshair}.cyber-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,245,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.1) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:gridMove 2s linear infinite}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,245,255,.05) 51%);background-size:100% 4px;pointer-events:none;z-index:50;animation:scanlineScroll 10s linear infinite}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0e1ae6;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.title{font-size:3rem;margin-bottom:1rem;text-align:center}.neon-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-magenta),0 0 40px var(--neon-magenta)}.high-score-display{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:var(--neon-magenta);margin-bottom:1rem;text-shadow:0 0 8px var(--neon-magenta)}.evolution-preview{height:120px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.cover-img{height:100%;object-fit:contain;filter:drop-shadow(0 0 15px var(--neon-cyan))}.cyber-btn{background:#00f5ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:15px 30px;font-size:1.2rem;font-family:var(--font-mono);cursor:pointer;display:flex;align-items:center;gap:10px;transition:.3s;text-transform:uppercase;box-shadow:0 0 15px #00f5ff33}.cyber-btn:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 25px var(--neon-cyan)}.cyber-btn:disabled{border-color:#555;color:#555;cursor:not-allowed;box-shadow:none}.restart-btn{border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff006e1a;box-shadow:0 0 15px #ff006e33}.restart-btn:hover{background:var(--neon-magenta);color:#000;box-shadow:0 0 25px var(--neon-magenta)}.controls-hint{margin-top:1.5rem;color:#888;font-size:.9rem}.hud{position:absolute;top:15px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:8px}.score-box{font-size:1.8rem;font-weight:700;color:var(--text-main);text-shadow:0 0 8px #fff}.level-box{font-size:1rem;display:flex;align-items:center;gap:5px}.neon-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.neon-magenta{color:var(--neon-magenta);text-shadow:0 0 8px var(--neon-magenta)}.lives-box{display:flex;gap:5px;justify-content:flex-end}.game-world{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ground-line{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan);z-index:2}.dino-sprite{position:absolute;left:50px;width:60px;height:60px;z-index:5;display:flex;justify-content:center;align-items:flex-end;transition:opacity .1s}.dino-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,245,255,.6))}.emoji-fallback{font-size:50px;line-height:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.obstacle-container{position:absolute;z-index:4;display:flex;justify-content:center;align-items:flex-end}.obs-svg{width:100%;height:100%;overflow:visible}.bullet-shape{position:absolute;z-index:3;border-radius:2px}.bullet-shape.normal{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan)}.bullet-shape.double{background:var(--neon-magenta);box-shadow:0 0 8px var(--neon-magenta)}.bullet-shape.laser{background:#fff;box-shadow:0 0 15px var(--neon-cyan),0 0 5px #fff}.bullet-shape.plasma{background:var(--neon-green);border-radius:50%;box-shadow:0 0 15px var(--neon-green)}.bullet-shape.nuke{background:radial-gradient(circle,#fff,var(--neon-purple));border-radius:50%;box-shadow:0 0 20px var(--neon-purple);animation:pulse .5s infinite}.particle{position:absolute;border-radius:50%;box-shadow:0 0 5px currentColor;z-index:6}.cloud-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#00f5ff33;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px 20px;border-radius:4px;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeOut 2s forwards;font-family:var(--font-mono)}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 40px}}@keyframes scanlineScroll{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{left:2px;text-shadow:-2px 0 var(--neon-magenta);clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(15px,9999px,71px,0)}20%{clip:rect(81px,9999px,11px,0)}40%{clip:rect(32px,9999px,98px,0)}60%{clip:rect(9px,9999px,45px,0)}80%{clip:rect(66px,9999px,22px,0)}to{clip:rect(43px,9999px,88px,0)}}.text-danger{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}.stats-board{background:#ff006e1a;border:1px solid var(--neon-magenta);padding:20px;margin:20px 0;width:300px;font-size:1.2rem}.stat-row{display:flex;justify-content:space-between;margin-bottom:10px}