/* ==========================================================
   NFL PAGE — MOBILE‑FIRST, CINEMATIC UI
   Uses KramerBot shared layout.css for sidebar + mobile toggle.
   nfl.css only styles NFL-specific content + small layout tweaks.
========================================================== */

/* ----------------------------------------------------------
   MAIN WRAPPER TWEAKS
---------------------------------------------------------- */

#main {
  /* layout.css already sets padding/background; keep NFL page predictable */
  overflow-y: auto;
}

.content {
  width: 100%;
  margin: 0 auto;
}



/* ----------------------------------------------------------
   CARD SYSTEM
---------------------------------------------------------- */

.card {
  background: #111827;
  border: 1px solid #1f2d45;
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 0 12px rgba(102, 204, 255, 0.08);
  margin-bottom: 20px;
}

/* ----------------------------------------------------------
   FILTER BAR — MOBILE FIRST
---------------------------------------------------------- */

.filter-bar {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.filter-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.filter-group label {
  font-size: 14px;
  color: #66ccff;
}

.filter-group select {
  background: #0a1322;
  border: 1px solid #2f4d6d;
  border-radius: 6px;
  padding: 10px 12px;
  color: #d9eaff;
  font-size: 16px;
}

.primary-btn {
  background: #1a2d45;
  color: #66ccff;
  border: 1px solid #66ccff;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 18px;
  cursor: pointer;
  transition: 0.2s ease;
}

.primary-btn:hover {
  background: #223b5c;
  box-shadow: 0 0 10px rgba(102, 204, 255, 0.4);
}

/* ----------------------------------------------------------
   LOADING INDICATOR
---------------------------------------------------------- */

.loading {
  text-align: center;
  padding: 20px;
  font-size: 18px;
  color: #66ccff;
  animation: nfl-pulse 1.4s infinite ease-in-out;
}

@keyframes nfl-pulse {
  0% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 0.4; }
}

/* ----------------------------------------------------------
   TOP PERFORMERS
---------------------------------------------------------- */

#top-performers h2 {
  margin: 0 0 12px 0;
  font-size: 20px;
  color: #66ccff;
}

.top-list {
  margin: 0;
  padding-left: 18px;
}

.top-list li {
  font-size: 16px;
  margin-bottom: 6px;
}

/* ----------------------------------------------------------
   TABLE WRAPPER (MOBILE SCROLL)
---------------------------------------------------------- */

.table-wrapper {
  overflow-x: auto;
  border-radius: 12px;
  background: #0f1626;
  border: 1px solid #1f2d45;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
}

.data-table thead {
  background: #1a2d45;
}

.data-table th {
  padding: 12px;
  font-size: 14px;
  color: #9ecbff;
  border-bottom: 2px solid #66ccff;
  cursor: pointer;
  white-space: nowrap;
}

.data-table td {
  padding: 12px;
  font-size: 14px;
  border-bottom: 1px solid #2f4d6d;
  white-space: nowrap;
}

.data-table tr:hover {
  background: #16263d;
}

/* Sticky columns (only if nfl.js applies these classes) */
.data-table th.sticky-col,
.data-table td.sticky-col {
  position: sticky;
  left: 0;
  background: #1a2d45;
  z-index: 3;
}

.data-table th.sticky-col-2,
.data-table td.sticky-col-2 {
  position: sticky;
  left: 120px;
  background: #1a2d45;
  z-index: 3;
}

/* ----------------------------------------------------------
   CHART GRID — MOBILE FIRST
---------------------------------------------------------- */

.charts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

/* Chart.js is configured maintainAspectRatio:false, which means it sizes the
   canvas to its CONTAINER. The container's height was driven by the canvas, so
   each resize cycle grew it: the charts section measured 15,704px tall and the
   page 16,777,216px (2^24, the browser's ceiling). The charts were "there" and
   effectively invisible. A definite height breaks the feedback loop — this is
   the documented Chart.js requirement, not a workaround. */
.chart-card {
  position: relative;
}

.chart-card canvas {
  background: #0b0f16;
  border-radius: 10px;
  padding: 10px;
  display: block;
  width: 100% !important;
  height: 260px !important;
  max-height: 260px;
}

#usage-donut {
  height: 300px !important;
  max-height: 300px;
}

/* ----------------------------------------------------------
   COMPARE PANEL
---------------------------------------------------------- */

#compare-panel h2 {
  margin: 0 0 12px 0;
  font-size: 20px;
  color: #66ccff;
}

#compare-select {
  width: 100%;
  padding: 10px 12px;
  background: #0a1322;
  border: 1px solid #2f4d6d;
  border-radius: 6px;
  color: #d9eaff;
  font-size: 16px;
}

.compare-metrics {
  margin-top: 12px;
  font-size: 16px;
}

/* ----------------------------------------------------------
   DESKTOP ENHANCEMENTS
---------------------------------------------------------- */

@media (min-width: 768px) {
  .content {
    max-width: 1200px;
  }

  .filter-bar {
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20px;
  }

  .filter-group {
    width: auto;
    min-width: 160px;
  }

  .charts-grid {
    grid-template-columns: 1.5fr 1fr;
  }

  .data-table {
    min-width: 100%;
  }
}

.tab-bar {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.tab-btn {
  padding: 8px 12px;
  border: none;
  background: #222;
  color: #eee;
  cursor: pointer;
  border-radius: 4px;
}

.tab-btn.active {
  background: #4e79a7;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}


#player-breakdown-panel {
  padding: 20px;
  background: #111;
  color: #eee;
  border-radius: 8px;
  margin-top: 20px;
}

.breakdown-section {
  margin-top: 16px;
  padding: 12px;
  background: #1a1a1a;
  border-radius: 6px;
}

.chart-box {
  width: 600px;
  height: 400px;
  margin-left: 24px;
}

#attribution-bar {
  width: 100%;
  height: 500px;
}

#attribution-bar-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  min-width: 300px;
  flex: 1;
  padding: 12px;
}

#attribution-3d-container {
  min-width: 300px;
}


@media (max-width: 768px) {
  #attribution-bar-wrapper {
    display: block !important;
    width: 100%;
  }

  #attribution-bar {
    width: 100% !important;
    height: 500px !important;
  }
}

/* Mobile-friendly attribution layout */
@media (max-width: 700px) {

  #attribution-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  #attribution-bar-wrapper {
    width: 100% !important;
    margin: 0 0 16px 0;
    min-height: 260px !important;
    padding-right: 20px;
  }

  #attribution-bar {
    max-width: 100%;
    height: 250px !important;
  }

  #attribution-3d-legend { 
    flex-direction: row !important; 
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 10px; 
    margin-top: 12px; 
    width: 100%; 
  }

  #attribution-table {
    width: 100%;
    font-size: 14px;
  }

  #attribution-table th,
  #attribution-table td {
    padding: 6px 8px;
  }

  #attribution-title {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

#attribution-table {
  border-collapse: collapse;
}

#attribution-table tr:nth-child(even) {
  background: #f7f7f7;
  color: black;
}

#attribution-table td:first-child {
  font-weight: 600;
}

.attribution-subheader {
  margin-top: -8px;
  font-weight: 500;
  color: #888;
}

#attribution-table .total-row td {
  border-top: 2px solid #ccc;
  padding-top: 6px;
  font-weight: 600;
}

.compare-subheader {
  margin-top: -8px;
  font-weight: 500;
  color: #777;
}

.data-table .col-passing-yds {
  text-align: right !important;
}
.data-table .col-comp-passing-yds {
  text-align: right !important;
}
.data-table .col-pct-passing-yards {
  text-align: right !important;
}
.data-table .col-receptions {
  text-align: right !important;
}
.data-table .col-comp-receptions {
  text-align: right !important;
}
.data-table .col-pct-receptions {
  text-align: right !important;
}
.data-table .col-receiving-yards {
  text-align: right !important;
}
.data-table .col-comp-receiving-yards {
  text-align: right !important;
}
.data-table .col-pct-receiving-yards {
  text-align: right !important;
}
.data-table .col-receiving-tds {
  text-align: right !important;
}
.data-table .col-comp-receiving-tds {
  text-align: right !important;
}
.data-table .col-pct-receiving-tds {
  text-align: right !important;
}
.data-table .col-fumbles-lost {
  text-align: right !important;
}
.data-table .col-comp-fumbles-lost {
  text-align: right !important;
}
.data-table .col-pct-fumbles-lost {
  text-align: right !important;
}
.data-table .col-sack-fumbles {
  text-align: right !important;
}
.data-table .col-comp-sack-fumbles {
  text-align: right !important;
}
.data-table .col-pct-sack-fumbles {
  text-align: right !important;
}
.data-table .col-fantasy-points-vandalay {
  text-align: right !important;
}
.data-table .col-fantasy-points-ppr {
  text-align: right !important;
}
.data-table .col-fantasy-points-half {
  text-align: right !important;
}
.data-table .col-fantasy-points-shen2000 {
  text-align: right !important;
}
.data-table .col-passing-tds {
  text-align: right !important;
}
.data-table .col-comp-passing-tds {
  text-align: right !important;
}
.data-table .col-pct-passing-tds {
  text-align: right !important;
}
.data-table .col-interceptions {
  text-align: right !important;
}
.data-table .col-comp-interceptions {
  text-align: right !important;
}
.data-table .col-pct-interceptions {
  text-align: right !important;
}
.data-table .col-rushing-yds {
  text-align: right !important;
}
.data-table .col-comp-rushing-yds {
  text-align: right !important;
}
.data-table .col-pct-rushing-yards {
  text-align: right !important;
}
.data-table .col-rushing-tds {
  text-align: right !important;
}
.data-table .col-comp-rushing-tds {
  text-align: right !important;
}
.data-table .col-pct-rushing-tds {
  text-align: right !important;
}
.data-table .col-receptions {
  text-align: right !important;
}
.data-table .col-comp-receptions {
  text-align: right !important;
}
.data-table .col-pct-receptions {
  text-align: right !important;
}
.data-table .col-receiving-yards {
  text-align: right !important;
}
.data-table .col-comp-receiving-yards {
  text-align: right !important;
}
.data-table .col-pct-receiving-yards {
  text-align: right !important;
}
.data-table .col-receiving-tds {
  text-align: right !important;
}
.data-table .col-comp-receiving-tds {
  text-align: right !important;
}
.data-table .col-pct-receiving-tds {
  text-align: right !important;
}
.data-table .col-fumbles-lost {
  text-align: right !important;
}
.data-table .col-comp-fumbles-lost {
  text-align: right !important;
}
.data-table .col-pct-fumbles-lost {
  text-align: right !important;
}
.data-table .col-sack-fumbles {
  text-align: right !important;
}
.data-table .col-comp-sack-fumbles {
  text-align: right !important;
}
.data-table .col-pct-sack-fumbles {
  text-align: right !important;
}

/* ==========================================================
   ATTRIBUTION WRAPPER (replaces 3D Three.js layout)
   Two-column on desktop: chart + companion table.
========================================================== */

.attribution-wrapper {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  align-items: start;
  margin-top: 12px;
}

#attribution-bar-wrapper {
  background: #0f1626;
  border: 1px solid #1f2d45;
  border-radius: 12px;
  padding: 16px;
  min-height: 360px;
  position: relative;
}

#attribution-bar {
  width: 100% !important;
  height: 360px !important;
}

#attribution-table.mini-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: #0f1626;
  border: 1px solid #1f2d45;
  border-radius: 12px;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}

#attribution-table.mini-table th,
#attribution-table.mini-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #1f2d45;
  text-align: left;
  color: #e8e6df;
}

#attribution-table.mini-table thead {
  background: #16223a;
}

#attribution-table.mini-table th {
  color: #a8b8cc;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.06em;
  font-weight: 500;
}

#attribution-table.mini-table td:nth-child(2) {
  text-align: right;
  font-family: var(--font-mono, monospace);
}

#attribution-title {
  margin: 0 0 4px 0;
  color: var(--accent, #d4b14a);
  font-family: var(--font-display, Impact, sans-serif);
  letter-spacing: 0.04em;
  font-size: 22px;
}

#attribution-subheader {
  margin: 0 0 12px 0;
  color: var(--ink-muted, #a8b8cc);
  font-size: 13px;
  font-weight: 400;
}

@media (max-width: 900px) {
  .attribution-wrapper {
    grid-template-columns: 1fr;
  }
  #attribution-bar {
    height: 320px !important;
  }
}

/* ==========================================================
   MOBILE PLAYER CARDS — replaces the wide table on phones.
   Toggle via CSS only; renderer always emits both.
========================================================== */

.usage-cards {
  display: none;
  flex-direction: column;
  gap: 10px;
}

.player-card {
  background: var(--bg-1, #0f1a2e);
  border: 1px solid var(--border, #1f2d45);
  border-radius: var(--radius-md, 10px);
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto auto auto;
  gap: 4px 12px;
  align-items: center;
  font-family: var(--font-body, system-ui);
  color: var(--ink, #e8e6df);
  cursor: pointer;
  transition: border-color 0.15s ease, transform 0.05s ease;
}

.player-card:hover,
.player-card:focus-within {
  border-color: var(--accent, #d4b14a);
}

.player-card:active {
  transform: scale(0.995);
}

.pc-pos {
  grid-row: 1 / span 2;
  grid-column: 1;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--bg-2, #16223a);
  border: 1px solid var(--border-soft, #2f3d57);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.pc-name {
  grid-row: 1;
  grid-column: 2;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
}

.pc-meta {
  grid-row: 2;
  grid-column: 2;
  font-size: 11px;
  color: var(--ink-muted, #a8b8cc);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.pc-fpts-wrap {
  grid-row: 1 / span 2;
  grid-column: 3;
  text-align: right;
  font-family: var(--font-mono, monospace);
  font-variant-numeric: tabular-nums;
}

.pc-fpts {
  font-size: 22px;
  font-weight: 700;
  color: var(--accent, #d4b14a);
  line-height: 1;
  display: block;
}

.pc-fpts-label {
  display: block;
  font-size: 9px;
  font-family: var(--font-body, system-ui);
  color: var(--ink-muted, #a8b8cc);
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-top: 4px;
  text-transform: uppercase;
}

.pc-bar {
  grid-row: 3;
  grid-column: 1 / -1;
  height: 6px;
  border-radius: 3px;
  background: var(--bg-2, #16223a);
  overflow: hidden;
  display: flex;
  margin-top: 4px;
}

.pc-bar-seg {
  height: 100%;
  transition: width 0.2s ease;
}

.pc-chips {
  grid-row: 4;
  grid-column: 1 / -1;
  display: flex;
  gap: 6px;
  margin-top: 6px;
  flex-wrap: wrap;
}

.pc-chip {
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  background: var(--bg-2, #16223a);
  border: 1px solid var(--border-soft, #2f3d57);
  padding: 2px 6px;
  border-radius: 10px;
  color: var(--ink-muted, #a8b8cc);
  white-space: nowrap;
}

.pc-chip strong {
  color: var(--ink, #e8e6df);
  font-weight: 600;
}

/* Mobile: show cards, hide table */
@media (max-width: 768px) {
  .usage-cards.has-data {
    display: flex;
  }
  #table-wrapper:not(.force-show) {
    display: none !important;
  }
}

/* Desktop: hide cards, show table */
@media (min-width: 769px) {
  .usage-cards {
    display: none !important;
  }
}

/* ==========================================================
   POSTSEASON NOTE (multi-week usage page)
   Carries the context playoff totals need: which rounds/weeks
   they cover, and whether the ingest is short a round. Warning
   state is deliberately loud — an incomplete parquet looks
   exactly like a season that has not been played yet.
========================================================== */
.callout {
  margin: 0 0 1rem;
  padding: 0.65rem 0.9rem;
  border: 1px solid var(--border-soft, #2f3d57);
  border-left: 3px solid var(--accent-2, #7aa6c2);
  border-radius: var(--radius-sm, 6px);
  background: var(--bg-2, #16223a);
  color: var(--ink-muted, #a8b8cc);
  font-family: var(--font-body, system-ui);
  font-size: 0.9rem;
  line-height: 1.4;
}

.callout.warn {
  border-left-color: var(--accent, #d4b14a);
  color: var(--ink, #e8e6df);
}

/* .hidden could not hide a filter group. layout.css has `.hidden{display:none}`
   and this file has `.filter-group{display:flex}` — same specificity (0,1,0),
   and nfl.css loads LAST, so flex won and the element stayed on screen even
   with the class applied. Two classes = (0,2,0), which wins regardless of load
   order. Caught by screenshotting; a classList assertion said "hidden" and was
   technically right while the control was plainly visible. */
.filter-group.hidden {
  display: none;
}

/* Same collision, same fix: .charts-grid{display:grid} in this file beat
   layout.css's .hidden{display:none} on equal specificity, so the weekly
   charts section rendered even while class="hidden". Only safe to enforce now
   that renderCharts() targets the charts section rather than the attribution
   block they used to share an id with. */
.charts-grid.hidden {
  display: none;
}

/* ==========================================================
   MULTI-WEEK VIEW TOGGLE  (Totals / By week / Per game)
   Same metrics, three shapes. Uses the shared tokens so it
   reads as part of the table rather than a bolted-on control.
========================================================== */
.view-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 12px 0 8px;
}

.view-toggle.hidden { display: none; }

.view-btn {
  background: var(--bg-2);
  color: var(--ink-muted);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 6px 14px;
  font-family: var(--font-body);
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.view-btn:hover {
  background: var(--bg-3);
  color: var(--ink);
}

.view-btn.active {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--bg-0);
  font-weight: 600;
}

.view-btn:focus-visible {
  outline: 2px solid var(--accent-2);
  outline-offset: 2px;
}

/* The caveat that makes a number readable — "divided by games played, not
   weeks selected" — sits beside the buttons, not in a tooltip nobody opens. */
#multi-usage-view-note {
  color: var(--ink-dim);
  font-size: 0.82rem;
}

@media (max-width: 768px) {
  #multi-usage-view-note { flex-basis: 100%; }
}

/* ==========================================================
   CROSS-TABLE + SELECTED-PLAYER ATTRIBUTION
========================================================== */
.metric-picker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink-muted);
  font-size: 0.85rem;
}

.metric-picker.hidden { display: none; }

.metric-picker select {
  background: var(--bg-2);
  color: var(--ink);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 5px 8px;
  font-family: var(--font-body);
}

/* Rows are the entry point to the attribution panel, so they have to look
   like they do something. */
.player-row { cursor: pointer; }
.player-row:hover { background: var(--bg-2); }

.player-row.selected {
  background: var(--bg-3);
  box-shadow: inset 3px 0 0 var(--accent);
}

/* Week columns are read by comparing down a column, which only works if the
   digits line up. */
.data-table td.num,
.data-table th.num {
  text-align: right;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

.data-table td.num.muted { color: var(--ink-dim); }

.breakdown-panel {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 16px;
  margin: 12px 0 16px;
}

.breakdown-panel.hidden { display: none; }

.breakdown-header h2 {
  margin: 0 0 4px;
  font-family: var(--font-display);
  letter-spacing: 0.5px;
  color: var(--accent);
}

.breakdown-table { margin-top: 12px; width: 100%; }

/* The charts moved above the table and carry the page now, so give them room
   instead of the afterthought height they had at the bottom. */
.charts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px;
  margin: 8px 0 16px;
}

.charts-grid .chart-card { min-height: 300px; }

.charts-grid .chart-card h2 {
  margin: 0 0 4px;
  font-size: 1.05rem;
  color: var(--ink);
}

.charts-grid .chart-card .muted {
  color: var(--ink-dim);
  font-size: 0.8rem;
  margin: 0 0 8px;
}

@media (max-width: 768px) {
  .charts-grid { grid-template-columns: 1fr; }
}

/* ==========================================================
   PLAYER EFFICIENCY (PBP) — points vs EPA
========================================================== */
#pbp-efficiency { margin-bottom: 24px; }

#pbp-efficiency .chart-card {
  margin: 12px 0;
  padding: 12px;
}

/* A sortable header has to look sortable, or nobody discovers it. */
.data-table th.sortable {
  cursor: pointer;
  user-select: none;
}

.data-table th.sortable:hover { color: var(--accent); }

#eff-note {
  color: var(--ink-dim);
  font-size: 0.82rem;
  margin: 6px 0;
}

/* ==========================================================
   PORTRAIT PHONE — the cross-table
   .data-table is width:100%, which on a 380px screen crushes ten week
   columns into unreadable slivers. Landscape looked "much better" purely
   because the same table had twice the width to work with.

   Fix is the standard one: let the table take the width it needs, let the
   wrapper scroll, and freeze the player column so you always know whose row
   you are reading. The player column is marked with .sticky-col in JS rather
   than by :nth-child, because Per game leads with GP and a positional rule
   would freeze the wrong cell.
========================================================== */
@media (max-width: 768px) {
  #multi-usage-table-wrapper {
    /* The page-level rule hides #table-wrapper — a DIFFERENT id — so this
       table was never covered by it and rendered squeezed instead. */
    display: block;
    -webkit-overflow-scrolling: touch;
  }

  #multi-usage-table {
    width: auto;
    min-width: 100%;
  }

  #multi-usage-table th,
  #multi-usage-table td {
    padding: 6px 8px;
    font-size: 0.8rem;
    white-space: nowrap;
  }

  .data-table .sticky-col {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--bg-1);
    /* A hairline so the frozen column reads as pinned rather than as a cell
       that happens to be under the others while scrolling. */
    box-shadow: 1px 0 0 var(--border);
    max-width: 8.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .player-row.selected .sticky-col { background: var(--bg-3); }

  /* Stacking the controls beats a horizontal squeeze on a phone. */
  .view-toggle { gap: 6px; }
  .view-btn { padding: 6px 10px; font-size: 0.82rem; }
  .metric-picker { flex-basis: 100%; }
  .metric-picker select { width: 100%; }

  /* Charts get the full width and a workable height in portrait. */
  .charts-grid .chart-card { min-height: 260px; }
}