/* Rally & Play uses the press's paper, ink, and crayon palette. */
.tennis-reader{width:min(790px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:8px 10px 0 #25251f25;overflow:auto;overscroll-behavior:contain}
.tennis-reader::backdrop{background:#25251fb8;backdrop-filter:blur(3px)}
.tennis-reader-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 28px 20px;border-bottom:var(--line)}
.tennis-reader-eyebrow{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin:0 0 9px}
.tennis-reader-header h2{font-family:var(--font-display);font-size:36px;line-height:1.1;letter-spacing:-.03em;margin:0}
.tennis-reader-header h2 span{color:var(--red)}
.tennis-reader-subtitle{font-size:14px;line-height:1.4;color:var(--muted);margin:9px 0 0}
.tennis-reader-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:var(--line);background:var(--sheet);font:30px/1 var(--font-text);cursor:pointer;transition:background .15s}
.tennis-reader-close:hover{background:#ecdfcd}
.tennis-reader-body{padding:19px 28px 20px}
.tennis-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.tennis-reader-handnote{font:12px/1.5 var(--font-hand);max-width:30ch}
.tennis-reader-view{border:0;border-bottom:1px solid currentColor;padding:9px 0 5px;background:none;font-size:12px;line-height:1.5;white-space:nowrap;cursor:pointer}
.tennis-reader-view:hover{color:var(--red)}
.tennis-reader-stage{--reader-stage-height:clamp(280px,49vh,390px);height:var(--reader-stage-height);display:grid;place-items:center;position:relative;padding:22px;background:#e5e9dc;border:1px solid #d0d5c7}
.tennis-reader-stage::before{content:'';position:absolute;inset:14px;border:1px solid #c4cbb970;pointer-events:none}
.tennis-reader-art{position:relative;width:min(var(--preview-width),100%,calc((var(--reader-stage-height) - 48px) * var(--preview-ratio)));max-height:100%;aspect-ratio:var(--preview-ratio);overflow:hidden;background:#fffefb;box-shadow:2px 2px 0 #f7f2e5,3px 3px 0 #aca797,6px 9px 16px #39372225}
.tennis-reader-art img{position:absolute;display:block;max-width:none;max-height:none;image-rendering:auto;user-select:none;pointer-events:none}
.tennis-reader-navigation{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:15px;margin-top:14px}
.tennis-reader-arrow{height:44px;width:44px;border:1px solid #97998a;background:var(--sheet);font-size:22px;cursor:pointer;transition:background .15s}
.tennis-reader-arrow:hover:enabled{background:#e5e9dc}
.tennis-reader-arrow:disabled{opacity:.35;cursor:default}
.tennis-reader-caption{display:flex;justify-content:center;align-items:center;gap:13px;font-size:14px;line-height:1.35;text-align:center;margin:0}
.tennis-reader-count{font-size:10px;font-weight:700;letter-spacing:.1em;white-space:nowrap;color:var(--muted)}
.tennis-reader-pages{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:13px 0 0}
.tennis-reader-pages button{width:32px;height:32px;border:1px solid transparent;background:transparent;font-size:11px;cursor:pointer}
.tennis-reader-pages button:hover{border-color:#b8b9a9}
.tennis-reader-pages button[aria-current]{background:var(--ink);color:var(--paper)}
.tennis-reader-note{font-size:11px;line-height:1.5;color:var(--muted);text-align:center;margin:14px 0 0}
.tennis-reader.is-whole-sheet .tennis-reader-art{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);max-height:none;aspect-ratio:auto;background:transparent;box-shadow:none;overflow:hidden}
.tennis-reader.is-whole-sheet .tennis-reader-art img{position:static;width:100%;height:100%;object-fit:contain}
.tennis-reader.is-whole-sheet .tennis-reader-pages{display:none}
@media(max-width:520px){
  .tennis-reader{width:calc(100% - 20px);max-height:calc(100dvh - 20px);box-shadow:4px 5px 0 #25251f25}
  .tennis-reader-header{padding:20px 18px 17px;gap:8px}
  .tennis-reader-header h2{font-size:30px}
  .tennis-reader-eyebrow{font-size:9px}
  .tennis-reader-subtitle{font-size:12px;max-width:24ch}
  .tennis-reader-body{padding:14px 17px 18px}
  .tennis-reader-toolbar{align-items:start;gap:12px;margin-bottom:13px}
  .tennis-reader-handnote{font-size:10px;max-width:20ch}
  .tennis-reader-view{font-size:10px;min-height:38px;padding:5px 0 3px}
  .tennis-reader-stage{--reader-stage-height:clamp(260px,43vh,355px);padding:20px}
  .tennis-reader-art{width:min(var(--preview-width),100%,calc((var(--reader-stage-height) - 44px) * var(--preview-ratio)))}
  .tennis-reader.is-whole-sheet .tennis-reader-art{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}
  .tennis-reader-caption{flex-direction:column;gap:3px;font-size:12px}
  .tennis-reader-count{font-size:9px}
  .tennis-reader-navigation{gap:10px;margin-top:12px}
  .tennis-reader-pages{gap:3px;margin-top:10px}
  .tennis-reader-pages button{width:30px;height:30px}
  .tennis-reader-note{font-size:10px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.tennis-reader button{transition:none}}