.competition-mark { display: none; }
@media (min-width: 721px) {
  .topbar { padding: 0 28px; }
  .brand { font-size: 20px; font-weight: 650; letter-spacing: -.6px; margin-top: 26px; }
  .brand-name span { color: var(--ui-accent); }
  .rail { background: linear-gradient(90deg, rgba(12, 18, 25, .86), rgba(12, 18, 25, .64)); backdrop-filter: blur(20px); }
  .rail-right { background: linear-gradient(270deg, rgba(12, 18, 25, .86), rgba(12, 18, 25, .64)); }
  .rail-header, .rail-right .rail-header { min-height: 88px; padding: 24px 26px 17px; justify-content: center; gap: 0; }
  .rail-left .rail-header { min-height: 146px; padding-top: 96px; }
  .rail-header h2 { font-size: 21px; font-weight: 550; letter-spacing: 0; }
  .rail-header-meta, .rail-number { display: none; }
  .rail-scroll { scrollbar-width: none; overflow-anchor: none; }
  .rail-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
  .competition-group + .competition-group { border-top: 0; }
  .competition-group { margin-bottom: 14px; }
  .rail-entry, .rail-entry:hover, .rail-entry.is-active { padding-left: 10px; padding-right: 12px; border: 0; border-radius: 9px; transition: background-color 120ms ease, color 120ms ease; }
  .rail-entry.group-entry { min-height: 46px; margin: 0 14px 3px; padding: 8px 12px; background: transparent; }
  .group-entry .entry-line { flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; }
  .group-entry .entry-title { font-size: 15px; font-weight: 550; letter-spacing: 0; line-height: 1.5; text-align: left; }
  .group-entry .entry-count { display: none; }
  .group-entry .entry-line::after { display: none; }
  .competition-mark { display: flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; }
  .competition-mark img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
  .competition-mark.needs-light-surface { border-radius: 3px; padding: 2px; background: #eeeae3; }
  .competition-mark:empty, .competition-mark.is-unavailable { visibility: hidden; }
  .group-matches { padding: 0; }
  .group-matches .match-entry, .rail-entry.match-entry.is-active { margin: 2px 14px; padding: 10px 12px; min-height: 58px; gap: 8px; grid-template-columns: 11px minmax(0,1fr) auto; border: 0; border-radius: 9px; }
  .group-matches .match-entry + .match-entry { border-top: 0; }
  .group-matches .match-entry .entry-title { gap: 4px; font-size: 15px; font-weight: 450; line-height: 1.5; flex-wrap: wrap; white-space: normal; }
  .group-matches .match-entry .entry-title > span { overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .match-entry .entry-kickoff strong { color: var(--ui-text); font-size: 17px; font-weight: 500; letter-spacing: 0; }
  .entry-kickoff .kickoff-day { color: var(--ui-muted); font-size: 12px; }
  .match-vs { font-size: 11px; color: var(--ui-subtle); font-weight: 400; }
  .rail-entry.is-locked::before, .rail-entry.match-entry.is-locked::before, .rail-entry.match-entry::after { display: none; }
  .rail-entry.is-locked, .group-matches .match-entry.is-locked { background: rgba(218, 228, 237, .085); }
  .rail-entry.group-entry.is-locked { background: transparent; }
  .group-entry.is-locked .entry-title { color: var(--ui-text); font-weight: 650; }
  .rail-entry:focus-visible { outline: 1px solid var(--ui-accent); outline-offset: -1px; }
  .match-status { display: block; width: 11px; height: 11px; }
  .match-status.is-available { color: #91bca3; }
  .match-status.is-available::after { animation: none; box-shadow: none; }
  .match-status.is-started { color: var(--ui-accent); }
  .match-status.is-started::after { box-shadow: none; }
  .group-empty { display: none; }
  .match-notice { font-size: 12px; background: #19232e; padding: 5px 8px; border-radius: 5px; bottom: 0; right: 14px; }
  .lock-readout { padding: 8px 12px; border-radius: 24px; background: rgba(8, 13, 19, .48); backdrop-filter: blur(12px); }
  .lock-readout strong { font-size: 15px; font-weight: 500; }
  .status-dot { width: 5px; height: 5px; box-shadow: none; background: var(--ui-accent); }
  .globe-stage.has-selection .stage-footer { bottom: 32px; right: calc(clamp(250px,22vw,390px) + 200px); }
  .globe-stage.has-selection .stage-footer strong { font-size: 15px; font-weight: 500; }
  .globe-stage.has-selection .stage-foot-meta { font-size: 12px; }
  .topbar-tools { position: fixed; top: auto; right: calc(clamp(250px,22vw,390px) + 24px); bottom: 24px; display: flex; align-items: center; gap: 10px; z-index: 1000; margin: 0; padding: 0; }
  .left-rail-tools { position: fixed; top: 24px; left: calc(clamp(250px,22vw,390px) + 20px); display: flex; align-items: center; gap: 10px; z-index: 1100; }
  .topbar-tools #foxmeta-settings-panel { top: auto; left: auto; bottom: calc(100% + 12px); right: 0; transform-origin: bottom right; }
  .atlas-kelly-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 38px; padding: 0 13px; border: 1px solid var(--ui-border); border-radius: 11px; background: rgba(22, 30, 40, .8); color: var(--ui-text); font-size: 13px; cursor: pointer; backdrop-filter: blur(12px); transition: background 160ms var(--ui-ease-out), transform 160ms var(--ui-ease-out); }
  .atlas-kelly-button:active { transform: scale(.97); }
  .atlas-kelly-button svg { width: 16px; height: 16px; color: var(--ui-muted); }
  body.has-atlas-tools #calculator-dock:not(.is-open) { visibility: hidden; pointer-events: none; }
  body.has-atlas-tools #calculator-dock .dock-handle { visibility: hidden; pointer-events: none; }
}
@media (min-width: 721px) and (hover: hover) and (pointer: fine) {
  .rail-entry:hover { background: rgba(219, 232, 243, .06); }
  .rail-entry.is-locked:hover { background: rgba(219, 232, 243, .11); }
  .rail-entry.group-entry:hover, .rail-entry.group-entry.is-locked:hover { background: rgba(219, 232, 243, .045); }
  .atlas-kelly-button:hover { background: #202d3b; }
}
@media (prefers-reduced-motion: reduce) {
  .group-entry .entry-line::after { transition: none; }
}