@font-face{font-family:"Big Shoulders Display";font-weight:800;font-display:swap;src:url(/assets/big-shoulders-display-latin-ext-800-normal-fpv_pHPA.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF}
@font-face{font-family:"Big Shoulders Display";font-weight:700;font-display:swap;src:url(/assets/big-shoulders-display-latin-ext-700-normal-C8xZtiKd.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF}
.btn{gap:8px}
/* Higher or lower. Builds on the Roll of honour stylesheet (tokens, header, tiles). */
.hstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.hstats div{background:var(--pitch-deep);border:1px solid var(--line);border-radius:12px;padding:8px 10px;text-align:center}
.hstats b{display:block;font:800 1.7rem/1 var(--display)}
.hstats span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:700}
#streak{color:var(--yellow)}
.duel{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 8px}
.card{background:var(--board);border:2px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 40px #0006;transition:border-color .2s}
.card p{margin:0}
.card .who{font:800 1.45rem/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em}
.card .yrs{color:var(--dim);font-size:.85rem;margin-top:2px}
.card .val{font:800 2.6rem/1 var(--display);margin-top:8px;color:var(--chalk)}
.card .unit{color:var(--dim);font-size:.9rem}
.card.b .val{color:var(--yellow)}
.card.right{border-color:var(--green)}.card.right .val{color:var(--green)}
.card.wrong{border-color:var(--red)}.card.wrong .val{color:var(--red-soft)}
.vs{margin:0;text-align:center;font-weight:600;color:var(--chalk)}
.choose{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.choose .btn{min-height:56px;font-size:1.15rem}
.choose .down{background:none;color:var(--chalk);border-color:var(--chalk)}
.verdict{min-height:1.4em;margin:2px 0 0;font-weight:600;text-align:center}.verdict.ok{color:var(--green)}.verdict.no{color:var(--red-soft)}
.next{width:100%;min-height:52px}
.hol .acts{margin:4px 0 0}
@media (min-width:700px){
  .duel{grid-template-columns:1fr auto 1fr;align-items:stretch;column-gap:14px}
  .duel .card.a{grid-column:1;grid-row:1}.duel .vs{grid-column:2;grid-row:1;align-self:center;max-width:9rem}
  .duel .card.b{grid-column:3;grid-row:1}
  .duel .choose,.duel .verdict,.duel .next{grid-column:1/-1}
  .card .who{font-size:1.8rem}.card .val{font-size:3.2rem}
}
@media (max-width:380px){.card .val{font-size:2.2rem}}