* { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; height:100%; overflow:hidden; background:#0a0e0a; font-family:'Chakra Petch',sans-serif; }
#game-wrapper { position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; }
#canvas { display:block; image-rendering:auto; }
#ui-overlay { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
#ui-overlay > * { pointer-events:auto; }
#footer { position:fixed; bottom:4px; left:0; width:100%; text-align:center; z-index:1000; }
#footer a { color:#5a7a5a; text-decoration:none; font-size:11px; font-family:'Chakra Petch',sans-serif; opacity:0.6; }
#footer a:hover { opacity:1; color:#8fdf8f; }