*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;touch-action:none;font-family:'Fredoka One',sans-serif;}
body{background:#000;overflow:hidden;width:100vw;height:100vh;}
#game-container{position:relative;width:100%;height:100%;overflow:hidden;}
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;align-items:center;background:rgba(0,0,0,0.5);padding:8px 16px;border-radius:20px;font-size:22px;color:#fff;text-shadow:2px 2px 0 #000;pointer-events:none;}

/* Mobile Controls */
#mobile-controls{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 20px;pointer-events:auto;}
#dpad{display:flex;gap:10px;}
#action-btns{display:flex;gap:10px;align-items:flex-end;}
.dpad-btn{width:65px;height:65px;background:rgba(0,100,255,0.7);border:3px solid rgba(255,255,255,0.7);border-radius:50%;font-size:26px;color:#fff;cursor:pointer;}
.dpad-btn:active{background:rgba(0,150,255,0.9);transform:scale(0.9);}
.action-btn{width:70px;height:70px;background:rgba(200,0,0,0.7);border:3px solid rgba(255,255,255,0.7);border-radius:50%;font-size:28px;font-weight:bold;color:#fff;cursor:pointer;}
.action-btn:active{transform:scale(0.9);}
#btn-run{background:rgba(200,160,0,0.8);}

/* Screens */
.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,#5C94FC 0%,#a0c8ff 100%);pointer-events:auto;z-index:100;}
.hidden{display:none!important;}
.logo-emoji{font-size:100px;filter:drop-shadow(0 8px 0 rgba(0,0,0,0.3));animation:float 2s ease-in-out infinite alternate;}
@keyframes float{0%{transform:translateY(0);}100%{transform:translateY(-15px);}}
h1{font-size:64px;color:#fff;text-shadow:4px 4px 0 #8B4513,6px 6px 0 #000;text-align:center;margin:20px 0 10px;}
p{font-size:26px;color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:30px;}
.ui-btn{font-family:'Fredoka One',sans-serif;background:linear-gradient(180deg,#FF8C00 0%,#CC5500 100%);color:#fff;padding:18px 60px;font-size:38px;border-radius:50px;border:5px solid #FFD700;cursor:pointer;box-shadow:0 10px 0 #882200,0 15px 20px rgba(0,0,0,0.4);transition:all .1s;}
.ui-btn:active{transform:translateY(10px);box-shadow:0 0 0 #882200;}
@media(min-width:769px){.mobile-only{display:none!important;}}
@media(max-width:768px){h1{font-size:44px;}.ui-btn{font-size:28px;padding:14px 40px;}#hud{font-size:16px;}}
/* CG-batch-overlay-fix */
#game-canvas, canvas#game-canvas { touch-action: none; }
#game-ui.screen,
#game-ui.screen.active { pointer-events: none !important; }