.battle-terrain{margin:36px 0 52px;scroll-margin-top:110px}
.terrain-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.terrain-heading h3{margin:0;font-family:"Hiragino Mincho ProN",serif;font-size:24px;line-height:1.5;color:#1b382f}
.terrain-modes{display:flex;gap:4px;padding:4px;background:#e3e8e1;border-radius:5px;max-width:100%}
.terrain-modes[hidden]{display:none}
.terrain-modes button,.terrain-zoom button,.terrain-close{min-height:42px;padding:8px 15px;border:1px solid transparent;border-radius:3px;font:inherit;font-size:14px;line-height:1.4;letter-spacing:normal;cursor:pointer;color:#24483a;background:transparent}
.terrain-modes button[aria-pressed="true"]{background:#193c31;color:#fffaf0}
.terrain-modes button:focus-visible,.terrain-zoom button:focus-visible,.terrain-close:focus-visible,.terrain-image-link:focus-visible{outline:3px solid #b8872b;outline-offset:3px}
.terrain-image-link{display:block;border:1px solid #d5dbd5;border-radius:6px;overflow:hidden;cursor:zoom-in}
.terrain-image-frame{width:100%;aspect-ratio:2/1;background:#eef0ef;overflow:hidden}
.terrain-image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;max-width:none}
.terrain-image-actions{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14px;line-height:1.7;letter-spacing:normal;margin:12px 0 18px;color:#656c60}
.terrain-image-actions a{font-weight:600;color:#365642;text-underline-offset:4px}
.terrain-caption{border-left:2px solid #c1b079;padding-left:16px;color:#6c685b}
.terrain-caption p{font-size:13px;line-height:1.85;letter-spacing:normal;margin:3px 0}
.terrain-dialog{padding:20px;border:1px solid #c5cec6;border-radius:7px;width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:100dvh;margin:auto;background:#f7f8f4;color:#233d32;box-sizing:border-box}
.terrain-dialog::backdrop{background:#091912d9}
.terrain-dialog[open]{display:flex;flex-direction:column;gap:12px}
.terrain-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}
.terrain-dialog-header h2{font-size:20px;line-height:1.5;margin:0;font-family:"Hiragino Mincho ProN",serif}
.terrain-close{background:#e8ece5;white-space:nowrap}
.terrain-dialog-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
.terrain-zoom{display:flex;align-items:center;gap:5px}
.terrain-zoom button{border-color:#c3cbbb;background:#fff;min-width:42px;padding:8px 10px}
.terrain-zoom button:disabled{opacity:.4;cursor:default}
.terrain-zoom output{font-size:14px;min-width:46px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:normal}
.terrain-view-hint{font-size:13px;line-height:1.6;margin:0;color:#66715f;letter-spacing:normal}
.terrain-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #d5dbd5;border-radius:4px;background:#eef0ef;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}
.terrain-enlarged{max-width:none;flex-shrink:0;margin-inline:auto}
.terrain-dialog-note{font-size:12px;line-height:1.7;letter-spacing:normal;margin:0;color:#6c685b;flex-shrink:0}
@media(max-width:760px){
 .terrain-heading h3{font-size:21px}
 .terrain-heading{gap:12px;margin-bottom:14px}
 .terrain-modes button{padding:8px 13px}
 .terrain-image-actions{font-size:13px}
 .terrain-dialog{padding:13px;width:calc(100vw - 16px);height:calc(100dvh - 16px);gap:10px}
 .terrain-dialog-header h2{font-size:18px}
 .terrain-dialog-tools{gap:8px}
 .terrain-dialog-note{font-size:12px}
}