* { margin: 0; padding: 0; box-sizing: border-box; }
  body {
    background:
      radial-gradient(ellipse at 20% 30%, #12003a 0%, transparent 55%),
      radial-gradient(ellipse at 80% 70%, #001a3a 0%, transparent 55%),
      radial-gradient(ellipse at 50% 50%, #08001a 0%, #000 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw; height: 100vh;
    font-family: 'Courier New', monospace;
    overflow: hidden;
    touch-action: none;
  }
  #gameWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-origin: center center;
  }
  #ui {
    display: flex;
    justify-content: space-between;
    width: 520px;
    padding: 6px 12px;
    color: #0ff;
    font-size: 14px;
    letter-spacing: 2px;
    text-shadow: 0 0 8px #0ff;
  }
  #ui span { flex: 1; }
  #ui span:nth-child(2) { text-align: center; }
  #ui span:nth-child(3) { text-align: right; }
  canvas { border: 1px solid #0ff; box-shadow: 0 0 30px #0ff4; display: block; touch-action: none; }
  #bgc { position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:-1; pointer-events:none; border:none; box-shadow:none; }
  #msg { color: #ff0; font-size: 13px; letter-spacing: 3px; margin-top: 6px;
         text-shadow: 0 0 8px #ff0; height: 18px; }