@import url("../../cosmos/lessons/style.css");

/* ───────────────────────────────────────────────────────────────
   冰球的逻辑 / hockey track  (The Logic of Ice Hockey — NHL)
   Part of the 运动 · 球类的逻辑 group (Big Four sibling of basketball,
   baseball, american football + soccer). Reuses the cosmos component
   sheet verbatim (kicker / source-note / takeaway / position-grid /
   lesson-flow / mini-flow / trade-table / toc-grid / widget / kpi-grid /
   dist-canvas). Widgets draw the enclosed rink, power plays, rushes,
   shot maps and xG procedurally on a .dist-canvas — no images.
   ─────────────────────────────────────────────────────────────── */

/* An ice-rink canvas — same sizing contract as .dist-canvas. */
.rink-canvas {
  width: 100%;
  display: block;
  border-radius: 10px;
  margin-top: 12px;
  background: #0d1b2a;            /* dark ice-blue */
  border: 1px solid rgba(150, 190, 230, 0.20);
}

.key-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; font-size: 12px; color: var(--text-mute); }
.key-row .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }