.board-comparison{width:100%;height:100%;min-height:0;min-width:0;position:relative;isolation:isolate;box-sizing:border-box;display:grid;grid-template-rows:64px minmax(0,1fr) 108px;gap:8px;padding:10px 16px;background:linear-gradient(#08150d88,#07140ee8),url('assets/greenwood-v1.png') center/cover;color:#fff0d1;font:14px/1.3 system-ui,sans-serif;overflow:hidden}
.board-comparison[hidden]{display:none}.board-comparison *{box-sizing:border-box}.board-comparison button{font:14px/1.2 system-ui,sans-serif;color:inherit;border:1px solid #b5a06c;border-radius:6px;background:linear-gradient(#304735,#102318);cursor:pointer;min-height:30px;padding:5px 9px;text-shadow:none}.board-comparison button:disabled{opacity:.45;cursor:default}.board-comparison button:focus-visible{outline:3px solid #fff1a4;outline-offset:2px;z-index:5}.board-comparison button[aria-pressed=true]{border-color:#ffe3a0;background:#5e5529}.board-comparison .bc-icon{width:18px;height:18px;fill:currentColor;vertical-align:middle;flex:none}.board-comparison .bc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.board-comparison h2{font:600 25px/1.15 Georgia,serif;color:#ffdda0;margin:0 0 5px}.board-comparison .bc-heading p{font-size:12px;margin:0}.board-comparison .bc-navigation{display:flex;gap:7px;flex:none}.board-comparison .bc-field{display:grid;grid-template-columns:1fr 1fr 1.3fr;grid-template-rows:20px repeat(3,minmax(0,1fr));gap:10px 28px;min-height:0;width:min(830px,100%);justify-self:center}.board-comparison .bc-column-label{font-size:12px;text-align:center;align-self:center;color:#ead3a0}.board-comparison .bc-rear-label{grid-column:1;grid-row:1}.board-comparison .bc-front-label{grid-column:2;grid-row:1}.board-comparison .bc-threat-label{grid-column:3;grid-row:1;color:#ffcba2}.board-comparison .bc-cell{position:relative;grid-row:var(--bc-row);grid-column:var(--bc-column);border:1px solid #a08f5e80;border-radius:10px;background:#1b302298;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:4px}.board-comparison .bc-cell.bc-hostile-cell{border-color:#b07c6277;background:#38291b8c}.board-comparison .bc-cell.bc-destination{box-shadow:inset 0 0 0 1px #b9d494}.board-comparison .bc-unit{display:block;position:relative;isolation:isolate;width:min(100%,112px);height:100%;min-height:0;max-height:158px;padding:0;border:2px solid #bda268;overflow:hidden;box-shadow:0 4px 10px #0008}.board-comparison .bc-unit.bc-enemy{border-color:#b38364}.board-comparison .bc-unit.bc-selected{outline:2px solid #ffe5a2;outline-offset:2px}.board-comparison .bc-art{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.board-comparison .bc-name{position:absolute;top:0;left:0;right:0;font-size:14px;font-weight:700;text-align:center;line-height:18px;background:#09170de8;padding:1px}.board-comparison .bc-name small{font-size:12px;color:#ffe3a5}.board-comparison .bc-role{position:absolute;left:3px;top:24px;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}.board-comparison .bc-health{position:absolute;left:0;right:0;bottom:5px;font-size:17px;line-height:23px;background:#08180ef0;display:flex;align-items:center;justify-content:center;gap:5px;color:#f6ffe6}.board-comparison .bc-health .bc-icon{width:17px;height:17px;color:#b6e797}.board-comparison .bc-health-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#59302a}.board-comparison .bc-health-bar i{height:100%;display:block;background:#a4d97b}.board-comparison .bc-empty{background:none;border:0;box-shadow:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.board-comparison .bc-empty-enemy{font-size:12px;color:#d3bfa3}.board-comparison .bc-footer{width:min(940px,100%);justify-self:center;border-top:1px solid #b19c65;border-radius:10px;background:#0b2118ee;padding:7px 10px;display:grid;grid-template-rows:31px 26px minmax(0,1fr);gap:5px;min-width:0}.board-comparison .bc-selection{display:flex;align-items:center;justify-content:center;gap:8px}.board-comparison .bc-selection>span{font-size:12px}.board-comparison .bc-selection button{min-height:28px;padding:3px 8px}.board-comparison .bc-resources{display:flex;align-items:center;justify-content:center;gap:17px;font-size:12px}.board-comparison .bc-resources>span{display:flex;align-items:center;gap:5px}.board-comparison .bc-resources b{font-size:18px;color:#ffe6a5}.board-comparison .bc-message{font-size:12px;margin:0;text-align:center;line-height:1.3}.board-comparison .bc-field.bc-hex{gap:6px 10px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:740px}.board-comparison .bc-hex .bc-cell{border:0;background:none;padding:5px 16%;border-radius:0}.board-comparison .bc-hex .bc-cell:before{content:'';position:absolute;inset:1px;clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%);background:#5c6847cc;z-index:-1}.board-comparison .bc-hex .bc-hostile-cell:before{background:#876047ba}.board-comparison .bc-hex .bc-cell.bc-destination{box-shadow:none}.board-comparison .bc-hex .bc-destination:before{background:#7b8758cc}.board-comparison .bc-hex .bc-cell[style*="column:2"]{transform:translateY(5%)}.board-comparison .bc-backdrop{position:absolute;inset:0;z-index:10;background:#030d09db;display:flex;align-items:center;justify-content:center;padding:12px}.board-comparison .bc-detail{width:min(580px,100%);max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;border:2px solid #c6a36a;border-radius:12px;background:linear-gradient(#263d2d,#0a1e13);padding:14px}.board-comparison .bc-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-comparison .bc-detail-body{display:flex;align-items:center;gap:16px;min-height:0}.board-comparison .bc-detail-art{width:115px;height:160px;flex:none;border:2px solid #bca16e;border-radius:8px;overflow:hidden}.board-comparison .bc-detail h3{font:600 24px/1.15 Georgia,serif;color:#ffe0a4;margin:0 0 10px}.board-comparison .bc-detail p{font-size:15px;line-height:1.45;margin:0}.board-comparison .bc-detail-paging{display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px}
@media(max-width:700px){.board-comparison{padding:7px;gap:6px;grid-template-rows:75px minmax(0,1fr) 145px}.board-comparison h2{font-size:21px}.board-comparison .bc-heading{gap:7px}.board-comparison .bc-navigation{flex-direction:column;gap:5px}.board-comparison .bc-navigation button{padding:4px 6px}.board-comparison .bc-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.board-comparison .bc-cell{padding:3px}.board-comparison .bc-unit{width:min(100%,100px)}.board-comparison .bc-role{width:21px;height:21px;top:22px}.board-comparison .bc-name{font-size:12px;line-height:16px}.board-comparison .bc-health{font-size:16px;gap:2px}.board-comparison .bc-field.bc-hex{gap:5px}.board-comparison .bc-hex .bc-cell{padding:4px 9%}.board-comparison .bc-footer{padding:6px;grid-template-rows:58px 42px minmax(0,1fr);gap:4px}.board-comparison .bc-selection{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;text-align:center}.board-comparison .bc-selection>b{grid-column:1}.board-comparison .bc-selection>span{grid-column:2/4}.board-comparison .bc-selection button{padding:3px;font-size:14px}.board-comparison .bc-resources{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px}.board-comparison .bc-resources>span{justify-content:center;gap:3px}.board-comparison .bc-resources b{font-size:16px}.board-comparison .bc-resources .bc-icon{width:15px;height:15px}.board-comparison .bc-message{font-size:12px}.board-comparison .bc-detail{padding:10px;gap:9px}.board-comparison .bc-detail-art{width:75px;height:120px}.board-comparison .bc-detail-body{gap:10px}.board-comparison .bc-detail h3{font-size:21px}.board-comparison .bc-detail p{font-size:14px}}
@media(max-height:500px){.board-comparison{grid-template-rows:40px minmax(0,1fr) 81px;padding:5px 9px;gap:4px}.board-comparison h2{font-size:19px;margin:0 0 2px}.board-comparison .bc-heading p{font-size:12px}.board-comparison .bc-navigation{flex-direction:row;gap:5px}.board-comparison .bc-navigation button{min-height:28px;padding:3px 6px}.board-comparison .bc-field{grid-template-rows:17px repeat(3,minmax(0,1fr));gap:4px 15px;max-width:780px}.board-comparison .bc-cell{padding:2px}.board-comparison .bc-unit{width:100%;max-width:170px;max-height:none}.board-comparison .bc-unit>.bc-art{width:32%;position:absolute;left:0;top:0}.board-comparison .bc-name{left:32%;font-size:12px;line-height:15px;padding:0}.board-comparison .bc-health{left:32%;font-size:15px;line-height:18px;bottom:4px}.board-comparison .bc-health .bc-icon{width:14px;height:14px}.board-comparison .bc-health-bar{height:4px}.board-comparison .bc-role{width:19px;height:19px;top:1px;left:1px}.board-comparison .bc-field.bc-hex{gap:3px 6px;max-width:740px}.board-comparison .bc-hex .bc-cell{padding:2px 12%}.board-comparison .bc-footer{padding:4px 6px;grid-template-rows:27px 22px minmax(0,1fr);gap:2px}.board-comparison .bc-selection{display:flex;gap:6px}.board-comparison .bc-selection>span{display:none}.board-comparison .bc-selection button{min-height:26px;padding:3px 7px}.board-comparison .bc-resources{display:flex;gap:13px;font-size:12px}.board-comparison .bc-resources b{font-size:16px}.board-comparison .bc-message{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-comparison .bc-detail{padding:9px;gap:6px;max-width:570px}.board-comparison .bc-detail-art{width:75px;height:100px}.board-comparison .bc-detail p{font-size:14px;line-height:1.35}.board-comparison .bc-detail h3{font-size:20px;margin-bottom:6px}.board-comparison .bc-detail button{min-height:26px;padding:3px 7px}}
/* A short cell uses a complete thumbnail beside identity and Health. */
.board-comparison .bc-cell{container:boardcell/size}.board-comparison .bc-name{font-size:14px}
@container boardcell (max-height:110px){.board-comparison .bc-unit{width:100%;max-width:190px;max-height:none}.board-comparison .bc-unit>.bc-art{position:absolute;inset:0 auto 0 0;width:36%;height:100%;object-fit:contain;object-position:center}.board-comparison .bc-name{left:36%;top:4px;right:1px;font-size:14px;line-height:18px;background:none}.board-comparison .bc-health{left:36%;bottom:7px;right:1px;font-size:15px;line-height:19px;background:none;gap:2px}.board-comparison .bc-role{width:17px;height:17px;top:2px;left:1px}.board-comparison .bc-health .bc-icon{width:13px;height:13px}}
@media(max-height:500px){.board-comparison{grid-template-rows:40px minmax(0,1fr) 73px}.board-comparison .bc-footer{padding:3px 6px;gap:1px}}
@container boardcell (max-height:60px){.board-comparison .bc-name{top:0;font-size:14px;line-height:16px}.board-comparison .bc-health{bottom:4px;font-size:14px;line-height:16px}.board-comparison .bc-health .bc-icon{display:none}}