@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Nunito:wght@800;900&display=swap');
:root{--red:#ee4d3d;--blue:#3c7ee5;--yellow:#ffe342;--ink:#26343b}*{box-sizing:border-box}button{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
body{min-height:100vh;margin:0;display:grid;place-items:center;overflow-x:hidden;font-family:Nunito,Arial,sans-serif;background:linear-gradient(#73d9ef,#62c873);color:white}.home-link{position:fixed;z-index:20;top:14px;left:18px;padding:9px 14px;color:white;background:#28586b;border:3px solid white;border-radius:12px;text-decoration:none;font-size:13px;box-shadow:0 4px #173845}
.game{position:relative;width:min(1000px,96vw);min-height:730px;padding:14px 24px 22px;border:8px solid white;border-radius:32px;background:#243b50;box-shadow:0 16px #172b37,0 25px 55px #193f5277}header{text-align:center}h1,h2{margin:0;font-family:'Baloo 2';line-height:1}h1{font-size:clamp(27px,5vw,48px);color:var(--yellow);text-shadow:3px 4px #a53c31}.hud{width:min(850px,98%);margin:8px auto;display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:7px}.hud>*{padding:7px;border:3px solid #fff8;border-radius:12px;background:#122635}.hud b{color:var(--yellow);font-size:21px}.hud strong{color:#92f2ff}
.canvas-wrap{width:min(850px,100%);margin:auto;overflow:hidden;border:7px solid #fff;border-radius:22px;background:#393d44;box-shadow:0 9px #12232e}.canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:14px}.controls button,.overlay button{min-width:105px;padding:11px 12px;border:4px solid white;border-radius:15px;color:white;background:linear-gradient(#579bf4,#3470ca);font:900 14px Nunito;box-shadow:0 6px #244d8e;cursor:pointer}.controls #boostButton{background:linear-gradient(#57d675,#299e4d);box-shadow:0 6px #176b35}.controls #slowButton{background:linear-gradient(#ef776b,#c8453b);box-shadow:0 6px #8e2d28}.controls #tiltButton{background:linear-gradient(#b36ce4,#7441bc);box-shadow:0 6px #4b287c}.controls button:active,.overlay button:active{transform:translateY(4px);box-shadow:0 2px #243f6b}
.overlay{position:absolute;z-index:12;inset:135px 18% auto;padding:30px;text-align:center;border:7px solid white;border-radius:28px;background:linear-gradient(145deg,#e94e42,#6c42ce);box-shadow:0 20px 60px #101b2cbb}.overlay .hero-karts,.overlay>div{font-size:72px}.overlay h2{font-size:44px}.overlay p{font-size:18px}.overlay button{background:linear-gradient(#59d775,#299e4e);box-shadow:0 6px #176c36}
@media(max-width:620px){.game{min-height:100vh;padding:55px 7px 15px;border:0;border-radius:0}.hud{gap:3px}.hud>*{padding:5px;font-size:10px}.controls{gap:5px}.controls button{min-width:0;flex:1;padding:11px 4px}.overlay{inset:140px 6% auto;padding:22px}.overlay .hero-karts{font-size:48px}.overlay h2{font-size:34px}}