.prep-demo{margin:24px 0;padding:24px;background:#15130f;border:1px solid #8a6634;border-radius:12px}.prep-kicker{letter-spacing:.12em;font-size:12px;color:#d7ad5f!important}.prep-decks,.prep-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.prep-decks>div,.prep-scores>div{padding:14px;background:#292219;border:1px solid #54452c;border-radius:8px}.prep-decks span,.prep-scores span{display:block;font-size:15px;margin-top:7px}.prep-scores{grid-template-columns:1fr 1fr}.prep-scores .active{border-color:#ecc978}.prep-board{position:relative}.prep-mat{display:block;width:100%;height:auto;border-radius:8px;opacity:.65}.prep-piece{position:absolute;background:#18140af2;color:#ffe3a0;border:1px solid #ba8f42;border-radius:5px;padding:5px;font-size:clamp(9px,1.2vw,14px)}.prep-piece.highlight{outline:2px solid #ffe7a6}.castle{left:20%;top:52%}.vault{left:20%;top:84%}.passive{left:82%;top:84%}.supply{left:82%;top:53%}.paid{left:82%;top:23%}.grave{left:1%;top:54%}.prep-unit,.prep-econ{position:absolute;height:23%;width:auto;box-shadow:0 3px 10px #000}.prep-unit{left:52%;top:6%}.prep-econ{left:52%;top:66%}.prep-caption{min-height:155px;padding:18px 0}.prep-caption h4{font:600 22px var(--display);color:#e0b977;margin:0 0 10px}.prep-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.prep-controls button{padding:10px 16px;background:#322717;color:#ffe3a0;border:1px solid #94713a;border-radius:5px;cursor:pointer}.prep-controls button:disabled{opacity:.35;cursor:default}.prep-controls button:focus-visible{outline:3px solid #fff0bf}.prep-demo summary{cursor:pointer;color:#dfb777}@media(max-width:600px){.prep-demo{padding:12px}.prep-decks{grid-template-columns:1fr}.prep-scores>div{padding:8px}.prep-scores span{font-size:12px}.prep-caption{min-height:0}.prep-caption p{font-size:17px}.prep-piece{padding:2px}}
.battle-field{border:1px solid #66502e;border-radius:10px;padding:14px;margin:20px 0;background:#1d1912}.battle-field.active{border-color:#e1b660}.battle-field h5{display:flex;align-items:center;gap:12px;font-size:20px;margin:0 0 16px;color:#e8c887}.battle-field h5 img{width:48px;height:48px;object-fit:contain}.battle-grid{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:10px}.battle-zone{border:1px solid #514530;padding:8px;min-width:0;margin-bottom:8px}.battle-zone>strong{font-size:13px;color:#d9c5a0}.battle-cards{display:flex;flex-wrap:wrap;gap:5px;min-height:65px;margin-top:8px}.battle-card{padding:0;border:1px solid #ac8240;background:#12100b;width:64px;cursor:zoom-in}.battle-card img{display:block;width:100%;height:auto}.sleeve{width:62px;height:87px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px double #e1b968;border-radius:5px;box-shadow:3px 3px #090806,5px 5px #80633c}.sleeve img{width:42px;height:42px;object-fit:contain}.sleeve.red{background:#731d24}.sleeve.white{background:#eee6d6;color:#221b12}.sleeve.green{background:#174d38}.battle-empty{font-size:12px;opacity:.45}.battle-neutral{text-align:center;color:#d4b16d!important}.prep-art-dialog{background:#18140e;border:1px solid #c49c57;max-width:90vw;max-height:90vh;padding:15px}.prep-art-dialog img{display:block;max-height:75vh;max-width:100%;width:auto}.prep-art-dialog::backdrop{background:#000c}.prep-art-dialog button{padding:10px;display:block;margin-left:auto}.battle-card:focus-visible{outline:3px solid white}@media(max-width:600px){.battle-grid{grid-template-columns:1fr 1fr}.battle-card{width:54px}.battle-field{padding:8px}.battle-field h5{font-size:16px}}
.battle-field{background:linear-gradient(#17140ff0,#17140fee),url('assets/zonas-de-juego-v4.png') center/cover}.battle-exhausted{display:flex;flex-direction:column;align-items:center;padding:10px}.battle-exhausted .battle-card{transform:rotate(90deg);margin:12px}.battle-exhausted small{color:#e0b777}

.battle-field[data-civilization="mongoles"]{background-image:linear-gradient(#17140fe0,#17140fe6),url('assets/zonas-de-juego-mongoles.png')}
/* Preserve the board's physical zone positions at every screen size. */
.battle-grid{grid-template-columns:minmax(80px,1fr) minmax(80px,1fr) minmax(170px,2fr) minmax(100px,1.3fr);overflow-x:auto}.battle-grid>[data-zone="Cementerio"]{grid-column:1;grid-row:2}.battle-grid>[data-zone="Estructuras"]{grid-column:2;grid-row:1}.battle-grid>[data-zone="Vanguardia"]{grid-column:3;grid-row:1}.battle-grid>[data-zone="Suministros pagados"]{grid-column:4;grid-row:1}.battle-grid>[data-zone="Castillo"]{grid-column:2;grid-row:2}.battle-grid>[data-zone="Retaguardia"]{grid-column:3;grid-row:2}.battle-grid>[data-zone="Mazo de Suministros"]{grid-column:4;grid-row:2}.battle-grid>[data-zone="Bóveda"]{grid-column:2;grid-row:3}.battle-grid>[data-zone="Desarrollo"]{grid-column:3;grid-row:3}.battle-grid>[data-zone="Suministros pasivos"]{grid-column:4;grid-row:3}