arthurformat/racer-rush-thunderbolt
0
1@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Roboto:wght@300;400;500;700&display=swap');2 3* {4 margin: 0;5 padding: 0;6 box-sizing: border-box;7}8 9body {10 font-family: 'Roboto', sans-serif;11}12 13.game-container {14 border: 3px solid #3b82f6;15 box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);16}17 18#gameCanvas {19 background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%);20 display: block;21}22 23.road-lines {24 background: repeating-linear-gradient(25 to bottom,26 transparent,27 transparent 20px,28 #facc15 20px,29 #facc15 40px30 );31}32 33@keyframes roadMove {34 0% { background-position: 0 0; }35 100% { background-position: 0 40px; }36}37 38.road-moving {39 animation: roadMove 0.5s linear infinite;40}41 42.game-stats {43 backdrop-filter: blur(10px);44 border: 1px solid rgba(59, 130, 246, 0.3);45}46 47#restartBtn {48 box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);49 transition: all 0.3s ease;50}51 52#restartBtn:hover {53 transform: translateY(-2px);54 box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);55}56 57h1 {58 font-family: 'Orbitron', monospace;59 background: linear-gradient(45deg, #60a5fa, #3b82f6, #2563eb);60 -webkit-background-clip: text;61 -webkit-text-fill-color: transparent;62 filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));63}64 65@media (max-width: 768px) {66 .game-container {67 margin: 0 1rem;68 }69 70 #gameCanvas {71 height: 400px;72 }73 74 h1 {75 font-size: 2.5rem !important;76 }77}78 79.obstacle-shadow {80 filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));81}82 83.car-glow {84 filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.7));85}