[data-heraldry]{--herald-color:#334758;--herald-accent:#b59862;--herald-emblem:url('assets/emblemas/ingleses.png')}
[data-civilization="mongoles"]{--herald-color:#574529;--herald-emblem:url('assets/emblemas/mongoles.png')}
[data-civilization="otomanos"]{--herald-color:#49302d;--herald-emblem:url('assets/emblemas/otomanos.png')}
[data-civilization="vikingos"]{--herald-color:#30483e;--herald-emblem:url('assets/emblemas/vikingos.png')}
[data-civilization="japoneses"]{--herald-color:#493747;--herald-emblem:url('assets/emblemas/japoneses.png')}
.teaching-board[data-heraldry],.battle-fields[data-heraldry]{background:radial-gradient(ellipse at 50% 0,var(--herald-color),transparent 80%),repeating-linear-gradient(45deg,#d7ba7105 0 1px,transparent 1px 9px),#151917!important;border:1px solid #b59862!important;box-shadow:inset 0 0 0 5px #121614,inset 0 0 0 6px #b5986240,inset 0 0 70px #0007!important}
.teaching-board[data-heraldry]:before{content:'';width:64px;height:72px;top:30px;left:5%;background:var(--herald-emblem) center/contain no-repeat;opacity:.6;pointer-events:none}
.teaching-board[data-heraldry]:after{content:'❖';font-size:26px;color:#ceb579;top:4px;right:9px}
.battle-fields[data-heraldry] .battle-field{background:linear-gradient(120deg,#161b19c9,#161b1955)!important}.battle-fields[data-heraldry] .field-zone{border-color:#ae945748;box-shadow:inset 0 0 0 3px #ae945708}
.battle-fields[data-heraldry] .field-player:before{content:'❖';color:#c4a367;margin-right:12px}
.board-picker{display:flex;align-items:center;gap:10px;margin:12px 0;color:#bbab8c;font:12px system-ui}.board-picker select{background:#202621;color:#ebd5a8;border:1px solid #a78c5466;border-radius:4px;padding:7px;font:inherit}.combat-play-top .board-picker{margin:0;font-size:11px}.combat-play-top .board-picker select{max-width:110px;padding:4px}.combat-chapters{display:flex;flex-wrap:wrap;gap:22px;border-bottom:1px solid #a58a5544;margin-bottom:32px}.combat-chapters a{padding:12px 0;color:#b7ae99;text-decoration:none;font:14px system-ui}.combat-chapters a[aria-current]{color:#f0d5a0;border-bottom:2px solid #ad5654}.combat-rule-path{list-style:none!important;padding:0!important;max-width:900px}.combat-rule-path>li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:20px 0!important;border-bottom:1px solid #a98c4e24}.combat-rule-path>li>span{color:#b39355;font:24px Georgia}.combat-rule-path h2{font-size:22px;margin:0 0 8px;color:#e5cfa6}.combat-rule-path p{margin:0;color:#bcb6a9;font-size:18px;line-height:1.6}.combat-example-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.combat-example-list a{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #a58a5533;text-decoration:none;color:#decba7}.combat-example-list a span{color:#b49359;font:22px Georgia}.combat-example-list a b{margin-left:auto}.combat-example-list a:hover{color:#fff0cb}@media(max-width:700px){.combat-example-list{grid-template-columns:1fr}.combat-chapters{gap:12px}.combat-chapters a{font-size:12px}.combat-play-top .board-picker{font-size:0}.combat-play-top .board-picker select{font-size:11px;max-width:90px}.combat-rule-path>li{gap:10px;grid-template-columns:32px 1fr}}
.tutorial-page .table[data-heraldry]{background:radial-gradient(ellipse at top,var(--herald-color),#151917 85%);border:1px solid #b59862;box-shadow:inset 0 0 0 4px #b5986222}.tutorial-page .table[data-heraldry] .zone{border-color:#b5986255}
/* English board: silver fittings, burgundy ribbons and blue slate from its cards. */
[data-heraldry][data-civilization="ingleses"]{position:relative;background:radial-gradient(ellipse at 50% 20%,#3d587a45,transparent 75%),repeating-linear-gradient(125deg,#c8d1df06 0 1px,transparent 1px 12px),linear-gradient(135deg,#1c2e40,#101a27 50%,#263749)!important;border:2px solid #b6b5ac!important;box-shadow:inset 0 0 0 4px #16212c,inset 0 0 0 6px #96999588,inset 0 0 0 9px #541d28,inset 0 0 0 10px #b2aea077,inset 0 0 65px #0008,0 12px 26px #0005!important}
.english-ornaments{position:absolute;inset:0;pointer-events:none;z-index:2}.english-ornaments img{position:absolute;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 2px #0008)}.english-ornaments .ne{right:0;top:0;transform:rotate(90deg)}.english-ornaments .nw{left:0;top:0}.english-ornaments .se{right:0;bottom:0;transform:rotate(180deg)}.english-ornaments .sw{left:0;bottom:0;transform:rotate(270deg)}[data-civilization]:not([data-civilization="ingleses"])>.english-ornaments{display:none}
.teaching-board[data-civilization="ingleses"]{padding:40px 28px!important}.teaching-board[data-civilization="ingleses"]:before{content:'';width:64px;height:80px;top:65px;left:6%;background:url('assets/english-shield.svg') center/contain no-repeat;opacity:.9}.teaching-board[data-civilization="ingleses"]:after{content:'ANGLIA';top:auto;bottom:22px;left:24px;right:auto;writing-mode:vertical-rl;font:11px Georgia;letter-spacing:.3em;color:#a6afbb}
[data-civilization="ingleses"] .board-zone,[data-civilization="ingleses"] .field-zone{background:linear-gradient(145deg,#1b304660,#0c1523a0)!important;border:1px solid #acb0b260!important;box-shadow:inset 0 0 0 3px #78879816,inset 0 0 20px #0005!important}
[data-civilization="ingleses"] .board-zone h4{background:linear-gradient(90deg,transparent,#561b2be0 20%,#561b2be0 80%,transparent);border-top:1px solid #b3aca780;border-bottom:1px solid #b3aca780;color:#e9e1d4;padding:7px 2px;margin:-1px 0 12px;font-variant:small-caps}
[data-civilization="ingleses"] .board-zone:before{color:#dad5c4;background:#602334}[data-civilization="ingleses"] .board-zone:after{border-color:#aeb5bd15}
.battle-fields[data-civilization="ingleses"] .field-player{color:#e3dcd0;background:linear-gradient(90deg,transparent,#63243399,transparent)}.battle-fields[data-civilization="ingleses"] .field-player:before{content:'✚';color:#ccaa9e}.battle-fields[data-civilization="ingleses"] .battle-field{background:#11203466!important}
.battle-fields>.english-ornaments img{width:34px;height:34px}
/* Distinct fittings derived from each civilization's current card frames. */
[data-civilization="mongoles"]{--board-base:#192b40;--board-light:#9b753a33;--board-metal:#c9b374;--board-ribbon:#092f54;--board-text:#ebdcba;--board-name:'MONGOLES'}
[data-civilization="otomanos"]{--board-base:#112b25;--board-light:#56754c33;--board-metal:#c7ab61;--board-ribbon:#073622;--board-text:#ecdfb7;--board-name:'OTOMANOS'}
[data-civilization="vikingos"]{--board-base:#102a31;--board-light:#528a9233;--board-metal:#a1c7d0;--board-ribbon:#09232c;--board-text:#d7e9e9;--board-name:'VIKINGOS'}
[data-civilization="japoneses"]{--board-base:#1c1b22;--board-light:#7f394433;--board-metal:#c1a65f;--board-ribbon:#230c15;--board-text:#ebdebb;--board-name:'JAPONESES'}
[data-heraldry]:not([data-civilization="ingleses"]){background:radial-gradient(ellipse at top,var(--board-light),transparent 75%),repeating-linear-gradient(135deg,#dec99804 0 1px,transparent 1px 10px),var(--board-base)!important;border:2px solid var(--board-metal)!important;box-shadow:inset 0 0 0 4px #111b20,inset 0 0 0 6px var(--board-metal),inset 0 0 0 9px var(--board-ribbon),inset 0 0 70px #0008,0 12px 26px #0005!important}
[data-civilization]:not([data-civilization="ingleses"])>.english-ornaments{display:block}
.teaching-board[data-heraldry]:not([data-civilization="ingleses"]){padding:40px 28px!important}
.teaching-board[data-heraldry]:not([data-civilization="ingleses"]):before{width:80px;height:90px;top:65px;left:5%;opacity:.9}
.teaching-board[data-heraldry]:not([data-civilization="ingleses"]):after{content:var(--board-name);top:auto;bottom:22px;left:24px;right:auto;writing-mode:vertical-rl;font:11px Georgia;letter-spacing:.25em;color:var(--board-metal)}
[data-heraldry]:not([data-civilization="ingleses"]) .board-zone,[data-heraldry]:not([data-civilization="ingleses"]) .field-zone{background:linear-gradient(140deg,#ffffff04,#050c1255)!important;border-color:color-mix(in srgb,var(--board-metal) 45%,transparent)!important;box-shadow:inset 0 0 0 3px #ffffff05,inset 0 0 18px #0004!important}
[data-heraldry]:not([data-civilization="ingleses"]) .board-zone h4{background:linear-gradient(90deg,transparent,var(--board-ribbon) 20%,var(--board-ribbon) 80%,transparent);border-top:1px solid var(--board-metal);border-bottom:1px solid var(--board-metal);color:var(--board-text);padding:7px 2px;margin:-1px 0 12px;font-variant:small-caps}
[data-heraldry]:not([data-civilization="ingleses"]) .board-zone:before{background:var(--board-ribbon);color:var(--board-metal)}
.battle-fields[data-heraldry]:not([data-civilization="ingleses"]) .field-player{color:var(--board-text);background:linear-gradient(90deg,transparent,var(--board-ribbon),transparent)}
.battle-fields[data-heraldry]:not([data-civilization="ingleses"]) .battle-field{background:#060d1355!important}