/* 星尘突围 · 横版射击闯关 */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  background: #0b0714;
  overflow: hidden;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

#wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(100vw, calc(100vh * 16 / 9));
  height: min(100vh, calc(100vw * 9 / 16));
}

#game {
  display: block;
  width: 100%;
  height: 100%;
  background: #140b26;
  touch-action: none;
}

/* ===== 虚拟按键 ===== */
#touch {
  position: absolute;
  inset: 0;
  display: none;
  pointer-events: none;
}
#touch.on { display: block; }

.tgroup {
  position: absolute;
  bottom: 4%;
  display: flex;
  gap: 14px;
  pointer-events: none;
}
.tleft  { left: 3%; }
.tright { right: 3%; align-items: flex-end; }

.tbtn {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(120, 200, 255, 0.14);
  border: 2px solid rgba(120, 200, 255, 0.45);
  color: rgba(200, 235, 255, 0.9);
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  touch-action: none;
}
.tbtn.small {
  width: 54px;
  height: 54px;
  font-size: 20px;
  margin-bottom: 8px;
}
.tbtn:active, .tbtn.pressed {
  background: rgba(120, 200, 255, 0.4);
}
.tbtn.tiny {
  position: absolute;
  top: 3%;
  right: 3%;
  width: 42px;
  height: 42px;
  font-size: 16px;
  pointer-events: auto;
  border-radius: 10px;
}