.scoring-main{display:grid;gap:16px}.lead-sheet,.rule-sheet,.catalog-callout{padding:18px;border:5px solid #111;background:#fff;box-shadow:7px 7px #bd1e2b}.lead-sheet{background:#ffe447}.lead-sheet h1,.rule-sheet h2,.catalog-callout h2{margin:0 0 8px}.lead-sheet p{max-width:850px;margin:6px 0}.award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.award-grid article{padding:13px;border:4px solid #111;background:#fff7df;box-shadow:5px 5px #111}.award-grid article:nth-child(2){background:#ffe447}.award-grid article:nth-child(3){color:#fff;background:#bd1e2b}.award-grid span{display:block;font-size:.72rem;font-weight:700}.award-grid strong{display:block;margin:4px 0;font-size:1.35rem}.award-grid p{margin:0;font-size:.82rem}.rule-sheet>p,.rule-sheet>ul{max-width:900px}.rule-sheet li{margin:5px 0}.rule-sheet table{width:100%;margin:12px 0;border-collapse:collapse}.rule-sheet th,.rule-sheet td{padding:8px;border:3px solid #111;text-align:left}.rule-sheet th{background:#ffe447}.rule-sheet td:nth-child(2){font-weight:700;font-variant-numeric:tabular-nums}.formula{padding:12px;border:4px solid #111;color:#fff;background:#1759a6;box-shadow:5px 5px #111;font-size:1.12rem;font-weight:700}.formula-sheet dl{margin:10px 0}.formula-sheet dl div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:7px 0;border-top:2px dotted #111}.formula-sheet dt{font-weight:700}.formula-sheet dd{margin:0}.examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:14px}.examples article{display:grid;gap:3px;padding:10px;border:3px solid #111;background:#fff7df}.examples article strong{color:#1759a6;font-size:1.55rem}.examples article span{font-size:.78rem}.catalog-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffe447}.catalog-callout p{max-width:760px;margin:0}.catalog-callout a{flex:none;padding:9px 12px;border:4px solid #111;color:#fff;background:#bd1e2b;box-shadow:4px 4px #111;text-decoration:none;text-transform:uppercase}@media(max-width:720px){.award-grid{grid-template-columns:1fr}.catalog-callout{display:grid}.catalog-callout a{width:max-content}.rule-sheet{padding:12px}.rule-sheet table{font-size:.84rem}.rule-sheet th,.rule-sheet td{padding:6px;border-width:2px}}@media(max-width:430px){.scoring-head .catalog-mark strong{font-size:1.45rem}.scoring-head .catalog-mark span{font-size:.68rem}.formula-sheet dl div{grid-template-columns:1fr}.rule-sheet table{display:block;overflow-x:auto}.catalog-callout a{width:100%;text-align:center}}
.word-guide dl{margin:0}.word-guide dl div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-top:2px dotted #111}.word-guide dt{font-weight:700}.word-guide dd{margin:0}.rule-sheet h3{margin:16px 0 6px;font-size:1rem}@media(max-width:430px){.word-guide dl div{grid-template-columns:1fr;gap:2px}}

.piece-type-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(90px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.piece-type-grid article {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 90px;
  padding: 10px 6px;
  border: 3px solid #111;
  background: #fff7df;
}

.piece-type-grid .piece-shape {
  grid-template-columns: repeat(4, 12px);
  grid-template-rows: repeat(2, 12px);
  width: 53px;
  height: 27px;
}

.piece-type-grid .piece-shape i {
  width: 12px;
  height: 12px;
}

.piece-color--I { --piece-color: #35a9d6; }
.piece-color--J { --piece-color: #a8b5ff; }
.piece-color--L { --piece-color: #ef8b31; }
.piece-color--O { --piece-color: #f7d33b; }
.piece-color--S { --piece-color: #53b965; }
.piece-color--T { --piece-color: #e28df0; }
.piece-color--Z { --piece-color: #ff9299; }

.rule-sheet td a {
  color: #174f92;
  font-weight: 700;
}

@media(max-width:720px) {
  .piece-type-grid { grid-template-columns: repeat(4, 1fr); }
}

@media(max-width:430px) {
  .piece-type-grid { grid-template-columns: repeat(2, 1fr); }
}

@media print {
  .formula,
  .award-grid article:nth-child(3),
  .catalog-callout a,
  .examples article strong,
  .rule-sheet td a {
    color: #111;
    background: #fff;
  }

  .lead-sheet,
  .rule-sheet,
  .catalog-callout,
  .award-grid article,
  .examples article {
    box-shadow: none;
    break-inside: avoid-page;
  }

  .rule-sheet h2,
  .rule-sheet h3,
  .catalog-callout h2 {
    break-after: avoid-page;
  }
}