/* game-style.css v1.0 - F1 Yellow Racer */
#f1rg-game-container{position:relative;background:#1a1a1a;border-radius:8px;overflow:hidden;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#fff;touch-action:none;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
#f1rg-game-container:fullscreen,#f1rg-game-container:-webkit-full-screen,#f1rg-game-container:-moz-full-screen{width:100vw!important;height:100vh!important;border-radius:0}
#f1rg-canvas{display:block;width:100%;height:100%}
#f1rg-minimap{position:absolute;top:20px;right:20px;width:200px;height:200px;background:rgba(0,0,0,0.8);border:3px solid #e10600;border-radius:8px;z-index:6;box-shadow:0 2px 10px rgba(0,0,0,0.5)}
#f1rg-fullscreen-btn{position:absolute;top:20px;right:230px;width:40px;height:40px;background:rgba(0,0,0,0.7);border:2px solid #e10600;border-radius:8px;color:#fff;font-size:20px;cursor:pointer;z-index:7;display:flex;align-items:center;justify-content:center;transition:all 0.3s}
#f1rg-fullscreen-btn:hover{background:#e10600}
#f1rg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;text-align:center;backdrop-filter:blur(5px)}
#f1rg-overlay h1{font-size:56px;margin-bottom:20px;color:#ffcc00;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
#f1rg-overlay p{font-size:16px;color:#ccc;margin-top:15px}
#f1rg-start-btn{background:linear-gradient(135deg,#ffcc00 0%,#cc9900 100%);color:#111;border:none;padding:18px 50px;font-size:22px;font-weight:bold;border-radius:8px;cursor:pointer;transition:all 0.3s;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(255,204,0,0.4)}
#f1rg-start-btn:hover{background:linear-gradient(135deg,#ffe033 0%,#ffcc00 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,204,0,0.6)}
#f1rg-start-btn:active{transform:translateY(0)}
#f1rg-hud{position:absolute;top:20px;left:20px;z-index:5;background:rgba(0,0,0,0.7);padding:15px 25px;border-radius:8px;border-left:4px solid #ffcc00;backdrop-filter:blur(5px)}
#f1rg-speed,#f1rg-lap,#f1rg-position{font-size:20px;font-weight:bold;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,0.8)}
#f1rg-speed span,#f1rg-lap span{color:#ffcc00}
#f1rg-position{color:#ffd700;font-size:24px}
#f1rg-position span{color:#ffd700;font-size:28px}
#f1rg-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:5;pointer-events:none}
.f1rg-btn-group{display:flex;gap:15px;pointer-events:auto}
.f1rg-btn{width:70px;height:70px;background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.6);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:28px;user-select:none;cursor:pointer;transition:all 0.2s;backdrop-filter:blur(5px)}
.f1rg-btn:hover{background:rgba(255,255,255,0.25)}
.f1rg-btn:active{background:rgba(255,204,0,0.7);border-color:#ffcc00;transform:scale(0.95)}
@media (max-width:768px){
  #f1rg-minimap{width:120px;height:120px;top:10px;right:10px}
  #f1rg-fullscreen-btn{top:10px;right:140px;width:35px;height:35px;font-size:16px}
  #f1rg-hud{top:10px;left:10px;padding:10px 15px}
  #f1rg-speed,#f1rg-lap{font-size:14px}
  #f1rg-position{font-size:18px}
  #f1rg-position span{font-size:20px}
  #f1rg-overlay h1{font-size:32px}
  #f1rg-start-btn{padding:12px 30px;font-size:16px}
  .f1rg-btn{width:55px;height:55px;font-size:22px}
}
@media (min-width:769px){#f1rg-controls{display:none}}