@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{margin:0;background-color:#0b0c10;font-family:"Press Start 2P",monospace;color:#fff;-webkit-user-select:none;user-select:none}.game-container{max-width:850px;margin:20px auto;padding:20px;background:linear-gradient(135deg,#1f2833,#0b0c10);border:4px solid #1f2833;border-radius:16px;box-shadow:0 10px 30px #00000080;transition:all .5s ease;position:relative;overflow:hidden}.game-container.night-mode{background:linear-gradient(135deg,#020c1b,#000);border-color:#00f3ff;box-shadow:0 0 20px #00f3ff4d}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.brand{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px}.logo-text{font-size:14px;background:linear-gradient(45deg,#39ff14,#00f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(57,255,20,.4)}.scoreboard{display:flex;align-items:center;gap:15px}.score-item{display:flex;align-items:center;gap:5px;font-size:12px;background:#ffffff0d;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.score-item.current{border-color:#39ff14;color:#39ff14;text-shadow:0 0 5px rgba(57,255,20,.5)}.icon{margin-right:2px}.icon.gold{color:#fa0}.icon.neon{color:#39ff14}.icon-btn{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#fff3}.game-viewport{position:relative;width:100%;height:300px;background:#151b26;border-radius:12px;overflow:hidden;border:2px solid #2c3540;transition:background .5s ease}.night-mode .game-viewport{background:#050a12;border-color:#00f3ff}.sky-decor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cloud{position:absolute;background:#ffffff0d;border-radius:10px}.cloud-1{width:80px;height:20px;top:40px;left:15%;animation:floatCloud 25s linear infinite}.cloud-2{width:120px;height:25px;top:80px;left:65%;animation:floatCloud 35s linear infinite}@keyframes floatCloud{0%{transform:translate(850px)}to{transform:translate(-200px)}}.moon-sun{position:absolute;width:40px;height:40px;border-radius:50%;top:30px;right:80px;background:#fa0;box-shadow:0 0 20px #fa0;transition:all 1s cubic-bezier(.4,0,.2,1)}.night-mode .moon-sun{background:#00f3ff;box-shadow:0 0 25px #00f3ff,inset -8px -8px #0003;transform:translateY(-10px)}.game-arena{position:absolute;bottom:0;left:0;width:100%;height:100%}.dino{position:absolute;left:80px;width:50px;height:50px;z-index:10;transition:transform .1s}.dino.ducking{height:25px;transform:scaleY(.5)}.dino-svg{width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(57,255,20,.6))}.dino.shielded .dino-svg{filter:drop-shadow(0 0 8px rgba(0,243,255,.8))}.shield-halo{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px dashed #00f3ff;border-radius:50%;animation:rotateShield 2s linear infinite;box-shadow:inset 0 0 10px #00f3ff4d}@keyframes rotateShield{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shield-indicator{position:absolute;top:15px;left:15px;background:#00f3ff33;border:1px solid #00f3ff;padding:6px 12px;border-radius:20px;font-size:10px;color:#00f3ff;display:flex;align-items:center;gap:6px;z-index:20;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.8}to{opacity:1;box-shadow:0 0 8px #00f3ff80}}.obstacle{position:absolute;z-index:5}.obstacle-svg{width:100%;height:100%}.cactus .obstacle-svg{filter:drop-shadow(0 0 6px rgba(255,0,127,.8))}.bird .obstacle-svg{filter:drop-shadow(0 0 6px rgba(255,170,0,.8))}.shield-item{width:100%;height:100%;background:#00f3ff4d;border:2px solid #00f3ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00f3ff;box-shadow:0 0 10px #00f3ff;animation:floatItem 1s ease-in-out infinite alternate}@keyframes floatItem{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.ground{position:absolute;bottom:0;left:0;width:100%;height:30px}.ground-line{width:100%;height:4px;background:#39ff14;box-shadow:0 0 8px #39ff14}.night-mode .ground-line{background:#00f3ff;box-shadow:0 0 8px #00f3ff}.ground-dots{color:#fff3;font-size:14px;white-space:nowrap;margin-top:4px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0c10d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30;text-align:center;padding:20px;box-sizing:border-box}.title{font-size:28px;margin:0 0 10px;background:linear-gradient(45deg,#39ff14,#00f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(57,255,20,.5)}.subtitle{font-size:10px;color:#a3a8b4;line-height:1.6;margin-bottom:25px}.action-btn{background:#39ff14;color:#000;border:none;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 0 15px #39ff1499;transition:all .2s}.action-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #39ff14e6}.action-btn.restart{background:#ff007f;color:#fff;box-shadow:0 0 15px #ff007f99}.action-btn.restart:hover{box-shadow:0 0 25px #ff007fe6}.tips{margin-top:25px;font-size:9px;color:#666e7d}kbd{background:#222;border:1px solid #444;padding:2px 6px;border-radius:4px;color:#eee}.game-over-title{font-size:32px;color:#ff007f;text-shadow:0 0 15px rgba(255,0,127,.6);margin:0 0 15px;animation:shake .5s ease-in-out}.final-score{font-size:14px;margin-bottom:10px}.new-record{font-size:10px;color:#fa0;margin-bottom:20px;animation:pulse .5s infinite alternate}.mobile-controls{display:flex;gap:15px;margin-top:15px}.control-btn{flex:1;height:60px;background:#1f2833;border:2px solid #2c3540;border-radius:10px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:9px;transition:all .1s}.control-btn:active,.control-btn.active{background:#2c3540;transform:scale(.95)}.jump-btn{border-color:#39ff14;box-shadow:inset 0 0 5px #39ff1433}.jump-btn:active{background:#39ff141a}.duck-btn{border-color:#fa0;box-shadow:inset 0 0 5px #fa03}.duck-btn.active,.duck-btn:active{background:#ffaa001a}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}