:root {
  --paper: #fdfbf6; --ink: #222; --muted: #6b6b6b; --maroon: #8b2332; --gold: #a98b3a;
  --good: #2e7d4f; --bad: #b23b3b; --band: #efe9df; --card: #f8f6f1; --line: #d8d2c6;
  --serif: Georgia, "DejaVu Serif", "Times New Roman", serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 15px/1.5 var(--serif); }
.sheet { max-width: 880px; margin: 0 auto; padding: 24px 16px 48px; }
h1.mast { font-size: clamp(2rem, 8vw, 3.2rem); letter-spacing: .04em; text-align: center; margin: 8px 0 14px; text-transform: uppercase; }
.bar { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--ink);
  padding: 8px 0; font: 700 .8rem/1.2 var(--serif); text-transform: uppercase; letter-spacing: .04em; color: var(--maroon); }
.bar .date { font-weight: 400; color: var(--muted); }
.issues { margin: 8px 0 0; font-size: .8rem; color: var(--muted); }
.issues a { color: var(--maroon); margin-right: 10px; }
h2.band { margin: 28px 0 14px; padding: 8px 12px; background: var(--band); border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink);
  text-align: center; text-transform: uppercase; letter-spacing: .03em; font-size: 1.05rem; color: var(--maroon); }
.scroll { overflow-x: auto; }
table.stand { width: 100%; border-collapse: collapse; font: .82rem/1.3 Arial, Helvetica, sans-serif; min-width: 560px; }
table.stand th { background: #222; color: #fff; text-align: right; padding: 5px 8px; font-size: .72rem; }
table.stand td { padding: 4px 8px; text-align: right; }
table.stand th:nth-child(2), table.stand td:nth-child(2) { text-align: left; }
table.stand th:first-child, table.stand td:first-child { text-align: left; width: 2rem; }
table.stand tr:nth-child(even) td { background: #f5f2ea; }
table.stand td.team { font-weight: 600; }
table.stand tr.mine td.team { color: var(--maroon); }
.good { color: var(--good); font-weight: 700; } .bad { color: var(--bad); font-weight: 700; }
.cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.item { padding: 12px 0; border-bottom: 1px solid var(--line); }
.item h3 { margin: 0 0 6px; font: 700 .72rem/1.3 Arial, Helvetica, sans-serif; text-transform: uppercase; color: var(--maroon); letter-spacing: .02em; }
.item .row { display: flex; justify-content: space-between; gap: 8px; }
.item .win { font-weight: 700; } .item .win .pts { color: var(--maroon); }
.item .lose { color: var(--muted); }
.item p { margin: 8px 0 0; font-size: .86rem; }
.fraud { border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); padding: 10px 0; margin-top: 20px; }
.fraud h3 { margin: 0 0 4px; font: 700 .85rem/1.3 Arial, Helvetica, sans-serif; text-transform: uppercase; color: var(--maroon); }
.fraud p { margin: 0; font-size: .8rem; }
.tiles { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 8px; }
.tile { background: var(--card); border: 1px solid var(--line); padding: 10px 6px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.tile .k { font-size: .6rem; font-weight: 700; color: var(--muted); text-transform: uppercase; min-height: 1.8em; }
.tile .v { font: 700 1.7rem/1.2 var(--serif); color: var(--maroon); }
.tile .n { font-size: .68rem; color: var(--maroon); }
.tile .t { font-size: .68rem; color: var(--muted); }
.honor { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.worst { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.pcard { position: relative; background: #fff; border: 1px solid var(--line); padding: 10px; display: flex; align-items: center; gap: 10px; min-height: 92px; }
.pcard .rk { position: absolute; top: 4px; left: 6px; font: 700 .65rem Arial, sans-serif; color: var(--gold); }
.pcard img { width: 64px; height: 64px; object-fit: cover; object-position: top; background: #eee; border-radius: 4px; flex: none; }
.pcard .nm { font-weight: 700; font-size: .85rem; line-height: 1.2; } .pcard .tm { font: .68rem Arial, sans-serif; color: var(--muted); }
.pcard .fp { font: 700 1.5rem/1.2 var(--serif); color: var(--gold); text-align: center; flex: 1; }
.pcard.w { flex-direction: column; text-align: center; } .pcard.w .fp { color: var(--maroon); font-size: 1.1rem; flex: none; }
.power { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.pw { position: relative; background: #fff; border: 1px solid var(--line); padding: 26px 6px 10px; text-align: center; min-height: 120px; }
.pw .no { position: absolute; top: 4px; left: 8px; font: 700 1.1rem var(--serif); color: var(--maroon); }
.pw img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #eee; }
.pw .nm { font-weight: 700; font-size: .78rem; line-height: 1.2; margin-top: 4px; } .pw .rc { font: .65rem Arial, sans-serif; color: var(--muted); }
.pv { background: #fff; border: 1px solid var(--line); padding: 10px 12px; font-size: .84rem; }
.pv .hd { display: flex; justify-content: space-between; font: 700 .64rem Arial, sans-serif; text-transform: uppercase; color: var(--maroon); }
.pv .hd span:last-child { color: var(--muted); }
.pv .tr { display: flex; justify-content: space-between; font-weight: 700; margin-top: 3px; } .pv .tr b { color: var(--maroon); font: 700 .74rem Arial, sans-serif; }
.pv .sp { display: flex; justify-content: space-between; font: .7rem Arial, sans-serif; color: var(--maroon); margin-top: 4px; }
.pv .meter { height: 6px; background: #d8d2c6; margin: 3px 0 8px; } .pv .meter i { display: block; height: 100%; background: var(--maroon); }
.pv p { margin: 0; font-size: .8rem; }
.pvs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.note { text-align: center; color: var(--muted); font-size: .8rem; padding: 40px 0; }
footer { margin-top: 32px; border-top: 1px solid var(--ink); padding-top: 8px; font: .7rem Arial, sans-serif; color: var(--muted); display: flex; justify-content: space-between; }
@media (max-width: 760px) {
  .cols, .pvs { grid-template-columns: 1fr; }
  .tiles, .power { grid-template-columns: repeat(3, 1fr); }
  .honor { grid-template-columns: 1fr; } .worst { grid-template-columns: repeat(2, 1fr); }
}