*{margin:0;padding:0;box-sizing:border-box;user-select:none;touch-action:none;font-family:'Fredoka One',sans-serif;}
body{overflow:hidden;width:100vw;height:100vh;background:#2c3e50;}
#game-container{position:relative;width:100%;height:100%;}
canvas{display:block;width:100%;height:100%;image-rendering:pixelated;}
#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
#hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;padding:10px 20px;font-size:28px;color:#FFD700;text-shadow:2px 2px 0 #000;background:rgba(0,0,0,0.5);border-radius:15px;pointer-events:none;}

#upgrades-panel{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:10px;pointer-events:auto;overflow-x:auto;padding-bottom:10px;}
.upgrade-btn{flex:1;min-width:120px;background:linear-gradient(180deg,#e67e22,#d35400);color:#fff;border:3px solid #f1c40f;border-radius:12px;padding:10px;font-size:16px;font-family:'Fredoka One',sans-serif;cursor:pointer;box-shadow:0 6px 0 #a04000;}
.upgrade-btn:active{transform:translateY(6px);box-shadow:0 0 0 #a04000;}
.upgrade-btn:disabled{background:#7f8c8d;border-color:#bdc3c7;box-shadow:0 6px 0 #34495e;color:#bdc3c7;}

.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#34495e,#2c3e50);pointer-events:auto;z-index:100;}
.hidden{display:none!important;}
.logo-emoji{font-size:100px;animation:float 2s ease-in-out infinite alternate;filter:drop-shadow(0 10px 10px rgba(0,0,0,0.5));}
@keyframes float{0%{transform:translateY(0);}100%{transform:translateY(-20px);}}
h1{font-size:60px;color:#f1c40f;text-shadow:4px 4px 0 #000;text-align:center;margin:10px 0;}
p{font-size:26px;color:#ecf0f1;margin-bottom:30px;text-align:center;}
.ui-btn{font-family:'Fredoka One',sans-serif;background:linear-gradient(180deg,#f1c40f,#f39c12);color:#000;padding:15px 50px;font-size:32px;border-radius:50px;border:4px solid #fff;cursor:pointer;box-shadow:0 8px 0 #d35400;}
.ui-btn:active{transform:translateY(8px);box-shadow:0 0 0 #d35400;}
@media(max-width:768px){h1{font-size:44px;}.ui-btn{font-size:28px;}#hud{font-size:20px;}.upgrade-btn{font-size:14px;}}
/* CG-batch-overlay-fix */
#game-canvas, canvas#game-canvas { touch-action: none; }
#game-ui.screen,
#game-ui.screen.active { pointer-events: none !important; }