/* ═══════════════════════════════════════════════════════════════════════════
   Kids Corner — Shared Styles
   Base reset and canvas layout. Page-specific styles remain inline.
   ═══════════════════════════════════════════════════════════════════════════ */

/* RESET & BASE */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{
  width:100%;
  height:100%;
  overflow:hidden;
  font-family:'Nunito',sans-serif;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  background:#02020c;
}
button{font-family:'Nunito',sans-serif;border:none;background:none;cursor:pointer}

/* GALAXY / WORLD CANVAS — full-viewport background layer
   Different pages use different IDs; all get the same base layout */
#worldCanvas,
#galaxy-canvas,
#galaxyCanvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}