/* Flavour Battle entry form + bonus panel, shared by /battle and the homepage #battle section (scoped to .battle). */
.battle .team[aria-checked=true]{border-color:var(--acc,#ffd400);transform:translateY(-4px)}
.battle .count{display:flex;justify-content:space-between;font-weight:800;color:#fff;margin-top:8px}
.battle .card2{background:#151515;border:2px solid #333;border-radius:20px;padding:18px 20px;margin-top:26px}
.battle .card2 h2{color:#ffd400;margin:.2em 0 .4em;font-size:clamp(1.3rem,5vw,1.7rem)}
.battle .card2 p,.battle .card2 li{color:#f1f1f1;line-height:1.6}
.battle .form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.battle .form label.chk{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500}.battle .form label.chk input{width:20px;height:20px;flex:none;margin-top:2px}
.battle .form a{color:#ffd400}.battle .msg.ok{color:#7CFC9A}.battle .msg.err{color:#ff8c7a}
.battle .bonus{border-color:#ffd400;scroll-margin-top:90px}.battle .bonus[hidden]{display:none}
.battle .bonus .bbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.battle .bonus .bbtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:999px;font-weight:800;text-decoration:none;color:#000;background:#ffd400;text-align:center;line-height:1.2}
.battle .bonus .bbtn svg{width:20px;height:20px;flex:none}.battle .bonus .bbtn.pending{background:#2a2a2a;color:#ddd;border:2px dashed #666;cursor:not-allowed}
.battle .bonus .bbtn small{display:block;font-weight:600;font-size:.72rem}
.battle .bonus form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.battle .bonus form label{flex:1 1 240px;display:flex;flex-direction:column;gap:6px;font-weight:600;color:#f1f1f1}
.battle .bonus input{font:16px Inter,sans-serif;padding:12px 14px;border-radius:12px;border:2px solid #444;background:#0b0b0b;color:#fff;width:100%}
.battle .bonus form .btn{flex:0 0 auto;padding:12px 20px}
@media(max-width:560px){.battle .bonus .bbtns{grid-template-columns:1fr}.battle .bonus form .btn{width:100%}}
/* layout fix 19 Oct: keep the entry form inside its card at every width */
.battle .card2{width:100%;max-width:100%;box-sizing:border-box;min-width:0}
.battle .card2 .form{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}
.battle .card2 .form>*,.battle .form .row2>*,.battle .form label{min-width:0;max-width:100%}
.battle .form input,.battle .form select,.battle .form textarea,.battle .bonus input{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.battle .form .row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(min-width:700px){.battle .card2 .form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.battle .card2 .form>label:not(.chk),.battle .card2 .form>.row2{grid-column:1/-1}}
@media(max-width:699px){.battle .card2 .form{grid-template-columns:minmax(0,1fr)}.battle .form .row2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.battle .form .row2{grid-template-columns:1fr}.battle .teams{grid-template-columns:1fr}.battle .vs{text-align:center}}
.battle .card2{text-align:left}
.battle .entry-inline[hidden]{display:none}
.battle .np{text-align:center;font-weight:800;color:#fff;margin:14px 0 0}
.battle #enter,.battle #bonus{scroll-margin-top:96px}