/* =====================================================================
   超限霓虹破块 · 2048 贴块霓虹配色覆盖
   深紫棋盘 + 电青网格 + 霓虹渐变贴块（值越高越接近品红/金）
   ===================================================================== */

/* 棋盘与格底 */
.game-container, .game-container .grid-cell {
  background: rgba(10, 8, 30, .55) !important;
}
.game-container {
  background: #14122b !important;
  border: 1px solid #2c2b52 !important;
  box-shadow:
    0 0 0 1px rgba(255, 45, 149, .2),
    0 0 30px rgba(255, 45, 149, .18),
    0 0 70px rgba(0, 230, 255, .12),
    0 18px 50px rgba(0, 0, 0, .6) !important;
  border-radius: 12px !important;
}
.grid-cell {
  background: rgba(122, 245, 255, .06) !important;
  border-radius: 6px !important;
}

/* 贴块霓虹基底 */
.tile, .tile .tile-inner {
  border-radius: 6px !important;
}
.tile .tile-inner {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, .55) !important;
  font-weight: 800 !important;
}

/* 数值 -> 霓虹色阶（低值电青系 -> 中值紫粉系 -> 高值品红金系） */
.tile-2 .tile-inner   { background: linear-gradient(180deg,#0e3d4d,#0a2f3d) !important; color:#7af5ff !important; text-shadow:0 0 10px #00e6ff !important; box-shadow:0 0 14px rgba(0,230,255,.35), inset 0 0 8px rgba(0,230,255,.2) !important; }
.tile-4 .tile-inner   { background: linear-gradient(180deg,#0c4a62,#083548) !important; color:#7af5ff !important; text-shadow:0 0 10px #00e6ff !important; box-shadow:0 0 16px rgba(0,230,255,.45) !important; }
.tile-8 .tile-inner   { background: linear-gradient(180deg,#1b2a6b,#141d4f) !important; color:#9db0ff !important; text-shadow:0 0 10px #5b7cff !important; box-shadow:0 0 16px rgba(91,124,255,.45) !important; }
.tile-16 .tile-inner  { background: linear-gradient(180deg,#3a1f6e,#2a1652) !important; color:#c39dff !important; text-shadow:0 0 10px #b14dff !important; box-shadow:0 0 18px rgba(177,77,255,.5) !important; }
.tile-32 .tile-inner  { background: linear-gradient(180deg,#55186b,#3d1050) !important; color:#e07aff !important; text-shadow:0 0 12px #d24dff !important; box-shadow:0 0 20px rgba(210,77,255,.55) !important; }
.tile-64 .tile-inner  { background: linear-gradient(180deg,#7a1560,#571046) !important; color:#ff7ad9 !important; text-shadow:0 0 12px #ff2d95 !important; box-shadow:0 0 22px rgba(255,45,149,.55) !important; }
.tile-128 .tile-inner { background: linear-gradient(180deg,#8f1252,#660d3c) !important; color:#ff9dd0 !important; text-shadow:0 0 12px #ff2d95 !important; box-shadow:0 0 24px rgba(255,45,149,.65) !important; }
.tile-256 .tile-inner { background: linear-gradient(180deg,#a3134a,#751036) !important; color:#ffb8dd !important; text-shadow:0 0 14px #ff2d95 !important; box-shadow:0 0 26px rgba(255,45,149,.75) !important; }
.tile-512 .tile-inner { background: linear-gradient(180deg,#b81746,#851133) !important; color:#ffd23f !important; text-shadow:0 0 14px #ff5b3b !important; box-shadow:0 0 28px rgba(255,77,59,.7) !important; }
.tile-1024 .tile-inner{ background: linear-gradient(180deg,#c9a017,#91700e) !important; color:#fff6d0 !important; text-shadow:0 0 16px #ffd23f !important; box-shadow:0 0 30px rgba(255,210,63,.8) !important; }
.tile-2048 .tile-inner{ background: linear-gradient(180deg,#ffd23f,#c9980f) !important; color:#1a1405 !important; text-shadow:0 0 6px rgba(255,255,255,.6) !important; box-shadow:0 0 36px rgba(255,210,63,.95), 0 0 70px rgba(255,210,63,.4) !important; }

.tile-super .tile-inner {
  background: linear-gradient(180deg,#fff,#ffd23f 55%,#ff2d95) !important;
  color:#1a0a12 !important;
  box-shadow: 0 0 40px rgba(255,45,149,.9), 0 0 90px rgba(255,210,63,.5) !important;
}

/* 分数框霓虹化 */
.score-container, .best-container {
  background: #14122b !important;
  color: #7af5ff !important;
  border: 1px solid #2c2b52 !important;
  box-shadow: 0 0 16px rgba(0, 230, 255, .2) !important;
}
.score-container:after, .best-container:after {
  color: #8f97c8 !important;
}
.score-addition {
  color: #ffd23f !important;
  text-shadow: 0 0 10px rgba(255, 210, 63, .8) !important;
}

/* 标题与文案 */
.title {
  color: #fff !important;
  text-shadow: 0 0 6px #fff, 0 0 18px #ff2d95, 0 0 42px #ff2d95, 0 0 80px #b14dff !important;
}
.game-intro, .game-explanation { color: #9aa3d8 !important; }
.game-intro strong { color: #ffd23f !important; }

/* 按钮 */
.restart-button, .retry-button, .keep-playing-button {
  background: linear-gradient(180deg, #ff2d95 0%, #b8287f 100%) !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 0 22px rgba(255, 45, 149, .5) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
}

/* 游戏消息面板 */
.game-message {
  background: rgba(6, 4, 16, .82) !important;
  backdrop-filter: blur(3px);
}
.game-message p {
  color: #e8e9ff !important;
}
.game-message .game-won p, .game-message.won p { color: #7af5ff !important; text-shadow: 0 0 20px rgba(0,230,255,.7) !important; }
.game-message .game-over p, .game-message.over p { color: #ff7a7a !important; text-shadow: 0 0 20px rgba(255,59,59,.6) !important; }