/* ============================================================
   ASCII 增强层 ascii.css（独立、可整体删除）
   移除 index.html 里 ascii.css / ascii.js 两行引用即可彻底卸载。
   当前承载：炮击日志行的颜色、远景 ASCII 天际线的两层
   （.ascii-sky-bg 位图 + 导弹画布容器）。不改任何位图/面板框。
   ============================================================ */

/* 炮击日志行：字体/字号沿用 #login-log（Cubic 16×2），此处只管颜色，方便以后改告警色 */
.sig-row .sig-pre  { color: #b9c9ce; }  /* 前缀 [时间 扇区] */
.sig-row .sig-body { color: #b9c9ce; }  /* 正文（想标红告警就改成 #b74f5c） */

/* 恢复密钥的确认按钮（由 LoginUi.js 动态插进 #login-log）。
   #login-log 整体被 scale(2) 放大，所以这里按 1x 写即可，屏幕上是两倍大。
   用金色与密钥正文保持一致 —— "这是重要操作"一眼可辨。 */
.key-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 6px;
}
.key-actions button {
  font-family: 'Cubic', monospace;
  font-size: 16px;
  line-height: 1.4;
  padding: 2px 12px;
  cursor: pointer;
  color: #e8c15a;
  background: rgba(232, 193, 90, .14);
  border: 1px solid rgba(232, 193, 90, .55);
}
.key-actions button:hover {
  background: rgba(232, 193, 90, .28);
  color: #ffe9a8;
}

/* ============ 远景 ASCII 字符天际线（常开） ============
   位置：最远处 —— 在 #bg-building（最远景）背后，是全场最靠后的一层。
   修饰：与最远景同一套处理（灰度+压暗 与 main.css 的 #bg-building/.bg-layer 一致，
   上下渐隐遮罩同 main.css 共用那条），所以它读起来比最远景位图楼更远。
   screen 混合保证只加亮、不遮挡；同速横移（80s，与 rail-base 一致）。 */
#ascii-sky {
  position: absolute;
  left: 0;
  top: 23.33%;                 /* 与最远景同带：城市要待在地平线上，不能飞到天上 */
  width: 100%;
  height: 230px;
  z-index: 0;                  /* 最远景位图楼是 z-index:1，这里压到它下面 */
  pointer-events: none;
  mix-blend-mode: screen;
  filter: grayscale(1) brightness(0.55);
  opacity: .42;                /* 有效 alpha ≈ 0.76×0.55×0.42 ≈ 0.18 < 最远景的 0.30，才读得出"在更远处" */
  display: none;
}
#ascii-sky.on { display: block; }

/* 天际线背景自己一层，**顶/底渐隐遮罩只加在这里**。
   之前这条遮罩挂在 #ascii-sky 容器上（容器高 230px），顶部约 69px 是全透明的 ——
   坠落导弹从带子上方下来时正好在那一段里，整颗被淡出，屏幕上一个点都看不到。
   城市画在 y≈110（30% 以下）不受影响，所以这个坑一直被掩盖着。
   现在导弹画布是容器的直接子元素、不套遮罩，落下来时不再是"隐形"的。 */
.ascii-sky-bg {
  position: absolute;
  inset: 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  image-rendering: pixelated;
  /* 只保留顶端渐隐（和每栋楼自身的纵向渐变配合成"楼顶融进天空"）。
     底端不再渐隐：楼基已经落在画布 72% 处，再压一道会把楼基切掉。 */
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.55) 14%, #000 30%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.55) 14%, #000 30%, #000 100%);
}