/* ROCKETTES — 2025 SEASON IN REVIEW (/2025-season, Content/Snippets/custom-cr-season-2025.html). 2026-11-12 MST.
   Page shell = the Team Portal's (css/custom-cr-team.css: .cr, .cr-hero.is-compact, .cr-hero-bg, .cr-nav, .cr-h1, .cr-lede, .cr-main, .cr-foot).
   Cards = Craig's pick, concept B: the home's THIRD PLACE glass card (.cr .cr-box), logo | RESULT | tournament, plus what he added on
   picking it: the division "needs to be called out maybe a color overlay under the logo" = .s25-level, a band under every logo in the
   brand's bright blue (--LinkHoverColor) with white ink. Reading text is 16px or larger. */
.s25 .s25-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:14px} /* drops a column before a card squeezes */
.s25 .s25-grid > li{display:flex;min-width:0}
.s25 .s25-card{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:22px;width:100%;padding:20px;color:#fff;text-align:left;text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease}
.s25 .s25-card:is(:hover,:focus-visible){background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.6);color:#fff;text-decoration:none}
.s25 .s25-badge{display:flex;flex-direction:column;border-radius:8px;overflow:hidden}
.s25 .s25-logo{display:flex;align-items:center;justify-content:center;height:104px;padding:14px;background:#fff}
.s25 .s25-logo img{display:block;max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain;margin:0}
.s25 .s25-logo.is-mark{background:rgba(255,255,255,.14);color:#fff}       /* no verified logo file for this event: the home's softball mark */
.s25 .s25-ball{display:block;width:56px;height:56px}
.s25 .s25-level{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 8px 7px;background:var(--LinkHoverColor);color:#fff;font-family:var(--cr-f3);font-weight:400;
  font-size:17px;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-wrap:balance}
.s25 .s25-txt{display:block;min-width:0;container-type:inline-size} /* the result sizes to ITS column, so QUARTERFINALS never runs past the card (it did at 992 and 390) */
.s25 .s25-result{display:block;font-family:var(--cr-f2);font-weight:300;font-size:clamp(20px,10.6cqw,38px);white-space:nowrap;line-height:1;text-transform:uppercase;color:#fff}
.s25 .s25-name{display:block;margin-top:10px;font-family:var(--cr-f1);font-size:19px;line-height:1.25;color:#fff}
.s25 .s25-meta{display:block;margin-top:4px;font-family:var(--cr-f1);font-size:16px;line-height:1.35;color:var(--cr-ink3)}
@media(max-width:520px){
  .s25 .s25-card{grid-template-columns:118px minmax(0,1fr);gap:14px;padding:14px}
  .s25 .s25-logo{height:84px;padding:10px}.s25 .s25-logo img{max-height:62px}
  .s25 .s25-level{font-size:16px;letter-spacing:.03em}
  .s25 .s25-name{font-size:18px}
}

/* ---- result window: the guide's "Modal: short form" shell (.ct-modal, shared/ops/v2/tracker-modal.css), as the Vegas itinerary viewer
   uses it, made wide enough for a four-round bracket. The sheet inside is the tournament page's paper program (.crt). ---- */
.cr-modals #cr-s25-modal .ct-modal{width:min(1180px,100%);max-width:min(1180px,100%)}
.cr-modals #cr-s25-modal .ct-modal-body{padding:0}
.crt.s25-sheet{padding:22px clamp(14px,2.4vw,28px) 30px}
.crt.s25-sheet .s25-facts{display:flex;flex-wrap:wrap;gap:8px 26px;margin-bottom:6px}
.crt.s25-sheet .s25-facts > span{display:flex;flex-direction:column;gap:2px}
.crt.s25-sheet .s25-facts b{font:800 20px/1.25 Nexa,sans-serif;color:var(--color1)}
.crt.s25-sheet .crt-program{margin-top:22px}
.crt.s25-sheet .crt-tbl td,.crt.s25-sheet .crt-tbl th{text-align:left}
.crt.s25-sheet .s25-w{font-weight:800;color:var(--color1);white-space:nowrap}
.crt.s25-sheet .s25-src{margin-top:20px;font-size:17px}
.crt.s25-sheet .s25-src a{font-weight:800;color:var(--color1);text-decoration:none}
.crt.s25-sheet .s25-src a:hover{color:var(--pinkd)}
.crt.s25-sheet .crt-bk .crt-rh{font-size:clamp(20px,2.1vw,28px);min-width:0} /* five rounds across in a 1180 window: the page's 32px heads ran into each other */
/* 1000px and down the tournament sheet turns its pool table into a grid with named areas for ITS six cells; these four take their own:
   opponent across the top, date + round under it, the score at the right of both lines (it was clipped at 390 before this). */
@media (max-width:1000px){
  .crt.s25-sheet .crt-tbl tr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"o o w" "d r w";column-gap:10px;row-gap:2px;align-items:center;padding:12px 16px;border-bottom:1.5px dotted var(--rule)}
  .crt.s25-sheet .crt-tbl .s25-o{grid-area:o;font-size:18px;color:var(--color1);font-weight:800}
  .crt.s25-sheet .crt-tbl .s25-d{grid-area:d;font-size:16px}
  .crt.s25-sheet .crt-tbl .s25-r{grid-area:r;font-size:16px}
  .crt.s25-sheet .crt-tbl .s25-r::before{content:"· "}
  .crt.s25-sheet .crt-tbl .s25-w{grid-area:w;font-size:18px}
}
/* double elimination, one connected bracket (js drawDE): a wider window for its 5-6 columns, the elimination-side cards on a lavender
   header rule so the two sides read apart, and the "from Gm N" line under a team that dropped from the winners side. */
.cr-modals #cr-s25-modal .ct-modal.is-de{width:min(1560px,100%);max-width:min(1560px,100%)}
.crt.s25-sheet .s25-de .crt-mt.s25-elim{border-style:dashed}
.crt.s25-sheet .s25-drop{display:block;margin-top:2px;font:800 14px/1.2 Nexa,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--color1);opacity:.75}
.crt.s25-sheet .s25-de .crt-mt-t{font-size:16px;padding:9px 10px}
.crt.s25-sheet .s25-de .crt-mt-h{padding:8px 10px}
/* band color = age level. Craig 2026-11-12: "16u should be designated diff color, orange bg maybe. but HS/18u has got to be differentiated".
   16U events (.is-16, set by the generator from the level text) = orange, Bootstrap's --bs-orange as the tournament sheet uses --bs-red;
   HS / 18U events, where the team played up (.is-up), keep the bright blue. White ink on both. */
.s25 .s25-level.is-16{background:var(--bs-orange)}
