:root{--primary: #ff4757;--dark: #1e272e;--darker: #000000;--light: #f1f2f6;--glass: rgba(255, 255, 255, .1)}body{margin:0;background-color:var(--darker);color:var(--light);font-family:Segoe UI,sans-serif;overflow-x:hidden}.loading-wrapper{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#111}.engine-loader{display:flex;gap:10px;margin-bottom:20px}.piston{width:20px;height:60px;background:var(--primary);animation:pistonMove .5s infinite alternate}.piston:nth-child(2){animation-delay:.2s}.piston:nth-child(3){animation-delay:.4s}@keyframes pistonMove{0%{height:20px}to{height:60px}}.loading-text{letter-spacing:2px;color:#fff;font-size:1.5rem}.loading-bar{width:200px;height:4px;background:#333;margin-top:10px;border-radius:2px;overflow:hidden}.fill{width:100%;height:100%;background:var(--primary);animation:load 2s ease-in-out}@keyframes load{0%{width:0}to{width:100%}}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:#1a1a1a;border-bottom:1px solid #333}.logo{font-weight:700;font-size:1.2rem}.logo span{color:var(--primary);font-style:italic}.nav-btn{background:none;border:none;color:#aaa;cursor:pointer;margin-right:15px;font-size:1rem}.nav-btn:hover{color:#fff}.login-btn{background:var(--primary);border:none;padding:8px 16px;color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.main-layout{display:flex;flex-wrap:wrap;gap:20px;max-width:1000px;margin:20px auto;width:95%}.game-console{flex:2;min-width:300px;background:#2f3542;border-radius:10px;padding:10px;border:4px solid #444}.score-strip{display:flex;justify-content:space-between;padding:0 10px 10px;font-weight:700}.screen{height:400px;background:#27ae60;position:relative;overflow:hidden;border-radius:4px}.road{width:80%;height:100%;background:#2d3436;margin:0 auto;position:relative;border-left:5px solid white;border-right:5px solid white}.lane-line{position:absolute;width:4px;height:100%;background:repeating-linear-gradient(to bottom,#fff 0,#fff 20px,transparent 20px,transparent 40px);animation:roadScroll .5s linear infinite}.lane-line.left{left:33%}.lane-line.right{left:66%}@keyframes roadScroll{0%{background-position:0 0}to{background-position:0 40px}}.player{position:absolute;bottom:20px;font-size:2.5rem;transform:translate(-50%);transition:left .1s;z-index:5}.enemy{position:absolute;font-size:2.5rem;transform:translate(-50%);z-index:4}.crash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.crash-overlay button{padding:10px 20px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:700}.controls-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:8}.tap-zone{flex:1}.mobile-controls{display:flex;gap:10px;margin-top:10px}.mobile-controls button{flex:1;padding:15px;background:#111;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.mobile-controls button:active{background:var(--primary)}.sidebar{flex:1;min-width:250px}.info-card{background:#1a1a1a;padding:15px;border-radius:8px;margin-bottom:20px}.info-card h3{margin-top:0;display:flex;align-items:center;gap:10px;color:var(--primary)}.leaderboard{list-style:none;padding:0;color:#ccc}.leaderboard li{border-bottom:1px solid #333;padding:8px 0}.footer{background:#111;padding:30px;text-align:center;border-top:1px solid #333;margin-top:auto}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.footer-links span{display:flex;align-items:center;gap:5px;cursor:pointer;color:#888}.footer-links span:hover{color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-box{background:#1e272e;width:90%;max-width:400px;padding:25px;border-radius:10px;position:relative;box-shadow:0 10px 40px #00000080;border:1px solid #444}.close-icon{position:absolute;top:15px;right:15px;background:none;border:none;color:#888;cursor:pointer}.modal-content h2{margin-top:0;color:#fff;text-align:center}.input-field{width:100%;padding:12px;margin-bottom:10px;background:#111;border:1px solid #333;color:#fff;border-radius:4px;box-sizing:border-box}.submit-btn{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.submit-btn:disabled{background:#555}.text-left{text-align:left;line-height:1.6;color:#ccc}.iframe-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff}.full-iframe{width:100%;height:100%;border:none}