/* =========================
   Score Mode Layout (Desktop)
   ========================= */

@media (min-width: 960px) {
  /* Score mode: keep footer shell full-bleed like the rest of the score view. */
  body.mode-score #scoreEntryPanel > .scorecard-controls-shell {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    align-self: stretch !important;
  }

  /* Score mode: mirror the same gutter texture language used in games mode. */
  body.mode-score #scoreEntryPanel {
    position: relative;
  }

  body.mode-score #scoreEntryPanel::before,
  body.mode-score #scoreEntryPanel::after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: max(0px, calc(50vw - 516px));
    pointer-events: none;
    z-index: 0;
    background:
      radial-gradient(120% 85% at 50% 0%, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 56%),
      repeating-linear-gradient(135deg, rgba(136, 165, 191, 0.18) 0 10px, rgba(136, 165, 191, 0.08) 10px 20px),
      linear-gradient(180deg, rgba(223, 233, 244, 0.92), rgba(209, 221, 234, 0.82));
    box-shadow: inset -1px 0 0 var(--line-mute);
  }

  body.mode-score #scoreEntryPanel::before { left: 0; }

  body.mode-score #scoreEntryPanel::after {
    right: 0;
    box-shadow: inset 1px 0 0 var(--line-mute);
  }

  :root:not([data-theme="light"]) body.mode-score #scoreEntryPanel::before,
  :root:not([data-theme="light"]) body.mode-score #scoreEntryPanel::after {
    background:
      radial-gradient(120% 85% at 50% 0%, rgba(151, 185, 210, 0.28), rgba(151, 185, 210, 0) 56%),
      repeating-linear-gradient(135deg, rgba(99, 138, 171, 0.24) 0 10px, rgba(99, 138, 171, 0.12) 10px 20px),
      linear-gradient(180deg, rgba(19, 37, 56, 0.82), rgba(12, 26, 40, 0.74));
    box-shadow: inset -1px 0 0 var(--line-warm);
  }

  :root:not([data-theme="light"]) body.mode-score #scoreEntryPanel::after {
    box-shadow: inset 1px 0 0 var(--line-warm);
  }

  body.mode-score #scoreEntryPanel > * {
    position: relative;
    z-index: 1;
  }
}