#fairy-kart-game {
  position: relative;
  width: 100%;
  height: 600px;
  background: linear-gradient(#6a4cff,#c77dff);
  overflow: hidden;
}

canvas {
  width:100%;
  height:100%;
}

.fk-topbar{
 position:absolute; top:10px; left:10px; right:10px;
 display:flex; justify-content:space-between;
 background:rgba(0,0,0,0.3); padding:10px;
 border-radius:30px; color:#fff; font-size:14px;
}

.fk-controls{
 position:absolute; bottom:80px; left:0; right:0;
 display:flex; justify-content:space-between;
 padding:0 20px;
}

.fk-controls button{
 width:120px; height:70px; border:none;
 border-radius:40px; font-size:28px;
 background:linear-gradient(135deg,#5f8cff,#8be9fd);
 color:white;
}

.fk-controls button:last-child{
 background:linear-gradient(135deg,#ff7bd5,#ffb86c);
}

.fk-energy{
 position:absolute; bottom:20px; left:20px; right:20px;
 height:16px; background:rgba(0,0,0,0.3);
 border-radius:20px; overflow:hidden;
}

.fk-energy .bar{
 height:100%; width:100%;
 background:linear-gradient(90deg,#00ffcc,#ffee00,#ff4d6d);
}