/* ================= 战报 =================
   开关在顶栏「菜单」左边，外框沿用全局令牌按钮（controls.css），这里只改配色和内容。 */
/* 两列等宽：「战报」「菜单」字数不同、竖屏时战报只剩图标，也始终一样大（菜单弹层是绝对定位，不占格子） */
#battleMenu{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:10px}
/* 尺寸（高度、内边距、字号）和「菜单」共用一条规则，见 controls.css 与 responsive.css，这里不再写 */
#btnToggleLog{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
/* 图标跟着字号走，不把按钮撑得比「菜单」高 */
#btnToggleLog .log-icon{width:1.1em;height:1.1em;flex:none;filter:drop-shadow(0 1px 1px #000)}
/* 展开时描金，和菜单里选中的档位一个样子 */
#btnToggleLog.on:not(:disabled){--face:#705726;--depth:#382a15;--rim:#e6c57d;--ink:#fff3cf;--glow:#ffcf6850}
#btnToggleLog.on::after{border-width:2px;opacity:1}

/* ---- 面板 ---- */
/* 回合标题靠 sticky 吸顶，顶上不能留内边距，否则吸住的标题上面会漏一条缝；左右内边距和下面 .log-turn 的负边距对齐 */
#logBody{padding:0 14px 16px;overscroll-behavior:contain;scroll-behavior:auto}

/* 每轮开头：两道金线夹着「第 N 轮」 */
.log-round{display:flex;align-items:center;gap:10px;margin:16px 0 4px;
  color:#f2d28b;font-family:"STKaiti","KaiTi","Kaiti SC",serif;font-size:1.08em;font-weight:700;letter-spacing:.32em;text-indent:.32em;white-space:nowrap}
.log-round::before,.log-round::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#d6ad62b0)}
.log-round::after{background:linear-gradient(90deg,#d6ad62b0,transparent)}

/* 每回合一组（见 battle-log.js）。回合标题在本组范围里吸顶：往上翻时一直显示正在看的回合，下一回合滚上来时把它顶走 */
.log-group{display:block}
.log-turn{position:sticky;top:0;z-index:2;display:flex;justify-content:center;align-items:baseline;gap:10px;
  margin:6px -14px 4px;padding:6px 14px;
  background:linear-gradient(180deg,#18212bf7,#141c24f2);border-bottom:1px solid #b5975d44;box-shadow:0 4px 10px #0006;
  color:#d8c6a0;font-size:.92em;letter-spacing:.12em;text-align:center}
.log-turn .lt-round{color:#9fb6a9;font-size:.86em;letter-spacing:.14em}
.log-turn b{color:var(--gold-l,#f3d68d);font-weight:700}

/* 阶段：一枚小圆点加阶段名，下面是这个阶段里发生的事 */
.log-phase{display:flex;align-items:center;gap:7px;margin:7px 0 2px;
  color:#8fc3d6;font-size:.8em;letter-spacing:.24em}
.log-phase::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}
.log-phase::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#8fc3d640,transparent)}

/* 往上翻着看的时候，底下浮出来的「↓ N 条新战报」 */
#logPanel .log-jump{position:absolute;left:50%;bottom:14px;z-index:4;transform:translateX(-50%);
  min-height:32px;padding:5px 16px;font-size:15px;letter-spacing:.06em;white-space:nowrap;
  --face:#2b4350;--depth:#132028;--rim:#a9c2ce;--ink:#e8f2f7;--glow:#8fd0ff2b;
  animation:logJumpIn .25s ease}
#logPanel .log-jump:not(:disabled):hover{transform:translateX(-50%) translateY(-2px)}
#logPanel .log-jump.hidden{display:none}
@keyframes logJumpIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}}

@media(prefers-reduced-motion:reduce){#logPanel .log-jump{animation:none}}