.board{gap:14px;min-height:0;max-width:none;align-items:stretch}
.board .slot{height:auto;aspect-ratio:auto;min-height:44px;align-self:stretch}
.board .slot:has(.print){min-height:112px}
.board .slot:disabled:not(.filled){background:transparent;border-color:#b3a68d}
:is(.board .slot,.gallery-follower) .print{height:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center}
:is(.board .slot,.gallery-follower) .art{width:100%;height:auto;aspect-ratio:1;align-self:center}
:is(.board .slot,.gallery-follower) .art img{object-fit:contain}
:is(.board .slot,.gallery-follower) .print-rule{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:5px 3px;padding:7px;font-size:11px;line-height:1.3;overflow-wrap:normal;word-break:normal}
:is(.board,.gallery-follower) .rule-copy{display:block;grid-column:1/-1}
:is(.board,.gallery-follower) .rule-points{flex-wrap:nowrap;gap:3px;white-space:nowrap}
:is(.board,.gallery-follower) .rule-points b{font-size:12px;min-width:0}
:is(.board,.gallery-follower) .rule-points small{font-size:8px}
:is(.board,.gallery-follower) .target-icon{width:16px;height:16px;margin-left:0}
:is(.board,.gallery-follower) .rule-diagram{width:28px;height:28px}
:is(.board,.gallery-follower) .rule-diagram[viewBox="0 0 100 58"]{width:38px;height:28px}
.gallery-head{justify-content:flex-start;flex-wrap:wrap;gap:8px 12px}
.gallery-head h3{white-space:nowrap;margin-right:auto}
.gallery-head>span{white-space:nowrap}
.gallery-head button{font-size:11px;padding:7px 9px}
.gallery .explanation{min-height:54px;padding-top:12px}
@media(min-width:1000px){
  :is(.board .slot,.gallery-follower) .print{container-type:inline-size;grid-template-columns:minmax(0,min(64%,var(--gallery-art-limit,160px))) minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start}
  :is(.board .slot,.gallery-follower) .art{grid-area:1/1/3/2;align-self:start}
  :is(.board .slot,.gallery-follower) .print-rule{display:contents}
  :is(.board,.gallery-follower) .rule-points{grid-area:1/2;align-self:center;flex-wrap:wrap;padding:4px 4px 0;gap:2px 3px;line-height:1}
  :is(.board,.gallery-follower) .rule-points b{font-size:clamp(14px,min(8cqw,calc(var(--gallery-art-limit,160px)*.14)),26px)}
  :is(.board,.gallery-follower) .rule-points small{font-size:clamp(8px,min(4cqw,calc(var(--gallery-art-limit,160px)*.075)),12px)}
  :is(.board,.gallery-follower) .target-icon{width:clamp(18px,min(12cqw,calc(var(--gallery-art-limit,160px)*.2)),38px);height:auto}
  :is(.board,.gallery-follower) .rule-diagram{grid-area:2/2;align-self:center;justify-self:center;margin:2px 0;width:clamp(32px,min(28cqw,calc(var(--gallery-art-limit,160px)*.45)),80px);height:auto;max-width:calc(100% - 8px)}
  :is(.board,.gallery-follower) .rule-diagram[viewBox="0 0 100 58"]{width:clamp(44px,min(40cqw,calc(var(--gallery-art-limit,160px)*.72)),126px);height:auto}
  :is(.board[data-columns="4"],.gallery-follower[data-columns="4"]) .rule-diagram{width:clamp(28px,min(28cqw,calc(var(--gallery-art-limit,160px)*.45)),80px)}
  :is(.board[data-columns="4"],.gallery-follower[data-columns="4"]) .rule-diagram[viewBox="0 0 100 58"]{width:clamp(38px,min(40cqw,calc(var(--gallery-art-limit,160px)*.72)),126px)}
  :is(.board,.gallery-follower) .rule-copy{grid-area:3/1/4/3;padding:7px 8px 8px;font-size:clamp(12px,5cqw,16px);line-height:1.3}
}
@media(max-width:999px) and (min-width:680px){
  .board{gap:10px}
  :is(.board .slot,.gallery-follower) .print{grid-template-columns:minmax(0,1fr)}
  :is(.board .slot,.gallery-follower) .art{max-width:120px;justify-self:center}
  :is(.board .slot,.gallery-follower) .print-rule{padding:6px;font-size:10px}
}
@media(max-width:679px){
  .board{gap:10px}
  .board .slot{min-height:0}
  :is(.board .slot,.gallery-follower) .print{grid-template-columns:minmax(0,1fr);align-items:start}
  :is(.board .slot,.gallery-follower) .art{aspect-ratio:1}
  :is(.board .slot,.gallery-follower) .print-rule{padding:5px;gap:4px 2px;font-size:10px;line-height:1.25}
  :is(.board,.gallery-follower) .rule-points{grid-column:1/-1}
  :is(.board,.gallery-follower) .rule-diagram{display:none}
  .gallery .explanation{padding-top:12px}
}