body.stadium-shell {
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  background: #f8fdff;
}

body.stadium-shell::before,
body.stadium-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body.stadium-shell::before {
  background:
    linear-gradient(180deg, rgba(247, 253, 255, .69), rgba(251, 255, 255, .84) 54%, rgba(246, 253, 250, .9)),
    url("/assets/arena-daylight-tribune.jpg") center 34% / cover no-repeat;
  filter: saturate(.94);
}

body.stadium-shell::after {
  background:
    radial-gradient(circle at 50% 6%, rgba(255, 255, 255, .72), transparent 38%),
    linear-gradient(90deg, rgba(221, 250, 255, .18), transparent 32% 68%, rgba(218, 252, 244, .22));
}

body.arena-day {
  --bg: #f8fdff;
  --surface: #ffffff;
  --surface-2: #eefaff;
  --text: #0d2942;
  --muted: #668096;
  --border: #d8ebf1;
  --accent: #22d2c0;
  --accent-2: #08aeb8;
  --accent-ink: #078e9b;
  --accent-soft: #e2fbf8;
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  color: var(--text);
  background: #f8fdff;
}

body.arena-day::before,
body.arena-day::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body.arena-day::before {
  background:
    linear-gradient(180deg, rgba(247, 253, 255, .69), rgba(251, 255, 255, .84) 54%, rgba(246, 253, 250, .9)),
    url("/assets/arena-daylight-tribune.jpg") center 34% / cover no-repeat;
  filter: saturate(.94);
}

body.arena-day::after {
  background:
    radial-gradient(circle at 50% 6%, rgba(255, 255, 255, .72), transparent 38%),
    linear-gradient(90deg, rgba(221, 250, 255, .18), transparent 32% 68%, rgba(218, 252, 244, .22));
}

/* Keep the site shell and navigation identical on every public route. */
body.stadium-shell .app-shell {
  position: relative;
  z-index: 1;
  width: min(1220px, calc(100% - 24px));
  padding: 16px 0 24px;
}

body.stadium-shell .topbar {
  --text: #0d2942;
  --muted: #668096;
  --border: #d8ebf1;
  --accent: #22d2c0;
  --accent-2: #08aeb8;
  --accent-ink: #078e9b;
  --accent-soft: #e2fbf8;
  position: relative;
  z-index: 50;
  min-height: 76px;
  grid-template-columns: auto minmax(420px, 1fr) auto;
  gap: 18px;
  margin-bottom: 14px;
  padding: 10px 13px;
  border: 1px solid rgba(48, 139, 165, .16);
  border-radius: 19px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 13px 35px rgba(20, 103, 124, .11), inset 0 1px 0 rgba(255, 255, 255, .95);
  backdrop-filter: blur(20px) saturate(1.18);
}

body.stadium-shell .brand img { width: min(205px, 24vw); }

body.stadium-shell .main-nav {
  position: relative;
  z-index: 51;
  overflow: visible;
  justify-self: center;
  padding: 3px;
  border: 1px solid #d9f1f5;
  border-radius: 13px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 5px 16px rgba(22, 102, 120, .07), inset 0 1px 0 #fff;
}

body.stadium-shell .nav-link,
body.stadium-shell .nav-dropdown > summary {
  min-height: 38px;
  padding-inline: 12px;
  border-radius: 10px;
  color: #173d56;
  font-size: 12.5px;
  font-weight: 900;
}

body.stadium-shell .nav-dropdown {
  position: relative;
  z-index: 52;
}

body.stadium-shell .nav-dropdown > summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

body.stadium-shell .nav-dropdown > summary::after {
  content: "";
  width: 6px;
  height: 6px;
  margin: -3px 1px 0 0;
  border: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  color: inherit;
  transform: rotate(45deg);
  transform-origin: 65% 65%;
  transition: transform .18s ease, margin .18s ease;
}

body.stadium-shell .nav-dropdown[open] > summary::after {
  margin-top: 3px;
  transform: rotate(225deg);
}

body.stadium-shell .nav-dropdown-menu {
  z-index: 100;
}

body.stadium-shell .nav-link.active {
  background: linear-gradient(135deg, #31ddca, #11b7c0);
  color: #fff;
  box-shadow: 0 7px 15px rgba(11, 174, 181, .22);
}

body.arena-day .auth-actions > button,
body.arena-day .user-menu-trigger {
  min-height: 43px;
  border: 1px solid #cfeaf0;
  border-radius: 12px;
  background: rgba(255, 255, 255, .94);
  color: #16415b;
  box-shadow: 0 7px 18px rgba(24, 112, 130, .1);
}

body.arena-day #app {
  position: relative;
  z-index: 1;
  min-height: 620px;
}

body.arena-day .match-detail-layout {
  grid-template-columns: minmax(0, 7fr) minmax(300px, 3fr);
  gap: 14px;
  align-items: start;
}

body.arena-day .match-column { gap: 12px; }

.arena-loading {
  min-height: 460px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 12px;
  color: #4c7a8e;
}

.arena-loading span {
  width: 34px;
  height: 34px;
  border: 3px solid #d8f3f5;
  border-top-color: #22d2c0;
  border-radius: 50%;
  animation: arena-spin .8s linear infinite;
}

.arena-loading b { font-size: 11px; }

.arena-match-hero {
  --arena-rx: 0deg;
  --arena-ry: 0deg;
  position: relative;
  min-height: 147px;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(62, 158, 179, .26);
  border-radius: 19px;
  background:
    linear-gradient(180deg, rgba(225, 250, 255, .3), rgba(255, 255, 255, .5)),
    url("/assets/arena-daylight-tribune.jpg") center 54% / cover no-repeat;
  box-shadow: 0 18px 42px rgba(17, 94, 112, .15), inset 0 1px 0 rgba(255, 255, 255, .9);
  perspective: 1050px;
}

.arena-match-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at 50% 60%, rgba(227, 255, 251, .12), rgba(238, 251, 255, .2) 46%, rgba(255, 255, 255, .42));
  pointer-events: none;
}

.arena-center-mark {
  position: absolute;
  z-index: 1;
  top: 56%;
  left: 50%;
  width: 148px;
  height: 148px;
  border: 1px solid rgba(255, 255, 255, .52);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(18, 138, 151, .08), inset 0 0 42px rgba(255, 255, 255, .22);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.arena-center-mark::before {
  content: "";
  position: absolute;
  top: -70px;
  bottom: -70px;
  left: 50%;
  width: 1px;
  background: rgba(255, 255, 255, .4);
}

.arena-center-mark b {
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(255, 255, 255, .18);
  font-size: 62px;
  font-weight: 1000;
  letter-spacing: -.08em;
  transform: translate(-50%, -50%);
}

.arena-center-mark i { display: none; }

.arena-hero-meta {
  position: relative;
  z-index: 4;
  min-height: 34px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .58);
  background: rgba(255, 255, 255, .66);
  color: #55798d;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
}

.arena-hero-meta > span:first-child { color: #078e9b; }

.arena-hero-meta b {
  padding: 4px 9px;
  border: 1px solid rgba(104, 205, 216, .32);
  border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  color: #244a61;
  font-size: 8px;
}

.arena-fixture-stepper {
  display: grid;
  grid-template-columns: 30px auto 30px;
  align-items: center;
  gap: 8px;
  transform: translateX(-7px);
}

.arena-fixture-stepper b { white-space: nowrap; }

.arena-fixture-step {
  width: 30px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(104, 205, 216, .36);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: #173d56;
  box-shadow: 0 5px 12px rgba(18, 91, 111, .08);
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
}

.arena-fixture-step:disabled {
  opacity: .34;
  cursor: default;
  box-shadow: none;
}

.arena-hero-meta > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}

.arena-match-board {
  position: relative;
  z-index: 3;
  min-height: 112px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 12px 13px 8px;
  transform: rotateX(var(--arena-ry)) rotateY(var(--arena-rx));
  transform-style: preserve-3d;
  transition: transform 160ms ease-out;
}

.arena-team {
  position: relative;
  min-width: 0;
  min-height: 77px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 5px;
  padding: 8px 10px 11px;
  border: 2px solid transparent;
  border-radius: 13px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--club-color) 7%, white) 0 50%,
      color-mix(in srgb, var(--club-secondary) 7%, white) 50% 100%) padding-box,
    linear-gradient(90deg,
      var(--club-primary-frame) 0 50%,
      var(--club-secondary-frame) 50% 100%) border-box;
  box-shadow: 0 13px 25px rgba(22, 78, 96, .16), 0 0 0 1px rgba(13, 41, 66, .08), inset 0 1px 0 rgba(255, 255, 255, .82);
  text-align: center;
  transform: translateZ(22px);
  backdrop-filter: blur(13px) saturate(1.08);
}

.arena-team::after {
  content: "";
  position: absolute;
  inset: auto 26% 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, var(--club-primary-frame) 0 50%, var(--club-secondary-frame) 50% 100%);
  box-shadow: 0 0 0 1px rgba(13, 41, 66, .06);
  transition: inset .22s ease;
}

.arena-team.is-picked::after { inset-inline: 9%; }

.arena-team.has-white-palette {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg,
      var(--club-primary-frame) 0 50%,
      var(--club-secondary-frame) 50% 100%) border-box;
  box-shadow: 0 13px 25px rgba(22, 78, 96, .16), 0 0 0 1px #0d2942, inset 0 1px 0 #fff;
}

.arena-team.has-white-palette::after {
  bottom: -1px;
  height: 4px;
  border: 1px solid #0d2942;
  border-bottom: 0;
  box-shadow: none;
}

.arena-team small {
  color: #668496;
  font-size: 6px;
  font-weight: 950;
  letter-spacing: .14em;
}

.arena-team > a {
  max-width: 100%;
  color: #0d2942;
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 1000;
  line-height: .95;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
}

.arena-team > a:hover { color: #078e9b; }

.arena-team .hero-form-line {
  display: flex;
  justify-content: center;
  gap: 3px;
}

.arena-team .hero-form-line > span {
  width: 13px;
  height: 13px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(232, 248, 250, .92);
  font-size: 5px;
  font-weight: 950;
}

.arena-kickoff {
  min-height: 67px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 5px;
  border: 1px solid rgba(13, 41, 66, .18);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 15px 28px rgba(13, 41, 66, .14), inset 0 1px 0 #fff;
  transform: translateZ(42px);
  backdrop-filter: blur(13px);
}

.arena-kickoff-date {
  color: #0b1724;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.arena-kickoff .hero-center .time,
.arena-kickoff .hero-center .result-score {
  color: #0b1724;
  font-size: 19px;
  font-weight: 1000;
  letter-spacing: -.03em;
}

.arena-kickoff .hero-center { order: 0; gap: 2px; }
.arena-kickoff .result-label { color: #0b1724; font-size: 6px; }
.arena-kickoff.is-picked { border-color: #20d2bf; }

body.arena-day .match-detail-card,
body.arena-day .match-side-card {
  overflow: hidden;
  border: 1px solid rgba(73, 157, 178, .18);
  border-radius: 17px;
  background: rgba(255, 255, 255, .91);
  box-shadow: 0 14px 34px rgba(17, 93, 111, .1), inset 0 1px 0 #fff;
  backdrop-filter: blur(18px) saturate(1.1);
}

body.arena-day .match-detail-card { gap: 0; padding: 9px; }

body.arena-day .match-detail-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  overflow: hidden;
  padding: 3px;
  border: 1px solid #d8eff4;
  border-radius: 12px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 5px 16px rgba(22, 102, 120, .055);
}

body.arena-day .match-detail-tab {
  min-height: 38px;
  padding: 6px 4px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #173d56;
  font-size: 10.5px;
  font-weight: 900;
}

body.arena-day .match-detail-tab.active {
  background: #fff;
  color: #078e9b;
  box-shadow: 0 5px 13px rgba(15, 111, 130, .1), inset 0 -2px 0 #22d2c0;
}

body.arena-day .match-detail-tab-panel { padding-top: 8px; }

body.arena-day .prediction-card {
  gap: 8px;
  padding: 9px;
  border: 1px solid #dceef2;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

body.arena-day .prediction-card + .prediction-card { margin-top: 7px; }

body.arena-day .prediction-card-head span {
  color: #153a52;
  font-size: 13px;
}

body.arena-day .prediction-title-meta {
  padding: 3px 7px;
  border: 1px solid #bcecef;
  border-radius: 999px;
  background: #ecfdff;
  color: #078e9b;
  font-size: 13px;
  font-style: normal;
  font-weight: 1000;
}

body.arena-day .score-prediction-grid {
  grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr);
  gap: 6px;
}

body.arena-day .score-team-box { gap: 5px; }

body.arena-day .score-team-name {
  min-height: 20px;
  display: grid;
  place-items: end center;
  overflow: visible;
  color: #385f73;
  font-size: 10.5px;
  line-height: 1.1;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.arena-day .score-stepper {
  height: 46px;
  grid-template-columns: 32px minmax(42px, 1fr) 32px;
  overflow: hidden;
  border: 1px solid #d8edf1;
  border-radius: 11px;
  background: #fff;
}

body.arena-day .score-stepper button {
  border: 0;
  background: #eefdff;
  color: #078e9b;
  font-size: 17px;
}

body.arena-day .score-stepper button:hover:not(:disabled) {
  background: #dffaf7;
}

body.arena-day .score-stepper strong {
  height: 44px;
  border: 0;
  border-inline: 1px solid #dceef1;
  background: #fff;
  color: #0d2942;
  font-size: 23px;
  font-weight: 1000;
}

body.arena-day .score-vs-marker { height: 46px; color: #6f94a5; font-size: 8px; }

body.arena-day .side-choice-grid { gap: 6px; }

body.arena-day .side-choice-card {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 9px;
  border: 1px solid #d8edf1;
  border-radius: 11px;
  background: #fff;
  box-shadow: none;
}

body.arena-day .side-choice-card b {
  overflow: visible;
  color: #153a52;
  font-size: 11.5px;
  line-height: 1.1;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.arena-day .side-choice-card span {
  flex: 0 0 auto;
  color: #079ba4;
  font-size: 11.5px;
  font-weight: 950;
}
body.arena-day .side-choice-card.draw-choice { border-top: 3px solid #f2c343; }

body.arena-day .side-choice-card.team-choice {
  position: relative;
  border: 2px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, var(--choice-primary-frame) 0 50%, var(--choice-secondary-frame) 50% 100%) border-box;
  box-shadow: 0 0 0 1px rgba(13, 41, 66, .08);
}

body.arena-day .side-choice-card.selected {
  border-color: #0aaeb8;
  background: linear-gradient(135deg, #26d4c1, #08aeb8);
  color: #fff;
  box-shadow: 0 8px 18px rgba(8, 158, 172, .22), inset 0 1px 0 rgba(255, 255, 255, .35);
}

body.arena-day .side-choice-card.selected b,
body.arena-day .side-choice-card.selected span {
  color: #fff;
}

body.arena-day .side-choice-card.team-choice.selected {
  border-color: transparent;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--choice-primary) 12%, white) 0 50%,
      color-mix(in srgb, var(--choice-secondary) 12%, white) 50% 100%) padding-box,
    linear-gradient(90deg, var(--choice-primary-frame) 0 50%, var(--choice-secondary-frame) 50% 100%) border-box;
  color: #0d2942;
  box-shadow: 0 8px 18px rgba(13, 41, 66, .14), inset 0 0 0 1px rgba(13, 41, 66, .08);
}

body.arena-day .side-choice-card.team-choice.has-white-palette,
body.arena-day .side-choice-card.team-choice.has-white-palette.selected {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, var(--choice-primary-frame) 0 50%, var(--choice-secondary-frame) 50% 100%) border-box;
  box-shadow: 0 8px 18px rgba(13, 41, 66, .12), 0 0 0 1px #0d2942;
}

body.arena-day .side-choice-card.team-choice.selected::after {
  content: "\2713";
  position: absolute;
  top: 5px;
  right: 6px;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0d2942;
  color: #fff;
  font-size: 10px;
  font-weight: 1000;
}

body.arena-day .side-choice-card.team-choice.selected b { color: #0d2942; }
body.arena-day .side-choice-card.team-choice.selected span { color: #078e9b; }

body.arena-day .match-lineup-tabs {
  width: min(100%, 720px);
  margin-inline: auto;
}

body.arena-day .match-lineup-tab {
  min-height: 42px;
  color: #173d56;
  font-size: 13px;
}

body.arena-day .match-lineup-tab.active {
  border-color: #0aaeb8;
  background: linear-gradient(135deg, #28d6c2, #0aafb9);
  color: #fff;
  box-shadow: 0 7px 16px rgba(8, 158, 172, .19), inset 0 1px 0 rgba(255, 255, 255, .35);
}

body.arena-day .match-draft-lineup {
  width: min(100%, 720px);
  margin-inline: auto;
  grid-template-columns: minmax(0, 468px) minmax(190px, 1fr);
  gap: 12px;
  justify-content: center;
  align-items: stretch;
}

body.arena-day .match-draft-pitch-stage {
  width: 100%;
  margin-inline: auto;
}

body.arena-day .arena-bench-panel {
  min-width: 0;
  height: clamp(700px, 66vw, 790px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #d8ebf1;
  border-radius: 13px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 18px 34px rgba(20, 79, 98, .1), inset 0 1px 0 #fff;
}

body.arena-day .arena-bench-panel > header {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 10px 11px;
  border-bottom: 1px solid #dceef2;
  background: linear-gradient(135deg, #effdff, #f7fffd);
}

body.arena-day .arena-bench-panel > header div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body.arena-day .arena-bench-panel > header span {
  color: #12354e;
  font-size: 12px;
  font-weight: 1000;
}

body.arena-day .arena-bench-panel > header small {
  color: #668096;
  font-size: 8px;
  font-weight: 850;
}

body.arena-day .arena-bench-list {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 6px;
  overflow-y: auto;
  padding: 8px;
  scrollbar-width: thin;
  scrollbar-color: #b9dde2 transparent;
}

body.arena-day .arena-bench-player {
  min-height: 45px;
  min-width: 0;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 1px solid #e0eef1;
  border-radius: 9px;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
}

body.arena-day .arena-bench-player > span {
  color: #527286;
  font-size: 8px;
  font-weight: 1000;
  letter-spacing: .06em;
  text-align: center;
}

body.arena-day .arena-bench-player > a,
body.arena-day .arena-bench-player > b {
  min-width: 0;
  overflow: hidden;
  color: #12354e;
  font-size: 10px;
  font-weight: 950;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.arena-day .arena-bench-player > a:hover { color: #078e9b; }

body.arena-day .arena-bench-player > em {
  color: #78909e;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

body.arena-day .save-line { margin-top: 7px; }

body.arena-day .save-line .primary-btn {
  min-height: 42px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, #28d4c0, #0aaeba);
  color: #fff;
  box-shadow: 0 8px 18px rgba(8, 162, 175, .2);
}

body.arena-day .match-side-card {
  position: sticky;
  top: 10px;
  padding: 9px;
}

body.arena-day .match-side-tabs {
  margin-bottom: 8px;
  padding: 3px;
  border: 1px solid #d7f0f5;
  border-radius: 12px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 5px 16px rgba(22, 102, 120, .055);
}

body.arena-day .match-side-tab {
  min-height: 40px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .7);
  color: #173d56;
  font-size: 11.5px;
  font-weight: 950;
}

body.arena-day .match-side-tab.active {
  background: linear-gradient(135deg, #31ddca, #12b7c1);
  color: #fff;
  box-shadow: 0 7px 15px rgba(11, 174, 181, .2);
}

body.arena-day .match-side-panel {
  padding: 5px 1px 0;
  gap: 6px;
}

body.arena-day .match-fixture-controls,
body.arena-day .match-fixture-weekbar {
  gap: 6px;
  margin-bottom: 7px;
}

body.arena-day .match-fixture-controls.has-room-member {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.arena-day .match-fixture-week-button,
body.arena-day .match-room-select-wrap,
body.arena-day .match-member-select-wrap,
body.arena-day .match-room-join-btn,
body.arena-day .match-room-current {
  min-height: 41px;
  border: 1px solid #d6edf2;
  border-radius: 10px;
  background: #fff;
  color: #21485f;
  box-shadow: 0 5px 12px rgba(26, 104, 120, .06);
}

body.arena-day .match-fixture-week-button,
body.arena-day .match-room-current,
body.arena-day .match-member-select-wrap,
body.arena-day .match-room-join-btn {
  min-height: 41px;
  color: #173d56;
  font-size: 11.5px;
  font-weight: 950;
}

body.arena-day .match-room-select-wrap span,
body.arena-day .match-member-select-wrap span,
body.arena-day .match-room-select-wrap b,
body.arena-day .match-member-select-wrap b {
  color: #173d56;
  font-size: 11px;
  font-weight: 950;
}

body.arena-day .arena-compact-context {
  grid-template-columns: minmax(0, 1fr) 11px;
  gap: 4px;
  padding-inline: 8px;
  text-align: center;
}

body.arena-day .arena-compact-context b {
  font-size: 10.5px;
  text-align: center;
}

body.arena-day .arena-compact-context .match-context-picker-chevron {
  color: #6b8798;
  font-size: 12px;
}

body.arena-day .arena-context-preview {
  cursor: default;
  user-select: none;
}

body.arena-day .match-fixture-week-menu,
body.arena-day .match-context-option-menu,
body.arena-day .match-fixture-week-option {
  background: #fff;
  color: #173d56;
}

body.arena-day .match-fixture-week-option.past:not(.active) {
  opacity: .72;
  background: #f1fcff;
  color: #315f75;
}

body.arena-day .match-fixture-notice {
  padding: 7px 9px;
  border-color: #ccebf0;
  border-radius: 9px;
  background: #effcff;
  color: #52798a;
  font-size: 8px;
}

body.arena-day .team-fixture-list { gap: 3px; }

body.arena-day .team-fixture-list.is-date-grouped { gap: 14px; }

body.arena-day .match-fixture-date-group { gap: 8px; }

body.arena-day .match-fixture-date-heading {
  min-height: 38px;
  gap: 0;
  padding: 9px 12px;
  border: 1px solid #c9dce1;
  border-bottom-color: #aec5cc;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafb 44%, #e8f0f2 100%);
  color: #090b0d;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .01em;
  text-shadow: 0 1px 0 #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -1px 0 rgba(120, 150, 160, .16),
    0 3px 0 #bfd2d7,
    0 7px 14px rgba(20, 43, 70, .12);
}

body.arena-day .match-fixture-date-heading::before,
body.arena-day .match-fixture-date-heading::after {
  display: none;
}

body.arena-day .team-fixture-row {
  min-height: 56px;
  grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr);
  gap: 4px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgba(255, 255, 255, .76);
  box-shadow: none;
}

body.arena-day .team-fixture-row.inline-result {
  grid-template-columns: minmax(0, 1fr);
}

body.arena-day .team-fixture-row:hover {
  border-color: #c8eef1;
  background: #f0fdff;
}

body.arena-day .team-fixture-row.active {
  border-color: #5eddd0;
  background: linear-gradient(90deg, #e5fffa, #effbff);
  box-shadow: inset 4px 0 0 #22d2c0, 0 6px 14px rgba(15, 147, 153, .08);
}

body.arena-day .team-fixture-row.no-prediction {
  background: #f1fcff;
}

body.arena-day .team-fixture-row > span:first-child,
body.arena-day .team-fixture-row > span:last-child {
  color: #12354e;
  font-size: 11px;
  font-weight: 950;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.arena-day .team-fixture-row time,
body.arena-day .match-fixture-time {
  border: 1px solid #beeef0;
  border-radius: 999px;
  background: #e7fcff;
  color: #078e9b;
  font-size: 9px;
  padding-inline: 7px;
}

body.arena-day .standing-row {
  min-height: 43px;
  border: 1px solid #dceff2;
  border-radius: 9px;
  background: #fff;
}

body.arena-day .standing-head {
  color: #315f75;
  background: #fff;
}

body.arena-day .standing-points,
body.arena-day .standing-team-link:hover { color: #078e9b; }

.arena-enter .arena-team.home { animation: arena-team-in .38s ease-out both; }
.arena-enter .arena-team.away { animation: arena-team-in .38s .05s ease-out both; }
.arena-score-pop { animation: arena-score-pop .3s cubic-bezier(.2, .8, .2, 1); }
.arena-choice-pop { animation: arena-choice-pop .38s ease-out; }

@keyframes arena-spin { to { transform: rotate(360deg); } }
@keyframes arena-team-in {
  from { opacity: 0; transform: translateZ(22px) translateY(8px); }
  to { opacity: 1; transform: translateZ(22px) translateY(0); }
}
@keyframes arena-score-pop {
  45% { transform: translateY(-3px) scale(1.12); color: #08aeb8; }
}
@keyframes arena-choice-pop {
  45% { filter: saturate(1.4) brightness(1.04); }
}

@media (max-width: 980px) {
  body.arena-day .match-detail-layout { grid-template-columns: 1fr; }
  body.arena-day .match-side-card { position: static; }
}

@media (max-width: 760px) {
  body.stadium-shell .app-shell { width: min(100% - 18px, 620px); padding: 10px 0 22px; }
  body.stadium-shell .topbar { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; }
  body.stadium-shell .brand img { width: min(190px, 56vw); }
  body.stadium-shell .main-nav { grid-column: 1 / -1; grid-row: 2; justify-content: start; overflow-x: auto; }
  body.stadium-shell .nav-link,
  body.stadium-shell .nav-dropdown > summary { padding-inline: 10px; }
  .arena-match-hero { min-height: 350px; }
  .arena-center-mark { width: 160px; height: 160px; }
  .arena-hero-meta { grid-template-columns: 1fr auto; }
  .arena-hero-meta > span:last-child { display: none; }
  .arena-match-board { grid-template-columns: 1fr; min-height: 286px; gap: 7px; padding: 10px; transform: none !important; }
  .arena-team { min-height: 78px; transform: none; }
  .arena-team > a { font-size: clamp(22px, 8vw, 34px); }
  .arena-kickoff { min-height: 55px; grid-row: 2; gap: 8px; transform: none; }
  body.arena-day .match-detail-tabs { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; }
  body.arena-day .match-detail-tab { min-width: 88px; }
  body.arena-day .score-prediction-grid { grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); gap: 3px; }
  body.arena-day .score-stepper { grid-template-columns: 29px minmax(40px, 1fr) 29px; }
  body.arena-day .side-choice-grid { grid-template-columns: 1fr; }
  body.arena-day .match-draft-lineup { grid-template-columns: 1fr; }
  body.arena-day .arena-bench-panel { height: auto; max-height: 420px; }
}

@media (prefers-reduced-motion: reduce) {
  body.arena-day *,
  body.arena-day *::before,
  body.arena-day *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}