/* 《扬子鳄女篮：向客队开投》 竖屏 9:16 画布 + 品牌闪屏 */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: #06192b;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  touch-action: none;
  overscroll-behavior: none;
  user-select: none;
  -webkit-user-select: none;
}

#stage {
  position: fixed; inset: 0;
  display: flex; align-items: center; justify-content: center;
  /* 桌面 letterbox 底纹：深蓝 + 微弱放射光 */
  background:
    radial-gradient(90% 70% at 50% 20%, rgba(18, 80, 126, 0.5) 0%, rgba(6, 25, 43, 0) 70%),
    #06192b;
}

canvas#game {
  display: block;
  touch-action: none;
  box-shadow: 0 0 80px rgba(3, 12, 24, 0.9);
}

/* ---------------- 品牌闪屏 ---------------- */
#boot-splash {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px;
  background:
    radial-gradient(120% 80% at 50% 0%, #12507e 0%, #0d3b5e 45%, #08243c 80%, #06192b 100%);
  z-index: 10;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
#boot-splash.hide { opacity: 0; }

.splash-ball {
  width: 74px; height: 74px; border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #ffa14e 0%, #ff7a1c 55%, #e0540a 100%);
  position: relative;
  animation: splash-bounce 0.85s cubic-bezier(0.5, 0.05, 0.6, 1) infinite alternate;
  box-shadow: 0 10px 30px rgba(224, 84, 10, 0.45);
}
.splash-ball::before, .splash-ball::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  border: 2.5px solid rgba(90, 44, 14, 0.85);
  clip-path: inset(0 49% 0 49%);
}
.splash-ball::after { transform: rotate(90deg); }
@keyframes splash-bounce {
  from { transform: translateY(-26px) scale(1, 1); }
  85%  { transform: translateY(10px) scale(1, 1); }
  to   { transform: translateY(14px) scale(1.12, 0.86); }
}

.splash-title {
  margin-top: 22px;
  font-size: 40px; font-weight: 900; color: #fff;
  letter-spacing: 0.12em; text-indent: 0.12em;
  text-shadow: 0 2px 0 #1668a8, 0 6px 22px rgba(22, 104, 168, 0.6);
}
.splash-sub {
  font-size: 19px; font-weight: 700; color: #ffb35c;
  letter-spacing: 0.42em; text-indent: 0.42em;
}
.splash-brand {
  margin-top: 26px;
  font-size: 12px; font-weight: 500;
  color: rgba(234, 249, 255, 0.55);
  letter-spacing: 0.2em; text-indent: 0.2em;
}