@import url("../css/section-home.css");
.nav-link-active { display:block; padding:14px 16px; border:1px solid rgba(255,212,120,.5); border-radius:14px; background:rgba(255,212,120,.12); color:#fff4cf; font-weight:700; }
.battle-grid { margin-top:24px; }
.topic-card.battle-card { overflow:hidden; padding:0; }
.battle-link { display:block; height:100%; text-decoration:none; }
.battle-image { width:100%; height:220px; object-fit:cover; border-bottom:1px solid var(--line); }
.battle-content { padding:22px 24px 24px; }
.battle-content h2 { margin:0 0 10px; color:#f4f7f8; font-size:1.3rem; }
.battle-tag { margin:0 0 10px; color:var(--accent); font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.battle-card:hover { transform:translateY(-4px); border-color:var(--accent); }
a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.battle-link:focus-visible { outline-offset:-4px; }
.references { margin-top:24px; }
.references li { margin:12px 0; line-height:1.6; }
.marker-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:20px; margin-top:24px; }
.marker-grid figure { margin:0; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--panel); text-align:center; }
.marker-grid img { width:100%; height:150px; object-fit:contain; margin-bottom:12px; }
.skip-link { position:absolute; left:16px; top:-80px; z-index:10; padding:12px; background:#ffd478; color:#07141f; }
.skip-link:focus { top:12px; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }