* { 
  box-sizing: border-box; 
  -webkit-tap-highlight-color: transparent; 
  user-select: none;
  -webkit-user-select: none;
}

:root {
  --void: #09061c;
  --bg-gradient: linear-gradient(135deg, #0d0c24 0%, #1c0e3a 50%, #0d0628 100%);
  --cyan: #00f2ff;
  --magenta: #ff00ff;
  --gold: #ffe600;
  --accent: #ff5ea5;
  --pure-pink: #ff4790;
}

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--void);
  background-image: var(--bg-gradient);
  color: #fff;
  overflow: hidden;
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

#gameCanvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}

/* UI Overlay styling specially optimized for touch/iPad layout */
#ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}