*{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;}
#game-container{position:relative;width:100%;height:100%;}
canvas{display:block;width:100%;height:100%;}
#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;align-items:center;gap:20px;font-size:22px;color:#fff;text-shadow:2px 2px 0 #005577;}
#air-bar-wrap{display:flex;align-items:center;gap:8px;}
#air-bar-bg{width:120px;height:14px;background:rgba(0,0,0,0.3);border-radius:7px;border:2px solid #fff;}
#air-bar{width:100%;height:100%;background:linear-gradient(90deg,#00CCFF,#00FFAA);border-radius:5px;transition:width 0.3s;}
.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,#00BCD4,#1565C0 70%,#0D47A1);pointer-events:auto;z-index:100;}
.hidden{display:none!important;}
.logo-emoji{font-size:90px;animation:float 2s ease-in-out infinite alternate;}
@keyframes float{0%{transform:translateY(0);}100%{transform:translateY(-12px);}}
h1{font-size:56px;color:#fff;text-shadow:3px 3px 0 #005577;text-align:center;margin:10px 0;}
p{font-size:24px;color:#E0F7FA;margin-bottom:25px;}
.ui-btn{font-family:'Fredoka One',sans-serif;background:linear-gradient(180deg,#00BCD4,#006688);color:#fff;padding:15px 50px;font-size:32px;border-radius:50px;border:4px solid #80DEEA;cursor:pointer;box-shadow:0 8px 0 #003344;}
.ui-btn:active{transform:translateY(8px);box-shadow:none;}
@media(max-width:768px){h1{font-size:38px;}.ui-btn{font-size:24px;}}
/* CG-batch-overlay-fix */
#game-canvas, canvas#game-canvas { touch-action: none; }
#game-ui.screen,
#game-ui.screen.active { pointer-events: none !important; }