._content_1sgvw_1 { min-width: 0; }
._content_1sgvw_1 button:disabled { cursor: default; opacity: 0.5; }
._copy_1sgvw_3 { color: var(--muted); font-size: 14px; line-height: 1.5; }
._email_1sgvw_4 { overflow-wrap: anywhere; }
._content_1sgvw_1 ._code_1sgvw_5 { max-width: 240px; font-size: 24px; letter-spacing: 0.25em; }
._actions_1sgvw_6 { flex-wrap: wrap; margin-top: 20px; }
._error_1sgvw_7 { color: #ff7b88; font-size: 14px; line-height: 1.5; }
._page_fk4is_1 { width: 100%; min-height: 60vh; padding: 48px 24px; }
._panel_fk4is_2 { width: 100%; max-width: 600px; margin: 0 auto; padding: 32px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); }
._panel_fk4is_2 h1 { margin: 0 0 24px; font-family: var(--display); font-size: clamp(24px, 4vw, 38px); line-height: 1.2; overflow-wrap: normal; }
._panel_fk4is_2 p { color: var(--muted); font-size: 17px; line-height: 1.5; }
._panel_fk4is_2 input { min-width: 0; width: 100%; }
._panel_fk4is_2 button { max-width: 100%; }
._panel_fk4is_2 button:disabled { cursor: default; opacity: 0.5; }
._email_fk4is_8 { overflow-wrap: anywhere; }
._panel_fk4is_2 ._error_fk4is_9 { color: #ff7b88; }
@media (max-width: 600px) {
  ._page_fk4is_1 { padding: 24px 12px; }
  ._panel_fk4is_2 { padding: 24px 16px; }
}
._root_h1ssu_1 {
  position: relative;
  display: grid;
  min-width: 0;
  grid-template-columns: 2rem minmax(0, 1fr) 2rem;
  align-items: center;
  touch-action: pan-y;
}

._viewport_h1ssu_10 {
  min-width: 0;
  overflow: hidden;
}

._list_h1ssu_15 {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: var(--horizontal-carousel-gap, 0.625rem);
}

._item_h1ssu_24 {
  min-width: 0;
  flex: 1 1 0;
}

._control_h1ssu_29 {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  background: rgba(16, 16, 16, 0.82);
  cursor: pointer;
  place-items: center;
}

._control_h1ssu_29:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._control_h1ssu_29:disabled {
  cursor: default;
  opacity: 0;
  pointer-events: none;
}

._status_h1ssu_53 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
._root_lu2id_1 {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
}

._viewport_lu2id_8 {
  position: relative;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  isolation: isolate;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}

._viewport_lu2id_8::-webkit-scrollbar {
  display: none;
}

._viewport_lu2id_8[data-wheel-active='true'] {
  scroll-snap-type: none;
}

._list_lu2id_28 {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: column;
}

._item_lu2id_36 {
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

._control_lu2id_42 {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  color: inherit;
  background: transparent;
  cursor: pointer;
  place-items: center;
  align-self: center;
}

._control_lu2id_42:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._control_lu2id_42:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

._status_lu2id_66 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
._odd_1ur33_1 {
  position: relative;
  display: flex;
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: inherit;
  text-decoration: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  isolation: isolate;
}

._odd_1ur33_1:hover {
  border-color: rgba(168, 145, 255, 0.65);
  background: rgba(135, 102, 255, 0.12);
}

._odd_1ur33_1:focus-visible {
  outline: 2px solid #b8a3ff;
  outline-offset: 2px;
}

._odd_1ur33_1 > small,
._odd_1ur33_1 > strong {
  position: relative;
  z-index: 1;
}

._oddPulse_1ur33_34 {
  position: absolute;
  z-index: 0;
  inset: -1px;
  border: 1px solid transparent;
  border-radius: inherit;
  content: '';
  pointer-events: none;
}

._oddPulseRise_1ur33_44 {
  animation: _odd-rise-pulse_1ur33_1 900ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

._oddPulseFall_1ur33_48 {
  animation: _odd-fall-pulse_1ur33_1 900ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

@keyframes _odd-rise-pulse_1ur33_1 {
  0% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(104, 255, 145, 0);
    opacity: 0;
  }

  18% {
    border-color: rgba(104, 255, 145, 0.52);
    background: rgba(73, 204, 112, 0.2);
    box-shadow: 0 0 14px rgba(73, 204, 112, 0.15);
    opacity: 1;
  }

  100% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(104, 255, 145, 0);
    opacity: 0;
  }
}

@keyframes _odd-fall-pulse_1ur33_1 {
  0% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(255, 96, 107, 0);
    opacity: 0;
  }

  18% {
    border-color: rgba(255, 96, 107, 0.52);
    background: rgba(218, 64, 76, 0.2);
    box-shadow: 0 0 14px rgba(218, 64, 76, 0.14);
    opacity: 1;
  }

  100% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(255, 96, 107, 0);
    opacity: 0;
  }
}

._odd_1ur33_1 small {
  overflow: hidden;
  color: #bdbdc8;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._odd_1ur33_1 strong {
  color: #fff;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 650;
}

._visuallyHidden_1ur33_113 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { ._oddPulse_1ur33_34 { display: none; } }

._odd_1ur33_1 small, ._odd_1ur33_1 strong { line-height: 1.4; }
._badge_x9vr0_1 {
  display: grid;
  box-sizing: border-box;
  overflow: hidden;
  flex: 0 0 auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #121212;
  color: var(--accent-text);
  font-family: var(--display);
  place-items: center;
}

._regular_x9vr0_14 {
  width: 52px;
  height: 52px;
  font-size: 17px;
}

._compact_x9vr0_20 {
  width: 50px;
  height: 50px;
  font-size: 15px;
}

._badge_x9vr0_1[data-logo-kind='image'] {
  position: relative;
  border-color: transparent;
  background: transparent;
  padding: 0;
}

._badge_x9vr0_1[data-logo-kind='image'] > img {
  position: absolute;
  inset: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  padding: 6px;
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.45));
  transform: none;
}
._root_k7svr_1 { display: block; width: 100%; min-width: 0; }
._trigger_k7svr_2 { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line, #333); border-radius: 6px; background: #111; color: #fff; font-family: var(--sans); font-size: 14px; line-height: 1.5; text-align: left; cursor: pointer; }
._trigger_k7svr_2:hover, ._trigger_k7svr_2[aria-expanded='true'] { border-color: #8066ed; background: #171717; }
._trigger_k7svr_2:focus-visible { outline: 2px solid #a99bff; outline-offset: 3px; }
._trigger_k7svr_2:disabled { opacity: .5; cursor: default; }
._copy_k7svr_6 { display: grid; min-width: 0; }
._value_k7svr_7 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._label_k7svr_8 { color: #aaa5b6; font-size: 14px; line-height: 1.5; }
._trigger_k7svr_2 > svg { position: static; flex: 0 0 16px; color: #a99bff; pointer-events: none; }
._trigger_k7svr_2[aria-expanded='true'] > svg { transform: rotate(180deg); }
._compact_k7svr_11 { padding: 5px 12px; font-size: 14px; line-height: 1.5; }
._listbox_k7svr_12 { position: fixed; z-index: 10000; box-sizing: border-box; overflow: auto; overscroll-behavior: contain; margin: 0; padding: 6px; border: 1px solid #8066ed; border-radius: 8px; background: #111; color: #fff; box-shadow: 0 18px 42px #0008; list-style: none; scrollbar-color: #655477 #181818; }
._option_k7svr_13 { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 8px 10px; border-radius: 5px; font-family: var(--sans); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer; }
._option_k7svr_13 > span:first-child { min-width: 0; }
._active_k7svr_15 { background: #644bee24; color: #fff; }
._option_k7svr_13[aria-selected='true'] { color: #b6a6ff; }
._option_k7svr_13[aria-disabled='true'] { opacity: .45; cursor: default; }

/* Labels remain readable when controls wrap at narrow widths. */
._trigger_k7svr_2, ._compact_k7svr_11 { min-height: 48px; padding: 8px 12px; font-size: 15px; line-height: 1.45; }
._copy_k7svr_6 { gap: 3px; }
._value_k7svr_7 { white-space: normal; overflow: visible; overflow-wrap: break-word; text-overflow: clip; }
._label_k7svr_8 { color: #bdb7ca; font-size: 14px; line-height: 1.4; }
._option_k7svr_13 { font-size: 15px; line-height: 1.45; }
._featuredCard_a3mhs_1 {
  position: relative;
}

._desktopStar_a3mhs_5 {
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-flex;
  line-height: 0;
  pointer-events: none;
}

._mobileStrip_a3mhs_14 {
  display: none;
}

._cardAction_a3mhs_18:focus-visible {
  outline: 2px solid var(--accent, #b99ce8);
  outline-offset: -3px;
}

/* The card action and price links are siblings, never nested controls. */
._clickableCard_a3mhs_24 {
  position: relative;
  isolation: isolate;
}

._cardAction_a3mhs_18 {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

._clickableCard_a3mhs_24 ._oddLink_a3mhs_45 {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

/* Preserve the former span-based desktop price tile background. */
._clickableCard_a3mhs_24 .home-match-market ._oddLink_a3mhs_45 {
  background: rgba(255, 255, 255, 0.04);
}

._compactHeading_a3mhs_56 {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #b7b4bf;
  font-size: 14px;
  line-height: 1.4;
}

._star_a3mhs_67 {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
  color: #d5c0f4;
}

._live_a3mhs_74 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #b7d48e;
  font-size: 14px;
  font-weight: 700;
}

._live_a3mhs_74 i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

._teamName_a3mhs_90 {
  min-width: 0;
  overflow-wrap: break-word;
}

._marketDescription_a3mhs_95 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._mobileNotice_a3mhs_107 button {
  border: 0;
  background: none;
  color: #d4c0ef;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 768px) {
  .top-grid > ._desktopPanel_a3mhs_117._desktopPanel_a3mhs_117 {
    display: none;
  }

  ._mobileStrip_a3mhs_14 {
    display: grid;
    width: calc(100% - 24px);
    margin: 12px auto 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  ._compactCard_a3mhs_129,
  ._compactPlaceholder_a3mhs_130 {
    display: flex;
    min-width: 0;
    min-height: 118px;
    padding: 10px;
    flex-direction: column;
    gap: 8px;
    border: 1px solid #302c36;
    border-radius: 10px;
    background: #171619;
    color: #f5f4f7;
    font: inherit;
    text-align: left;
  }

  ._compactCard_a3mhs_129 {
    cursor: pointer;
  }

  ._compactHeading_a3mhs_56 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .03em;
  }

  ._compactTeams_a3mhs_155 {
    display: grid;
    gap: 6px;
  }

  ._compactTeams_a3mhs_155 ._team_a3mhs_90 {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
    color: #f4f3f6;
    font-family: var(--sans);
    font-weight: 650;
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
  }

  ._compactBadge_a3mhs_173._compactBadge_a3mhs_173 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 14px;
  }

  ._compactBadge_a3mhs_173._compactBadge_a3mhs_173 > img {
    padding: 1px;
  }

  ._compactTime_a3mhs_184 {
    margin-top: auto;
    padding-top: 2px;
    color: #aaa6b2;
    font-size: 14px;
    line-height: 1.4;
  }

  ._compactTeams_a3mhs_155 ._compactOdd_a3mhs_192,
  ._oddUnavailable_a3mhs_193 {
    min-width: 38px;
    height: 28px;
    padding: 0 4px;
    border-radius: 6px;
    justify-content: center;
    gap: 0;
  }

  ._compactOdd_a3mhs_192 small {
    display: none;
  }

  ._oddUnavailable_a3mhs_193 {
    display: grid;
    color: #aaa6b2;
    place-items: center;
  }

  ._otherOutcome_a3mhs_212 {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    color: #aaa6b2;
    font-size: 14px;
    line-height: 1.3;
  }

  ._otherOutcome_a3mhs_212 > span:first-child {
    min-width: 0;
    overflow-wrap: break-word;
  }

  ._compactOdd_a3mhs_192 strong {
    font-size: 14px;
    line-height: 1.2;
  }

  ._compactPlaceholder_a3mhs_130 > span:last-child {
    margin: auto 0;
    color: #aaa6b2;
    font-size: 14px;
    line-height: 1.5;
  }

  ._mobileNotice_a3mhs_107 {
    margin: 0;
    grid-column: 1 / -1;
    color: #aaa6b2;
    font-size: 14px;
    line-height: 1.5;
  }
}

._compactHeading_a3mhs_56, ._live_a3mhs_74, ._compactTime_a3mhs_184, ._otherOutcome_a3mhs_212, ._mobileNotice_a3mhs_107,
._compactPlaceholder_a3mhs_130 > span:last-child { font-size: 14px; line-height: 1.5; }
@media (max-width: 768px) {
  ._compactCard_a3mhs_129, ._compactPlaceholder_a3mhs_130 { min-height: 168px; padding: 14px; gap: 12px; }
  ._compactTeams_a3mhs_155 ._team_a3mhs_90 { font-size: 16px; line-height: 1.4; gap: 8px; }
  ._compactTeams_a3mhs_155 ._compactOdd_a3mhs_192, ._oddUnavailable_a3mhs_193 { height: auto; min-height: 36px; min-width: 42px; }
  ._compactOdd_a3mhs_192 strong { font-size: 14px; line-height: 1.4; }
  ._compactHeading_a3mhs_56, ._compactTime_a3mhs_184, ._otherOutcome_a3mhs_212, ._mobileNotice_a3mhs_107,
  ._compactPlaceholder_a3mhs_130 > span:last-child { font-size: 14px; line-height: 1.5; }
}
@media (max-width: 560px) {
  ._mobileStrip_a3mhs_14 { grid-template-columns: minmax(0, 1fr); }
}
._section_vxayo_1 {
  width: 100%;
  margin-top: 20px;
  padding: 42px 40px 46px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 20px;
  background: var(--panel, #151515);
  color: #fff;
  font-family: var(--mono, monospace);
}

._header_vxayo_12 {
  display: flex;
  margin-bottom: 26px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

._header_vxayo_12 span {
  display: block;
  margin-bottom: 9px;
  color: var(--accent-text, #927fff);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

._header_vxayo_12 h2 {
  margin: 0;
  font-family: var(--ui, sans-serif);
  font-size: 34px;
  font-weight: 900;
  line-height: 0.95;
}

._header_vxayo_12 > strong {
  display: grid;
  min-width: 38px;
  height: 28px;
  padding: 0 9px;
  border-radius: 14px;
  background: rgba(100, 75, 238, 0.18);
  color: var(--accent-text, #927fff);
  font-size: 14px;
  place-items: center;
}

._loginPrompt_vxayo_49,
._composer_vxayo_50 {
  padding: 22px;
  border: 1px solid rgba(100, 75, 238, 0.28);
  border-radius: 10px;
  background: rgba(100, 75, 238, 0.06);
}

._loginPrompt_vxayo_49 {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

._loginPrompt_vxayo_49 p {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 14px;
  line-height: 1.5;
}

._loginPrompt_vxayo_49 button,
._composerFooter_vxayo_73 button,
._loadMore_vxayo_74,
._state_vxayo_75 button {
  min-height: 38px;
  padding: 0 18px;
  border: 0;
  border-radius: 5px;
  background: var(--accent, #644bee);
  color: #fff;
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

._loginPrompt_vxayo_49 button:hover,
._composerFooter_vxayo_73 button:hover:not(:disabled),
._loadMore_vxayo_74:hover:not(:disabled),
._state_vxayo_75 button:hover {
  background: var(--accent-bright, #754fff);
}

._composer_vxayo_50 {
  margin-bottom: 20px;
}

._composer_vxayo_50 > label {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._composer_vxayo_50 textarea {
  display: block;
  width: 100%;
  min-height: 112px;
  padding: 15px 17px;
  resize: vertical;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 7px;
  outline: 0;
  background: #111;
  color: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
}

._composer_vxayo_50 textarea:focus {
  border-color: rgba(100, 75, 238, 0.82);
  box-shadow: 0 0 0 2px rgba(100, 75, 238, 0.14);
}

._composer_vxayo_50 textarea:disabled,
._composerFooter_vxayo_73 button:disabled,
._loadMore_vxayo_74:disabled {
  cursor: wait;
  opacity: 0.55;
}

._composerFooter_vxayo_73 {
  display: flex;
  margin-top: 12px;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

._composerFooter_vxayo_73 span {
  color: rgba(255, 255, 255, 0.38);
  font-size: 14px;
}

._error_vxayo_150 {
  margin: 12px 0 0;
  color: #ff8176;
  font-size: 14px;
  line-height: 1.5;
}

._state_vxayo_75 {
  display: grid;
  min-height: 104px;
  padding: 20px;
  margin: 0;
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.46);
  font-size: 14px;
  text-align: center;
  place-items: center;
  align-content: center;
  gap: 14px;
}

._state_vxayo_75 p {
  margin: 0;
}

._list_vxayo_176 {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 10px;
}

._comment_vxayo_184 {
  min-width: 0;
  padding: 20px 22px 18px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 10px;
  background: var(--card, #1b1b1b);
}

._commentHeader_vxayo_192 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

._avatar_vxayo_199 {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  background: #121212;
  color: rgba(255, 255, 255, 0.36);
  place-items: center;
}

._avatar_vxayo_199 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._authorLine_vxayo_219 {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: 9px;
}

._authorLine_vxayo_219 strong {
  overflow: hidden;
  max-width: 300px;
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._authorLine_vxayo_219 time,
._authorLine_vxayo_219 > span:not(._authorBadge_vxayo_238) {
  color: rgba(255, 255, 255, 0.34);
  font-size: 14px;
  text-transform: uppercase;
}

._authorBadge_vxayo_238 {
  display: inline-flex;
  height: 21px;
  padding: 0 8px;
  border-radius: 11px;
  background: rgba(100, 75, 238, 0.2);
  color: var(--accent-text, #927fff);
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 900;
  align-items: center;
}

._deleteButton_vxayo_257 {
  flex: 0 0 auto;
  padding: 6px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.34);
  font-family: inherit;
  font-size: 14px;
  cursor: pointer;
}

._deleteButton_vxayo_257:hover:not(:disabled) {
  color: #ff8176;
}

._deleteButton_vxayo_257:disabled {
  cursor: wait;
  opacity: 0.45;
}

._commentText_vxayo_277 {
  margin: 16px 0 18px 50px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

._reputation_vxayo_286 {
  display: flex;
  margin-left: 50px;
  align-items: center;
  gap: 7px;
}

._reputation_vxayo_286 button {
  min-width: 60px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 5px;
  background: #151515;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

._reputation_vxayo_286 button:hover:not(:disabled) {
  border-color: rgba(100, 75, 238, 0.72);
  color: #fff;
}

._reputation_vxayo_286 button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

._reputation_vxayo_286 ._voteActivePositive_vxayo_317 {
  border-color: rgba(184, 255, 58, 0.5);
  background: rgba(184, 255, 58, 0.1);
  color: #b8ff3a;
}

._reputation_vxayo_286 ._voteActiveNegative_vxayo_323 {
  border-color: rgba(255, 118, 105, 0.5);
  background: rgba(255, 118, 105, 0.1);
  color: #ff7669;
}

._reputation_vxayo_286 output {
  display: grid;
  min-width: 38px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  place-items: center;
}

._loadMore_vxayo_74 {
  display: block;
  min-width: 180px;
  margin: 20px auto 0;
  border: 1px solid rgba(100, 75, 238, 0.5);
  background: transparent;
  color: var(--accent-text, #927fff);
}

._loadMore_vxayo_74:hover:not(:disabled) {
  color: #fff;
}

._loginPrompt_vxayo_49 button:focus-visible,
._composer_vxayo_50 textarea:focus-visible,
._composerFooter_vxayo_73 button:focus-visible,
._deleteButton_vxayo_257:focus-visible,
._reputation_vxayo_286 button:focus-visible,
._loadMore_vxayo_74:focus-visible,
._state_vxayo_75 button:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

@container app-canvas (max-width: 760px) {
  ._section_vxayo_1 {
    margin-top: 12px;
    padding: 26px 18px 30px;
    border-radius: 16px;
  }

  ._header_vxayo_12 {
    margin-bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 24px;
  }

  ._header_vxayo_12 h2 {
    font-size: 29px;
  }

  ._loginPrompt_vxayo_49 {
    padding: 18px;
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  ._loginPrompt_vxayo_49 button,
  ._composerFooter_vxayo_73 button,
  ._loadMore_vxayo_74,
  ._state_vxayo_75 button {
    min-height: 44px;
  }

  ._composer_vxayo_50 {
    padding: 16px;
  }

  ._composer_vxayo_50 textarea {
    min-height: 132px;
    font-size: 16px;
  }

  ._composerFooter_vxayo_73 {
    align-items: stretch;
    flex-direction: column;
  }

  ._composerFooter_vxayo_73 span {
    order: 2;
  }

  ._comment_vxayo_184 {
    padding: 16px;
  }

  ._commentHeader_vxayo_192 {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  ._authorLine_vxayo_219 {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px 8px;
  }

  ._authorLine_vxayo_219 strong {
    max-width: calc(100vw - 150px);
  }

  ._deleteButton_vxayo_257 {
    min-width: 44px;
    min-height: 44px;
    margin: -4px -6px -4px auto;
  }

  ._commentText_vxayo_277,
  ._reputation_vxayo_286 {
    margin-left: 0;
  }

  ._commentText_vxayo_277 {
    margin-top: 14px;
  }

  ._reputation_vxayo_286 button {
    min-width: 70px;
    height: 44px;
  }

  ._reputation_vxayo_286 output {
    height: 44px;
  }

  ._loadMore_vxayo_74 {
    width: 100%;
  }
}

@media (max-width: 1180px) and (max-height: 500px) and (orientation: landscape) {
  ._loginPrompt_vxayo_49 button,
  ._composerFooter_vxayo_73 button,
  ._loadMore_vxayo_74,
  ._state_vxayo_75 button,
  ._deleteButton_vxayo_257,
  ._reputation_vxayo_286 button,
  ._reputation_vxayo_286 output {
    min-height: 44px;
  }

  ._composer_vxayo_50 textarea {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._loginPrompt_vxayo_49 button,
  ._composer_vxayo_50 textarea,
  ._composerFooter_vxayo_73 button,
  ._reputation_vxayo_286 button,
  ._loadMore_vxayo_74 {
    transition-duration: 0.01ms;
  }
}

._section_vxayo_1 { font-size: 16px; line-height: 1.6; }
._header_vxayo_12 span { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
._header_vxayo_12 h2 { line-height: 1.2; }
._loginPrompt_vxayo_49 p, ._state_vxayo_75 { color: #c4c4ce; font-size: 15px; line-height: 1.6; }
._loginPrompt_vxayo_49 button, ._composerFooter_vxayo_73 button, ._loadMore_vxayo_74, ._state_vxayo_75 button,
._authorBadge_vxayo_238, ._reputation_vxayo_286 button, ._authorLine_vxayo_219 strong { font-family: var(--mono); font-size: 15px; line-height: 1.4; }
._loginPrompt_vxayo_49 button, ._composerFooter_vxayo_73 button, ._loadMore_vxayo_74, ._state_vxayo_75 button,
._reputation_vxayo_286 button { min-height: 44px; padding: 8px 14px; }
._composer_vxayo_50 > label { font-size: 15px; line-height: 1.5; letter-spacing: 0; text-transform: none; color: #d1d1da; }
._composer_vxayo_50 textarea { font-size: 17px; line-height: 1.6; }
._composerFooter_vxayo_73 span, ._authorLine_vxayo_219 time, ._authorLine_vxayo_219 > span:not(._authorBadge_vxayo_238), ._deleteButton_vxayo_257 {
  font-size: 14px; line-height: 1.5; color: #bdbdc8; text-transform: none;
}
._authorLine_vxayo_219 { flex-wrap: wrap; }
._authorLine_vxayo_219 strong { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
._authorBadge_vxayo_238 { height: auto; min-height: 26px; padding: 3px 8px; }
._commentText_vxayo_277 { font-size: 17px; line-height: 1.7; color: #e1e1e8; }
._deleteButton_vxayo_257 { min-height: 44px; }
._reputation_vxayo_286 output { font-size: 15px; line-height: 1.5; }
._list_1pkvf_1 {
  display: flex;
  min-width: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
  gap: 6px;
}

._chip_1pkvf_11 {
  display: inline-flex;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: #b5b5c0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  align-items: center;
}

._primary_1pkvf_25 {
  border-color: rgba(100, 75, 238, 0.34);
  background: rgba(100, 75, 238, 0.12);
  color: #a99dff;
}

._warning_1pkvf_31 {
  border-color: rgba(255, 174, 86, 0.38);
  background: rgba(255, 174, 86, 0.1);
  color: #ffbd78;
}

._compact_1pkvf_37 ._chip_1pkvf_11 {
  min-height: 26px;
  padding: 2px 7px;
  font-size: 14px;
}

._chip_1pkvf_11 { font-family: var(--sans); overflow-wrap: break-word; color: #c4c4ce; }
._primary_1pkvf_25 { color: #b6aaff; }
._warning_1pkvf_31 { color: #ffbd78; }
._page_t6kqp_1 {
  width: 100%;
  min-height: 0;
  padding: 64px 40px 88px;
  background:
    radial-gradient(circle at 74% 12%, rgba(100, 75, 238, 0.08), transparent 27%),
    var(--canvas);
  color: #fff;
  font-family: var(--mono);
}

._pageIntro_t6kqp_12 {
  display: flex;
  min-height: 116px;
  margin-bottom: 34px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

._eyebrow_t6kqp_21 {
  display: block;
  margin-bottom: 13px;
  color: var(--accent-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

._pageIntro_t6kqp_12 h1,
._articleHeader_t6kqp_31 h1 {
  margin: 0;
  font-family: var(--display);
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

._pageIntro_t6kqp_12 h1 {
  font-size: 64px;
  line-height: 1.15;
}

._archiveCount_t6kqp_44 {
  margin: 0 0 7px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

._twoColumnGrid_t6kqp_52 {
  display: grid;
  width: 100%;
  grid-template-columns: 1220px 600px;
  gap: 20px;
  align-items: start;
}

._panel_t6kqp_60 {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--panel);
}

._archivePanel_t6kqp_67 {
  padding: 20px;
}

._newsList_t6kqp_71 {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 10px;
}

._newsList_t6kqp_71 > li,
._relatedList_t6kqp_80 > li {
  position: relative;
  min-width: 0;
}

._newsLink_t6kqp_85 {
  position: relative;
  display: grid;
  min-height: 132px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  color: inherit;
  text-decoration: none;
  grid-template-columns: minmax(0, 1fr) 260px;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

._newsLink_t6kqp_85:hover {
  border-color: rgba(100, 75, 238, 0.76);
  background: #1e1e1e;
  transform: translateY(-1px);
}

._newsLink_t6kqp_85:focus-visible,
._relatedLink_t6kqp_106:focus-visible,
._backLink_t6kqp_107:focus-visible,
._filterButton_t6kqp_108:focus-visible,
._tagFilterButton_t6kqp_109:focus-visible,
._sortTrigger_t6kqp_110:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

._newsCopy_t6kqp_115 {
  display: grid;
  min-width: 0;
  padding: 16px 24px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

._newsMeta_t6kqp_124,
._articleMeta_t6kqp_125 {
  display: flex;
  min-width: 0;
  color: #b8b8c4;
  font-size: 14px;
  line-height: 1.45;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
}

._kindChip_t6kqp_137 {
  display: inline-flex;
  height: 25px;
  padding: 0 10px;
  border-radius: 13px;
  background: rgba(100, 75, 238, 0.14);
  color: var(--accent-text);
  font-family: var(--display);
  font-size: 12px;
  font-weight: 900;
  align-items: center;
}

._kindVideo_t6kqp_150 {
  background: rgba(255, 118, 105, 0.12);
  color: #ff7669;
}

._kindInterview_t6kqp_155 {
  background: rgba(101, 198, 255, 0.12);
  color: #65c6ff;
}

._newsTitle_t6kqp_160 {
  display: block;
  margin: 0;
  overflow: hidden;
  color: #fff;
  font-family: var(--mono);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: 0;
  white-space: pre-line;
}

._newsImage_t6kqp_173 {
  display: block;
  width: 260px;
  height: 100%;
  min-height: 130px;
  object-fit: cover;
}

._asidePanel_t6kqp_181 {
  position: sticky;
  top: 20px;
  padding: 30px;
}

._asidePanel_t6kqp_181 h2,
._articleBody_t6kqp_188 h2 {
  margin: 0;
  font-family: var(--display);
  font-weight: 900;
  text-transform: uppercase;
}

._asidePanel_t6kqp_181 h2 {
  margin-bottom: 24px;
  font-size: 28px;
}

._controlLabel_t6kqp_200 {
  display: block;
  margin: 24px 0 10px;
  color: rgba(255, 255, 255, 0.46);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

._sortDropdown_t6kqp_211 {
  position: relative;
}

._sortDropdown_t6kqp_211 ._controlLabel_t6kqp_200 {
  margin-top: 0;
}

._asidePanel_t6kqp_181 > ._controlLabel_t6kqp_200 {
  margin-top: 24px;
}

._sortTrigger_t6kqp_110 {
  display: flex;
  width: 100%;
  height: 45px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #111;
  color: #fff;
  font-family: var(--mono);
  font-size: 12px;
  text-align: left;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  transition: border-color 140ms ease, background 140ms ease;
}

._sortTrigger_t6kqp_110:hover,
._sortTrigger_t6kqp_110[aria-expanded='true'] {
  border-color: rgba(100, 75, 238, 0.72);
  background: #171717;
}

._sortChevron_t6kqp_248 {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-right: 1px solid var(--accent-text);
  border-bottom: 1px solid var(--accent-text);
  transform: translateY(-2px) rotate(45deg);
  transition: transform 140ms ease;
}

._sortChevronOpen_t6kqp_258 {
  transform: translateY(2px) rotate(225deg);
}

._sortListbox_t6kqp_262 {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: 0;
  z-index: 30;
  padding: 6px;
  margin: 0;
  border: 1px solid rgba(100, 75, 238, 0.62);
  border-radius: 8px;
  background: #111;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48);
  list-style: none;
}

._sortOption_t6kqp_277 {
  display: flex;
  min-height: 38px;
  padding: 0 10px;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.64);
  font-family: var(--mono);
  font-size: 11px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._sortOptionActive_t6kqp_291 {
  background: rgba(100, 75, 238, 0.14);
  color: #fff;
}

._sortOption_t6kqp_277[aria-selected='true'] {
  color: var(--accent-text);
}

._sortCheck_t6kqp_300 {
  color: var(--accent-text);
  font-size: 12px;
}

._filterGroup_t6kqp_305 {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 5px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

._filterButton_t6kqp_108 {
  height: 42px;
  padding: 0 8px;
  border: 0;
  border-right: 1px solid var(--line);
  background: #171717;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--display);
  font-size: 11px;
  cursor: pointer;
}

._filterButton_t6kqp_108:last-child {
  border-right: 0;
}

._filterButtonActive_t6kqp_329 {
  background: var(--accent);
  color: #fff;
}

._tagFilterGroup_t6kqp_334 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

._tagFilterButton_t6kqp_109 {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #171717;
  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  font-weight: 800;
  line-height: 13px;
  cursor: pointer;
  text-transform: uppercase;
}

._tagFilterButton_t6kqp_109:hover {
  border-color: rgba(100, 75, 238, 0.58);
  color: #fff;
}

._tagFilterButtonActive_t6kqp_359 {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

._editorialNotice_t6kqp_365 {
  margin: 16px 0 0;
  padding: 14px;
  border: 1px solid rgba(100, 75, 238, 0.28);
  border-radius: 5px;
  background: rgba(100, 75, 238, 0.07);
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  line-height: 17px;
}

._emptyState_t6kqp_376 {
  display: grid;
  min-height: 340px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 14px;
  place-items: center;
}

._articleRouteState_t6kqp_384 {
  display: grid;
  width: 1220px;
  min-height: 520px;
  margin: 44px auto 0;
  padding: 60px;
  text-align: center;
  place-items: center;
  align-content: center;
}

._articleRouteState_t6kqp_384 h1 {
  max-width: 900px;
  margin: 0;
  font-family: var(--display);
  font-size: 52px;
  font-weight: 900;
  line-height: 1.15;
}

._articleRouteState_t6kqp_384 p {
  max-width: 620px;
  margin: 20px auto 25px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  line-height: 22px;
}

._backLink_t6kqp_107 {
  display: inline-flex;
  min-height: 38px;
  color: var(--accent-text);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
}

._articleLayout_t6kqp_424 {
  width: 100%;
}

._articleMain_t6kqp_428 {
  min-width: 0;
}

._articleHeader_t6kqp_31 {
  padding: 36px 40px 40px;
}

._articleMeta_t6kqp_125 {
  margin-bottom: 22px;
}

._articleHeader_t6kqp_31 h1 {
  max-width: 1050px;
  font-size: 52px;
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

._articleAuthor_t6kqp_449 {
  display: inline-flex;
  min-height: 42px;
  margin-top: 24px;
  align-items: center;
  gap: 11px;
}

._articleAuthorAvatar_t6kqp_457 {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  background: #111;
  color: rgba(255, 255, 255, 0.34);
  place-items: center;
}

._articleAuthorAvatar_t6kqp_457 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._articleAuthorCopy_t6kqp_477 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

._articleAuthorCopy_t6kqp_477 small {
  color: rgba(255, 255, 255, 0.38);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

._articleAuthorCopy_t6kqp_477 strong {
  color: #fff;
  font-family: var(--mono);
  font-size: 16px;
  font-weight: 700;
}

._articleAuthorBadge_t6kqp_497 {
  display: inline-flex;
  height: 21px;
  padding: 0 8px;
  border-radius: 11px;
  background: rgba(100, 75, 238, 0.2);
  color: var(--accent-text);
  font-family: var(--display);
  font-size: 9px;
  font-weight: 900;
  align-items: center;
}

._articleTags_t6kqp_510 {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

._articleFeedbackButton_t6kqp_519 {
  min-height: 44px;
  padding: 10px 14px;
  font-size: 11px;
  flex-shrink: 0;
}

._articleHero_t6kqp_526 {
  position: relative;
  display: grid;
  width: 100%;
  height: 470px;
  overflow: hidden;
  border-radius: 14px;
  background:
    linear-gradient(rgba(100, 75, 238, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(100, 75, 238, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 50% 45%, rgba(100, 75, 238, 0.24), transparent 55%),
    #121212;
  background-size: 34px 34px, 34px 34px, auto, auto;
  place-items: center;
}

._articleHero_t6kqp_526 img {
  display: block;
  width: 560px;
  height: 350px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
  object-fit: cover;
}

._articleBody_t6kqp_188 {
  --article-fact-line-height: 28.8px;

  margin-top: 20px;
  padding: 40px 24px 48px;
}

._articleBody_t6kqp_188 > :is(p, h2, blockquote, ._factsBlock_t6kqp_559, ._timelineBlock_t6kqp_559) {
  width: 100%;
  max-width: 72ch;
  margin-left: 0;
  margin-right: auto;
}

._articleBody_t6kqp_188 p {
  margin: 0 auto 28px;
  color: #d5d5dd;
  font-size: 18px;
  line-height: 1.6;
}

._articleBody_t6kqp_188 h2 {
  margin: 44px auto 20px;
  font-size: 28px;
  line-height: 1.2;
}

._articleBody_t6kqp_188 h2:first-child {
  margin-top: 0;
}

._articleBody_t6kqp_188 blockquote {
  position: relative;
  margin: 36px auto;
  padding: 28px 28px 28px 38px;
  border-left: 4px solid var(--accent);
  border-radius: 0 10px 10px 0;
  background:
    linear-gradient(120deg, rgba(100, 75, 238, 0.13), transparent 50%),
    var(--card);
}

._articleBody_t6kqp_188 blockquote::before {
  position: absolute;
  top: 10px;
  left: 18px;
  color: rgba(139, 122, 255, 0.38);
  content: '“';
  font-family: Georgia, serif;
  font-size: 43.2px;
  line-height: 1;
}

._articleBody_t6kqp_188 blockquote p {
  margin: 0;
  color: #d5d5dd;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

._articleBody_t6kqp_188 blockquote cite {
  display: block;
  margin-top: 22px;
  color: var(--accent-text);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

._factsBlock_t6kqp_559,
._timelineBlock_t6kqp_559 {
  margin: 36px auto;
  padding: 28px;
  border: 1px solid #3a4052;
  border-radius: 12px;
  background: #202432;
}

._articleBody_t6kqp_188 ._factsBlock_t6kqp_559 h2,
._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 h2 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 26px;
  line-height: 1.2;
}

._factsBlock_t6kqp_559 ul,
._timelineBlock_t6kqp_559 ol {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 16px;
}

._factsBlock_t6kqp_559 li {
  position: relative;
  padding-left: 34px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 18px;
  line-height: var(--article-fact-line-height);
}

._factsBlock_t6kqp_559 li::before {
  position: absolute;
  top: calc(var(--article-fact-line-height) / 2);
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  content: '';
  transform: translateY(-50%);
}

._timelineBlock_t6kqp_559 li {
  position: relative;
  display: grid;
  min-height: 58px;
  padding-left: 40px;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 26px;
}

._timelineBlock_t6kqp_559 li::before {
  position: absolute;
  top: 8px;
  left: 3px;
  z-index: 1;
  width: 13px;
  height: 13px;
  border: 4px solid #242036;
  border-radius: 50%;
  background: var(--accent);
  content: '';
}

._timelineBlock_t6kqp_559 li:not(:last-child)::after {
  position: absolute;
  top: 27px;
  bottom: -27px;
  left: 11px;
  width: 1px;
  background: rgba(139, 122, 255, 0.38);
  content: '';
}

._timelineBlock_t6kqp_559 time {
  color: var(--accent-text);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.6;
  text-transform: uppercase;
}

._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 18px;
  line-height: 1.6;
}

._relatedSection_t6kqp_719 {
  margin-top: 34px;
}

._relatedList_t6kqp_80 {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 10px;
}

._relatedLink_t6kqp_106 {
  display: grid;
  min-height: 98px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  color: #fff;
  text-decoration: none;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 15px;
  transition: border-color 160ms ease;
}

._relatedLink_t6kqp_106:hover {
  border-color: rgba(100, 75, 238, 0.72);
}

._relatedLink_t6kqp_106 img {
  display: block;
  width: 110px;
  height: 68px;
  border-radius: 6px;
  object-fit: cover;
}

._relatedLink_t6kqp_106 span {
  display: flex;
  min-width: 0;
  font-size: 12px;
  font-weight: 800;
  line-height: 17px;
  align-items: center;
  white-space: pre-line;
}

@container app-canvas (max-width: 1919px) {
  ._page_t6kqp_1 {
    width: 100%;
    min-height: 0;
    padding: 40px 20px 56px;
  }

  ._pageIntro_t6kqp_12,
  ._twoColumnGrid_t6kqp_52,
  ._articleLayout_t6kqp_424 {
    width: 100%;
  }

  ._twoColumnGrid_t6kqp_52,
  ._articleLayout_t6kqp_424 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._twoColumnGrid_t6kqp_52 ._asidePanel_t6kqp_181 {
    position: static;
    order: -1;
  }

  ._articleLayout_t6kqp_424 ._asidePanel_t6kqp_181 {
    position: static;
  }

  ._articleRouteState_t6kqp_384 {
    width: min(100%, 920px);
  }

  ._articleHeader_t6kqp_31 h1 {
    font-size: clamp(36px, 4cqw, 48px);
  }

  ._articleBody_t6kqp_188 {
    padding: 36px 24px 44px;
  }

  ._articleHero_t6kqp_526 img {
    width: min(560px, calc(100% - 48px));
  }
}

@container app-canvas (max-width: 760px) {
  ._page_t6kqp_1 {
    padding: 22px 12px 32px;
  }

  ._pageIntro_t6kqp_12 {
    min-height: 0;
    margin-bottom: 18px;
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  ._eyebrow_t6kqp_21 {
    margin-bottom: 9px;
    font-size: 10px;
  }

  ._pageIntro_t6kqp_12 h1 {
    font-size: clamp(42px, 14vw, 58px);
  }

  ._archiveCount_t6kqp_44 {
    margin: 0;
    font-size: 10px;
  }

  ._twoColumnGrid_t6kqp_52,
  ._articleLayout_t6kqp_424 {
    gap: 12px;
  }

  ._panel_t6kqp_60 {
    border-radius: 16px;
  }

  ._archivePanel_t6kqp_67 {
    padding: 9px;
  }

  ._newsList_t6kqp_71 {
    gap: 8px;
  }

  ._newsLink_t6kqp_85 {
    min-height: 154px;
    grid-template-columns: minmax(0, 1fr) minmax(96px, 34%);
  }

  ._newsCopy_t6kqp_115 {
    padding: 12px;
    gap: 9px;
  }

  ._newsMeta_t6kqp_124,
  ._articleMeta_t6kqp_125 {
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.45;
    gap: 6px 8px;
  }

  ._kindChip_t6kqp_137 {
    height: 24px;
    padding: 0 8px;
    font-size: 10px;
  }

  ._newsTitle_t6kqp_160 {
    display: -webkit-box;
    font-size: 17px;
    line-height: 1.45;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  ._newsImage_t6kqp_173 {
    width: 100%;
    min-height: 152px;
  }

  ._asidePanel_t6kqp_181 {
    padding: 18px;
  }

  ._asidePanel_t6kqp_181 h2 {
    margin-bottom: 18px;
    font-size: 25px;
  }

  ._sortTrigger_t6kqp_110 {
    height: 48px;
    font-size: 12px;
  }

  ._sortOption_t6kqp_277 {
    min-height: 44px;
  }

  ._filterGroup_t6kqp_305 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._filterButton_t6kqp_108 {
    height: 44px;
    border-bottom: 1px solid var(--line);
    font-size: 11px;
  }

  ._filterButton_t6kqp_108:nth-child(2n) {
    border-right: 0;
  }

  ._filterButton_t6kqp_108:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  ._tagFilterButton_t6kqp_109 {
    min-width: 44px;
    min-height: 44px;
    padding: 9px 12px;
  }

  ._emptyState_t6kqp_376 {
    min-height: 220px;
    padding: 24px;
    text-align: center;
  }

  ._articleRouteState_t6kqp_384 {
    min-height: 360px;
    margin-top: 20px;
    padding: 28px 18px;
  }

  ._articleRouteState_t6kqp_384 h1 {
    font-size: 38px;
  }

  ._articleRouteState_t6kqp_384 p {
    font-size: 13px;
    line-height: 20px;
  }

  ._backLink_t6kqp_107 {
    min-height: 44px;
  }

  ._articleHeader_t6kqp_31 {
    padding: 24px 18px 26px;
  }

  ._articleMeta_t6kqp_125 {
    margin-bottom: 16px;
  }

  ._articleHeader_t6kqp_31 h1 {
    font-size: clamp(28px, 6cqw, 36px);
    line-height: 1.15;
    overflow-wrap: normal;
    word-break: normal;
  }

  ._articleAuthor_t6kqp_449 {
    margin-top: 20px;
  }

  ._articleAuthorBadge_t6kqp_497 {
    min-height: 24px;
  }

  ._articleHero_t6kqp_526 {
    height: 230px;
    border-radius: 12px;
  }

  ._articleHero_t6kqp_526 img {
    width: calc(100% - 28px);
    height: 188px;
    border-radius: 10px;
  }

  ._articleBody_t6kqp_188 {
    margin-top: 12px;
    padding: 28px 18px 38px;
  }

  ._articleBody_t6kqp_188 p {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 1.6;
  }

  ._articleBody_t6kqp_188 h2 {
    margin: 42px auto 20px;
    font-size: 26px;
    line-height: 1.2;
  }

  ._articleBody_t6kqp_188 blockquote {
    margin: 34px auto;
    padding: 34px 18px 26px 28px;
  }

  ._articleBody_t6kqp_188 blockquote::before {
    top: 6px;
    left: 9px;
    font-size: 31.2px;
  }

  ._articleBody_t6kqp_188 blockquote p {
    font-size: 18px;
    line-height: 1.6;
  }

  ._articleBody_t6kqp_188 blockquote cite {
    font-size: 14px;
    line-height: 1.5;
  }

  ._factsBlock_t6kqp_559,
  ._timelineBlock_t6kqp_559 {
    margin: 34px auto;
    padding: 26px 18px;
  }

  ._articleBody_t6kqp_188 ._factsBlock_t6kqp_559 h2,
  ._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 h2 {
    margin-bottom: 24px;
    font-size: 24px;
  }

  ._factsBlock_t6kqp_559 ul,
  ._timelineBlock_t6kqp_559 ol {
    gap: 18px;
  }

  ._factsBlock_t6kqp_559 li {
    padding-left: 25px;
    font-size: 18px;
    line-height: var(--article-fact-line-height);
  }

  ._factsBlock_t6kqp_559 li::before {
    width: 8px;
    height: 8px;
  }

  ._timelineBlock_t6kqp_559 li {
    min-height: 0;
    padding-left: 28px;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  ._timelineBlock_t6kqp_559 li::before {
    left: 0;
  }

  ._timelineBlock_t6kqp_559 li:not(:last-child)::after {
    left: 8px;
  }

  ._timelineBlock_t6kqp_559 time {
    font-size: 14px;
    line-height: 1.6;
  }

  ._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 p {
    font-size: 18px;
    line-height: 1.6;
  }

  ._relatedSection_t6kqp_719 {
    margin-top: 28px;
  }

  ._relatedLink_t6kqp_106 {
    min-height: 104px;
    padding: 12px;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
  }

  ._relatedLink_t6kqp_106 img {
    width: 96px;
    height: 76px;
  }

  ._relatedLink_t6kqp_106 span {
    font-size: 11px;
    line-height: 16px;
  }
}

@media (max-width: 1180px) and (max-height: 500px) and (orientation: landscape) {
  ._sortTrigger_t6kqp_110,
  ._sortOption_t6kqp_277,
  ._filterButton_t6kqp_108,
  ._tagFilterButton_t6kqp_109,
  ._backLink_t6kqp_107 {
    min-height: 44px;
  }

  ._tagFilterButton_t6kqp_109 {
    min-width: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._newsLink_t6kqp_85,
  ._relatedLink_t6kqp_106 {
    transition-duration: 0.01ms;
  }
}
._articleGallery_t6kqp_1127 { display: grid; gap: 20px; margin: 24px 0; }
._articleGallery_t6kqp_1127 img { display: block; width: 100%; height: auto; border-radius: 12px; }

._filtersToggle_t6kqp_1130, ._filtersApply_t6kqp_1130 { display: none; }
._activeFilters_t6kqp_1131 { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding-top: 16px; color: #c9c3df; font-size: 13px; line-height: 1.5; }
._activeFilters_t6kqp_1131 button { color: #c3b7ff; background: transparent; border: 1px solid #645985; border-radius: 6px; padding: 8px 10px; cursor: pointer; font: inherit; }
._newsList_t6kqp_71 { scroll-margin-top: 130px; }
._archiveCount_t6kqp_44, ._newsDate_t6kqp_1134, ._articleMeta_t6kqp_125 { color: #aaaab5; }
@container app-canvas (max-width: 1919px) {
  ._archiveFilters_t6kqp_1136 { padding: 16px; }
  ._filtersToggle_t6kqp_1130, ._filtersApply_t6kqp_1130 { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; color: #e2dcf6; background: #25212f; border: 1px solid #645985; border-radius: 8px; font: inherit; font-size: 14px; cursor: pointer; }
  ._archiveFilterBody_t6kqp_1138 { display: none; }
  ._archiveFilterBody_t6kqp_1138._filtersExpanded_t6kqp_1139 { display: block; padding-top: 20px; }
  ._filtersApply_t6kqp_1130 { margin-top: 20px; justify-content: center; }
}

._articleAuthor_t6kqp_449 { min-width: 0; max-width: 100%; flex-wrap: wrap; }
._articleAuthorCopy_t6kqp_477 { min-width: 0; max-width: 100%; }
._articleAuthorCopy_t6kqp_477 strong { overflow-wrap: normal; }
._newsMeta_t6kqp_124, ._newsMeta_t6kqp_124 time { color: #aaaab5; }

/* Preserve the compact archive composition at laptop canvas sizes. */
@container app-canvas (min-width: 761px) and (max-width: 1919px) {
  ._page_t6kqp_1:has(> ._twoColumnGrid_t6kqp_52) { padding: 36px 24px 44px; }
  ._pageIntro_t6kqp_12 { min-height: 88px; margin-bottom: 24px; gap: 24px; }
  ._pageIntro_t6kqp_12 h1 { font-size: 48px; }
  ._pageIntro_t6kqp_12 ._eyebrow_t6kqp_21 { margin-bottom: 10px; font-size: 11px; }
  ._archiveCount_t6kqp_44 { font-size: 11px; }
  ._archivePanel_t6kqp_67 { padding: 14px; }
  ._newsList_t6kqp_71 { gap: 8px; }
  ._newsLink_t6kqp_85 { min-height: 120px; grid-template-columns: minmax(0, 1fr) 200px; }
  ._newsCopy_t6kqp_115 { padding: 12px 16px; gap: 8px; }
  ._newsMeta_t6kqp_124 { flex-wrap: wrap; gap: 6px 10px; font-size: 14px; line-height: 1.45; }
  ._newsMeta_t6kqp_124 ._kindChip_t6kqp_137 { height: 20px; padding: 0 8px; font-size: 11px; }
  ._newsTitle_t6kqp_160 { font-size: 18px; line-height: 1.45; }
  ._newsImage_t6kqp_173 { width: 200px; min-height: 118px; }
}

@container app-canvas (min-width: 1181px) and (max-width: 1919px) {
  ._twoColumnGrid_t6kqp_52 { grid-template-columns: minmax(0, 2.03fr) minmax(300px, 1fr); gap: 16px; }
  ._twoColumnGrid_t6kqp_52 ._asidePanel_t6kqp_181 { position: sticky; top: 84px; order: 0; padding: 20px; }
  ._archiveFilters_t6kqp_1136 ._filtersToggle_t6kqp_1130, ._archiveFilters_t6kqp_1136 ._filtersApply_t6kqp_1130 { display: none; }
  ._archiveFilterBody_t6kqp_1138, ._archiveFilterBody_t6kqp_1138._filtersExpanded_t6kqp_1139 { display: block; padding-top: 0; }
  ._archiveFilters_t6kqp_1136 h2 { margin-bottom: 18px; font-size: 22px; }
  ._archiveFilters_t6kqp_1136 ._controlLabel_t6kqp_200 { margin: 18px 0 8px; font-size: 10px; }
  ._archiveFilters_t6kqp_1136 ._sortDropdown_t6kqp_211 ._controlLabel_t6kqp_200 { margin-top: 0; }
  ._archiveFilters_t6kqp_1136 ._sortTrigger_t6kqp_110 { height: 38px; font-size: 12px; }
  ._archiveFilters_t6kqp_1136 ._filterButton_t6kqp_108 { height: 34px; }
  ._archiveFilters_t6kqp_1136 ._tagFilterGroup_t6kqp_334 { gap: 6px; }
  ._archiveFilters_t6kqp_1136 ._tagFilterButton_t6kqp_109 { min-height: 28px; padding: 6px 9px; font-size: 10px; }
}

/* Related stories share the reading row below the full-width article cover. */
._articleReadingLayout_t6kqp_1180 {
  margin-top: 20px;
}

._articleContentColumn_t6kqp_1184 {
  min-width: 0;
}

._articleContentColumn_t6kqp_1184 > ._articleBody_t6kqp_188 {
  margin-top: 0;
}

._articleLayout_t6kqp_424 ._articleRelatedPanel_t6kqp_1192 {
  position: static;
  margin-top: 20px;
  padding: 24px;
}

._articleRelatedPanel_t6kqp_1192 ._relatedSection_t6kqp_719 {
  margin-top: 0;
}

._articleRelatedPanel_t6kqp_1192 h2 {
  margin-bottom: 18px;
  font-size: 24px;
}

._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 {
  min-height: 92px;
  padding: 12px;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
}

._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 img {
  width: 96px;
  height: 68px;
}

._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 span {
  font-size: 16px;
  line-height: 1.45;
  overflow-wrap: normal;
  word-break: normal;
}

._articleTagSection_t6kqp_1226 {
  margin-top: 28px;
}

@container app-canvas (min-width: 1024px) {
  ._articleReadingLayout_t6kqp_1180 {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }

  ._articleLayout_t6kqp_424 ._articleRelatedPanel_t6kqp_1192 {
    position: sticky;
    top: 84px;
    margin-top: 0;
  }
}

@container app-canvas (max-width: 760px) {
  ._articleReadingLayout_t6kqp_1180 {
    margin-top: 12px;
  }

  ._articleLayout_t6kqp_424 ._articleRelatedPanel_t6kqp_1192 {
    margin-top: 12px;
    padding: 18px;
  }

  ._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 10px;
  }

  ._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 img {
    width: 80px;
    height: 64px;
  }
}

/* Readable article details and cards retain their full text at narrow widths. */
._articleMeta_t6kqp_125, ._articleAuthorCopy_t6kqp_477 small { color: #b8b8c4; }
._articleAuthorBadge_t6kqp_497, ._kindChip_t6kqp_137 { height: auto; min-height: 30px; padding: 5px 10px; font-family: var(--mono); font-size: 14px; font-weight: 700; line-height: 1.3; }
._articleBody_t6kqp_188, ._articleContentColumn_t6kqp_1184, ._articleRelatedPanel_t6kqp_1192 { min-width: 0; }
._articleBody_t6kqp_188 :is(p, h2, li), ._newsTitle_t6kqp_160 { overflow-wrap: normal; word-break: normal; }
._articleBody_t6kqp_188 ._factsBlock_t6kqp_559 li, ._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 p { color: #d5d5dd; }
._articleRelatedPanel_t6kqp_1192 h2 { line-height: 1.2; }
._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 { align-items: start; }
._articleRelatedPanel_t6kqp_1192 ._relatedLink_t6kqp_106 span { display: block; }
._backLink_t6kqp_107 { min-height: 44px; font-size: 14px; line-height: 1.4; }
._newsLink_t6kqp_85 { height: auto; }
._newsTitle_t6kqp_160 { display: block; -webkit-line-clamp: unset; }
._newsMeta_t6kqp_124 ._kindChip_t6kqp_137 { height: auto; min-height: 28px; font-size: 14px; }
@container app-canvas (max-width: 760px) {
  ._articleBody_t6kqp_188 { padding: 24px 18px 32px; }
  ._articleBody_t6kqp_188 :is(._factsBlock_t6kqp_559, ._timelineBlock_t6kqp_559, blockquote) { padding: 22px 18px; }
  ._articleBody_t6kqp_188 h2 { font-size: 25px; }
  ._articleBody_t6kqp_188 ._factsBlock_t6kqp_559 h2, ._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 h2 { font-size: 24px; }
  ._articleHero_t6kqp_526 { height: auto; min-height: 0; padding: 14px; }
  ._articleHero_t6kqp_526 img { width: 100%; height: auto; max-height: 320px; object-fit: contain; }
}

/* The Figma article uses Druk for sidebar headings and Rubik within the text. */
._asidePanel_t6kqp_181 h2, ._articleRelatedPanel_t6kqp_1192 h2 {
  font-family: var(--display); font-weight: 900; line-height: 1.4; text-transform: uppercase;
}
._articleBody_t6kqp_188 h2 {
  font-family: var(--sans); font-weight: 800; line-height: 1.4; text-transform: uppercase;
}
._articleBody_t6kqp_188 ._factsBlock_t6kqp_559 h2, ._articleBody_t6kqp_188 ._timelineBlock_t6kqp_559 h2 { font-size: 22px; line-height: 1.4; }
._newsLink_t6kqp_85 { min-height: 112px; grid-template-columns: minmax(0, 1fr) 160px; }
._newsImage_t6kqp_173 { width: 160px; min-height: 110px; }
._newsCopy_t6kqp_115 { padding: 14px 16px; gap: 8px; }
._kindChip_t6kqp_137 { color: #ded5ff; background: #302846; text-transform: none; font-weight: 600; }
@container app-canvas (max-width: 760px) {
  ._newsLink_t6kqp_85 { grid-template-columns: minmax(0, 1fr) minmax(80px, 28%); }
  ._newsImage_t6kqp_173 { width: 100%; }
  ._newsCopy_t6kqp_115 { padding: 12px; }
}
._page_1twmh_1 {
  display: grid;
  width: 1920px;
  min-height: 1095px;
  padding: 40px;
  background:
    radial-gradient(circle at 74% 12%, rgba(100, 75, 238, 0.08), transparent 27%),
    var(--canvas);
  color: #fff;
  place-items: center;
}

._card_1twmh_13 {
  position: relative;
  display: grid;
  width: 1220px;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background:
    radial-gradient(circle at 82% 35%, rgba(100, 75, 238, 0.13), transparent 31%),
    var(--panel);
  text-align: center;
  place-items: center;
}

._card_1twmh_13::before,
._card_1twmh_13::after {
  position: absolute;
  width: 460px;
  height: 460px;
  border: 1px solid rgba(100, 75, 238, 0.12);
  border-radius: 50%;
  content: '';
  pointer-events: none;
}

._card_1twmh_13::before {
  top: -255px;
  right: -90px;
}

._card_1twmh_13::after {
  bottom: -330px;
  left: -120px;
}

._code_1twmh_49 {
  position: absolute;
  top: 43px;
  right: 58px;
  color: rgba(100, 75, 238, 0.11);
  font-family: var(--display);
  font-size: 236px;
  font-weight: 900;
  line-height: 0.72;
  pointer-events: none;
}

._content_1twmh_61 {
  position: relative;
  z-index: 1;
  display: grid;
  width: 720px;
  padding: 60px;
  justify-items: center;
}

._eyebrow_1twmh_70 {
  margin-bottom: 17px;
  color: var(--accent-text);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

._content_1twmh_61 h1 {
  margin: 0;
  font-family: var(--display);
  font-size: 60px;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 0.96;
  text-transform: uppercase;
}

._content_1twmh_61 p {
  max-width: 610px;
  margin: 20px 0 29px;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 22px;
}

._actions_1twmh_98 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

._primaryLink_1twmh_105,
._secondaryLink_1twmh_106 {
  display: inline-flex;
  height: 45px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-family: var(--display);
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

._primaryLink_1twmh_105 {
  background: var(--accent);
}

._primaryLink_1twmh_105:hover {
  background: var(--accent-bright, #755eff);
}

._secondaryLink_1twmh_106 {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.025);
  color: rgba(255, 255, 255, 0.7);
}

._secondaryLink_1twmh_106:hover {
  border-color: rgba(100, 75, 238, 0.62);
  color: #fff;
}

._primaryLink_1twmh_105:active,
._secondaryLink_1twmh_106:active {
  transform: translateY(1px);
}

._primaryLink_1twmh_105:focus-visible,
._secondaryLink_1twmh_106:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

@container app-canvas (max-width: 1919px) {
  ._page_1twmh_1 {
    width: 100%;
    min-height: 720px;
    padding: 24px 20px;
  }

  ._card_1twmh_13 {
    width: min(100%, 920px);
  }
}

@container app-canvas (max-width: 760px) {
  ._page_1twmh_1 {
    min-height: 560px;
    padding: 12px;
  }

  ._card_1twmh_13 {
    min-height: 480px;
    border-radius: 18px;
  }

  ._code_1twmh_49 {
    top: 34px;
    right: 12px;
    font-size: 132px;
  }

  ._content_1twmh_61 {
    width: 100%;
    padding: 48px 20px 28px;
  }

  ._eyebrow_1twmh_70 {
    font-size: 14px;
    line-height: 1.5;
  }

  ._content_1twmh_61 h1 {
    font-size: clamp(38px, 13vw, 54px);
  }

  ._content_1twmh_61 p {
    margin: 18px 0 24px;
    font-size: 14px;
    line-height: 1.5;
  }

  ._actions_1twmh_98 {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  ._primaryLink_1twmh_105,
  ._secondaryLink_1twmh_106 {
    width: 100%;
    min-height: 48px;
  }
}

@media (max-width: 1180px) and (max-height: 500px) and (orientation: landscape) {
  ._primaryLink_1twmh_105,
  ._secondaryLink_1twmh_106 {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._primaryLink_1twmh_105,
  ._secondaryLink_1twmh_106 {
    transition-duration: 0.01ms;
  }
}

._eyebrow_1twmh_70 { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
._content_1twmh_61 h1 { font-size: clamp(34px, 6vw, 58px); line-height: 1.15; text-transform: none; }
._content_1twmh_61 p { font-family: var(--sans); font-size: 17px; line-height: 1.6; color: #c4c4ce; }
._primaryLink_1twmh_105, ._secondaryLink_1twmh_106 { height: auto; min-height: 48px; padding: 12px 18px; font-family: var(--sans); font-size: 15px; line-height: 1.4; }
._page_3l3j4_1 {
  --match-accent: #c8ff4d;
  --match-accent-soft: rgba(200, 255, 77, 0.1);
  --match-violet: #826dff;
  --match-surface: #14171d;
  --match-card: #191d24;
  --match-card-hover: #1c2129;
  --match-line: rgba(255, 255, 255, 0.09);
  width: min(1840px, calc(100% - 80px));
  margin: 0 auto;
  padding: 52px 0 48px;
  font-family: var(--sans);
}

._hero_3l3j4_15 {
  position: relative;
  display: grid;
  min-height: 264px;
  padding: 46px 48px;
  overflow: hidden;
  border: 1px solid var(--match-line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 87% 14%, rgba(130, 109, 255, 0.26), transparent 32%),
    radial-gradient(circle at 67% 115%, rgba(200, 255, 77, 0.12), transparent 34%),
    #12151b;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2);
  grid-template-columns: minmax(0, 1fr) 660px;
  align-items: end;
  gap: 64px;
}

._hero_3l3j4_15::after {
  position: absolute;
  top: -84px;
  right: 15%;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 50%;
  box-shadow:
    0 0 0 46px rgba(255, 255, 255, 0.018),
    0 0 0 92px rgba(255, 255, 255, 0.012);
  content: '';
  pointer-events: none;
}

._heroCopy_3l3j4_48 {
  position: relative;
  z-index: 1;
  min-width: 0;
}

._hero_3l3j4_15 h1 {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: 104px;
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -0.025em;
}

._hero_3l3j4_15 p {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 16px;
  line-height: 1.55;
}

._stats_3l3j4_71 {
  position: relative;
  z-index: 1;
  display: grid;
  height: 126px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--match-line);
  border-radius: 18px;
  background: rgba(10, 12, 16, 0.52);
  backdrop-filter: blur(12px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

._stats_3l3j4_71 > div {
  position: relative;
  display: flex;
  min-width: 0;
  padding: 22px 14px;
  border-right: 1px solid var(--match-line);
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}

._stats_3l3j4_71 > div:last-child {
  border-right: 0;
}

._stats_3l3j4_71 dt {
  color: rgba(255, 255, 255, 0.46);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

._stats_3l3j4_71 dd {
  margin: 0;
  font-family: var(--display);
  font-size: 48px;
  line-height: 0.8;
}

._liveStat_3l3j4_114 dd {
  color: var(--match-accent);
}

._feedPanel_3l3j4_118 {
  margin-top: 18px;
  padding: 0 26px 28px;
  border: 1px solid var(--match-line);
  border-radius: 28px;
  background: var(--match-surface);
}

._feedHeader_3l3j4_126 {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: flex-start;
}

._feedTitle_3l3j4_133 > span {
  color: var(--match-accent);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.12em;
}

._feedTitle_3l3j4_133 h2 {
  margin: 7px 0 0;
  font-size: 28px;
  font-weight: 760;
  letter-spacing: -0.025em;
}

._filters_3l3j4_147 {
  display: grid;
  min-height: 68px;
  padding: 8px;
  border: 1px solid var(--match-line);
  border-radius: 18px;
  background: #101319;
  grid-template-columns: 440px 230px minmax(280px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

._segmented_3l3j4_159 {
  display: grid;
  min-width: 0;
  height: 50px;
  padding: 4px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
}

._segmented_3l3j4_159 button {
  display: flex;
  min-width: 0;
  padding: 0 13px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 9px;
  transition: background 160ms ease, color 160ms ease;
}

._segmented_3l3j4_159 button strong {
  display: inline-flex;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  align-items: center;
  justify-content: center;
}

._segmented_3l3j4_159 button:hover:not(:disabled) {
  color: #fff;
}

._segmented_3l3j4_159 button[aria-pressed='true'] {
  background: #292f39;
  color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.24);
}

._segmented_3l3j4_159 button[aria-pressed='true'] strong {
  background: var(--match-accent);
  color: #10130d;
}

._segmented_3l3j4_159 button:disabled {
  opacity: 0.34;
  cursor: not-allowed;
}

._selectControl_3l3j4_220 {
  position: relative;
  display: grid;
  min-width: 0;
  height: 50px;
  padding: 7px 42px 6px 15px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
  align-content: center;
  gap: 1px;
}

._selectControl_3l3j4_220 > span {
  color: rgba(255, 255, 255, 0.34);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0.04em;
}

._selectControl_3l3j4_220 select {
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  appearance: none;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

._selectControl_3l3j4_220 svg {
  position: absolute;
  top: 17px;
  right: 15px;
  color: rgba(255, 255, 255, 0.42);
  pointer-events: none;
}

._searchControl_3l3j4_260 {
  position: relative;
  display: flex;
  min-width: 0;
  height: 50px;
  padding: 0 14px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
  align-items: center;
  gap: 10px;
}

._searchControl_3l3j4_260 > svg {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.35);
}

._searchControl_3l3j4_260 input {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-family: var(--sans);
  font-size: 14px;
}

._searchControl_3l3j4_260 input::-webkit-search-cancel-button {
  display: none;
}

._searchControl_3l3j4_260 input::placeholder {
  color: rgba(255, 255, 255, 0.32);
}

._searchControl_3l3j4_260 button {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.52);
  cursor: pointer;
  place-items: center;
}

._resetFilters_3l3j4_312 {
  height: 50px;
  padding: 0 18px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--match-accent);
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}

._resultsMeta_3l3j4_324 {
  display: flex;
  min-height: 62px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 14px;
  align-items: center;
  justify-content: flex-start;
}

._resultsMeta_3l3j4_324 span:first-child {
  color: rgba(255, 255, 255, 0.76);
  font-weight: 650;
}

._feedNotice_3l3j4_338 {
  display: flex;
  min-height: 48px;
  margin: 0 0 14px;
  padding: 12px 15px;
  border: 1px solid rgba(130, 109, 255, 0.32);
  border-radius: 12px;
  background: rgba(130, 109, 255, 0.08);
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  line-height: 1.45;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

._retry_3l3j4_354 {
  min-width: 108px;
  height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

._matchGroups_3l3j4_367 {
  display: grid;
  gap: 24px;
}

._matchGroup_3l3j4_367 {
  display: grid;
  gap: 10px;
}

._groupHeader_3l3j4_377 {
  display: flex;
  min-height: 32px;
  padding: 0 4px;
  align-items: center;
  justify-content: space-between;
}

._groupHeader_3l3j4_377 h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 720;
  letter-spacing: -0.01em;
}

._matchGroup_3l3j4_367:first-child ._groupHeader_3l3j4_377 h3 {
  color: var(--match-accent);
}

._groupHeader_3l3j4_377 > span {
  color: rgba(255, 255, 255, 0.34);
  font-size: 14px;
}

._matchList_3l3j4_401 {
  display: grid;
  gap: 10px;
}

._matchSkeleton_3l3j4_406 {
  min-height: 168px;
  overflow: hidden;
  border: 1px solid var(--match-line);
  border-radius: 18px;
  background:
    linear-gradient(100deg, transparent 34%, rgba(255, 255, 255, 0.045) 48%, transparent 62%) 0 0 / 220% 100%,
    var(--match-card);
  animation: _match-skeleton_3l3j4_1 1.2s linear infinite;
}

@keyframes _match-skeleton_3l3j4_1 {
  to { background-position: -220% 0, 0 0; }
}

._matchCard_3l3j4_421 {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--match-line);
  border-radius: 18px;
  background: var(--match-card);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

._matchCard_3l3j4_421::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: transparent;
  content: '';
}

._matchCard_3l3j4_421._live_3l3j4_114::before {
  background: var(--match-accent);
}

._matchCard_3l3j4_421:hover {
  border-color: rgba(255, 255, 255, 0.15);
  background: var(--match-card-hover);
  transform: translateY(-1px);
}

._matchCard_3l3j4_421._expanded_3l3j4_450:hover {
  transform: none;
}

._matchCard_3l3j4_421._live_3l3j4_114 {
  border-color: rgba(200, 255, 77, 0.2);
}

._matchCard_3l3j4_421._hasRelated_3l3j4_458 {
  border-color: rgba(130, 109, 255, 0.24);
}

._matchCard_3l3j4_421._expanded_3l3j4_450 {
  border-color: rgba(130, 109, 255, 0.42);
}

._matchCard_3l3j4_421._highlighted_3l3j4_466,
._matchCard_3l3j4_421._hasRelated_3l3j4_458._highlighted_3l3j4_466,
._matchCard_3l3j4_421._expanded_3l3j4_450._highlighted_3l3j4_466 {
  border-color: rgba(130, 109, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(130, 109, 255, 0.12);
}

._matchCardHeader_3l3j4_473 {
  display: flex;
  min-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  align-items: center;
  gap: 10px;
}

._matchCardHeader_3l3j4_473 > strong {
  overflow: hidden;
  margin-left: 2px;
  font-size: 14px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._liveChip_3l3j4_491,
._timeChip_3l3j4_492,
._gameChip_3l3j4_493,
._eventChip_3l3j4_494 {
  display: inline-flex;
  min-width: 0;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 760;
  letter-spacing: 0.055em;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
}

._liveChip_3l3j4_491 {
  background: var(--match-accent-soft);
  color: var(--match-accent);
}

._liveChip_3l3j4_491 i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(200, 255, 77, 0.12);
}

._timeChip_3l3j4_492 {
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.68);
}

._timeChip_3l3j4_492 time {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
}

._gameChip_3l3j4_493 {
  background: rgba(130, 109, 255, 0.1);
  color: #a99cff;
}

._eventChip_3l3j4_494 {
  background: rgba(200, 255, 77, 0.08);
  color: var(--match-accent);
}

._marketAvailability_3l3j4_543 {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.34);
  font-size: 14px;
  white-space: nowrap;
}

._matchSummary_3l3j4_550 {
  display: grid;
  min-height: 116px;
  padding: 16px 20px;
  grid-template-columns: minmax(410px, 1.15fr) minmax(390px, 0.9fr) 168px;
  align-items: center;
  gap: 34px;
}

._teams_3l3j4_559 {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
  align-items: center;
}

._teamSide_3l3j4_566 {
  display: grid;
  min-width: 0;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
}

._teamSide_3l3j4_566:last-child {
  grid-template-columns: minmax(0, 1fr) 52px;
  text-align: right;
}

._teamSide_3l3j4_566:last-child ._teamBadge_3l3j4_579 {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

._teamIdentity_3l3j4_585 {
  display: grid;
  min-width: 0;
  gap: 2px;
}

._teamIdentity_3l3j4_585 strong,
._teamIdentity_3l3j4_585 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._teamIdentity_3l3j4_585 strong {
  font-size: 15px;
  font-weight: 680;
  line-height: 1.25;
}

._teamIdentity_3l3j4_585 small {
  color: rgba(255, 255, 255, 0.36);
  font-size: 14px;
}

._teamBadge_3l3j4_579 {
  justify-self: start;
}

._versus_3l3j4_613 {
  color: rgba(255, 255, 255, 0.24);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

._mainMarket_3l3j4_621,
._market_3l3j4_543,
._noMarkets_3l3j4_623 {
  min-width: 0;
}

._mainMarket_3l3j4_621 > span,
._market_3l3j4_543 > span,
._noMarkets_3l3j4_623 > span {
  display: block;
  overflow: hidden;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._mainMarket_3l3j4_621 > div,
._market_3l3j4_543 > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  gap: 6px;
}

._odd_3l3j4_648 {
  position: relative;
  display: flex;
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  isolation: isolate;
}

._odd_3l3j4_648 > small,
._odd_3l3j4_648 > strong {
  position: relative;
  z-index: 1;
}

._oddPulse_3l3j4_669 {
  position: absolute;
  z-index: 0;
  inset: -1px;
  border: 1px solid transparent;
  border-radius: inherit;
  content: '';
  pointer-events: none;
}

._oddPulseRise_3l3j4_679 {
  animation: _odd-rise-pulse_3l3j4_1 900ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

._oddPulseFall_3l3j4_683 {
  animation: _odd-fall-pulse_3l3j4_1 900ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

@keyframes _odd-rise-pulse_3l3j4_1 {
  0% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(104, 255, 145, 0);
    opacity: 0;
  }

  18% {
    border-color: rgba(104, 255, 145, 0.52);
    background: rgba(73, 204, 112, 0.2);
    box-shadow: 0 0 14px rgba(73, 204, 112, 0.15);
    opacity: 1;
  }

  100% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(104, 255, 145, 0);
    opacity: 0;
  }
}

@keyframes _odd-fall-pulse_3l3j4_1 {
  0% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(255, 96, 107, 0);
    opacity: 0;
  }

  18% {
    border-color: rgba(255, 96, 107, 0.52);
    background: rgba(218, 64, 76, 0.2);
    box-shadow: 0 0 14px rgba(218, 64, 76, 0.14);
    opacity: 1;
  }

  100% {
    border-color: transparent;
    background: transparent;
    box-shadow: 0 0 0 rgba(255, 96, 107, 0);
    opacity: 0;
  }
}

._odd_3l3j4_648 small {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.38);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._odd_3l3j4_648 strong {
  color: #fff;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 650;
}

._noMarkets_3l3j4_623 > strong {
  display: block;
  color: rgba(255, 255, 255, 0.54);
  font-size: 14px;
  font-weight: 560;
}

._matchActions_3l3j4_755 {
  display: flex;
  padding-top: 21px;
  align-self: center;
  justify-content: flex-end;
}

._matchActions_3l3j4_755 button {
  display: inline-flex;
  width: 168px;
  height: 44px;
  padding: 0 13px 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: border-color 160ms ease, background 160ms ease;
}

._matchActions_3l3j4_755 button:hover:not(:disabled) {
  border-color: rgba(200, 255, 77, 0.3);
  background: var(--match-accent-soft);
}

._matchActions_3l3j4_755 button > strong {
  display: inline-flex;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 14px;
  align-items: center;
  justify-content: center;
}

._matchActions_3l3j4_755 button svg {
  flex: 0 0 auto;
  color: rgba(255, 255, 255, 0.42);
  transition: transform 160ms ease;
}

._matchActions_3l3j4_755 button svg._chevronOpen_3l3j4_803 {
  transform: rotate(180deg);
}

._matchActions_3l3j4_755 button:disabled {
  opacity: 0.34;
  cursor: default;
}

._noDetails_3l3j4_812 {
  display: inline-flex;
  width: 168px;
  min-height: 44px;
  color: rgba(255, 255, 255, 0.32);
  font-size: 14px;
  align-items: center;
  justify-content: center;
}

._relatedPanel_3l3j4_822 {
  display: grid;
  padding: 16px 20px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.065);
  background: rgba(8, 10, 13, 0.34);
  gap: 18px;
}

._relatedPanel_3l3j4_822[hidden],
._duelDetails_3l3j4_831[hidden] {
  display: none;
}

._detailsSection_3l3j4_835 {
  display: grid;
  min-width: 0;
  gap: 10px;
}

._detailsSection_3l3j4_835 + ._detailsSection_3l3j4_835 {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

._relatedHeader_3l3j4_846 {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

._relatedHeader_3l3j4_846 h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 720;
  letter-spacing: -0.01em;
}

._relatedHeader_3l3j4_846 span {
  color: rgba(255, 255, 255, 0.38);
  font-size: 14px;
}

._relatedPanel_3l3j4_822 ._marketGrid_3l3j4_866 {
  padding: 0;
}

._duelList_3l3j4_870 {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 6px;
}

._duelRow_3l3j4_878 {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
}

._duelRow_3l3j4_878::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: var(--match-violet);
  content: '';
}

._duelRow_3l3j4_878._duelLive_3l3j4_896::before {
  background: var(--match-accent);
}

._duelRow_3l3j4_878._duelHighlighted_3l3j4_900 {
  border-color: rgba(130, 109, 255, 0.64);
  background: rgba(130, 109, 255, 0.08);
}

._duelSummary_3l3j4_905 {
  display: grid;
  min-height: 62px;
  padding: 8px 10px 8px 14px;
  grid-template-columns: 58px minmax(280px, 1fr) minmax(280px, 0.9fr) 44px;
  align-items: center;
  gap: 14px;
}

._duelKind_3l3j4_914 {
  color: rgba(255, 255, 255, 0.42);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0.07em;
}

._duelLive_3l3j4_896 ._duelKind_3l3j4_914 {
  color: var(--match-accent);
}

._duelParticipants_3l3j4_926 {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
}

._duelSide_3l3j4_934 {
  display: grid;
  min-width: 0;
  gap: 2px;
}

._duelSide_3l3j4_934:last-child {
  text-align: right;
}

._duelSide_3l3j4_934 strong,
._duelSide_3l3j4_934 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._duelSide_3l3j4_934 strong {
  font-size: 14px;
  font-weight: 680;
}

._duelSide_3l3j4_934 small {
  color: rgba(255, 255, 255, 0.34);
  font-size: 14px;
}

._duelVersus_3l3j4_961 {
  color: rgba(255, 255, 255, 0.22);
  font-family: var(--sans);
  font-size: 14px;
  text-align: center;
}

._compactMarket_3l3j4_968 > span {
  margin-bottom: 5px;
  font-size: 14px;
}

._compactMarket_3l3j4_968 ._odd_3l3j4_648 {
  height: 36px;
  padding: 0 9px;
  border-radius: 8px;
}

._compactMarket_3l3j4_968 ._odd_3l3j4_648 strong {
  font-size: 14px;
}

._duelToggle_3l3j4_983 {
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.56);
  cursor: pointer;
  place-items: center;
}

._duelToggle_3l3j4_983 svg {
  transition: transform 160ms ease;
}

._duelToggle_3l3j4_983 svg._chevronOpen_3l3j4_803 {
  transform: rotate(180deg);
}

._duelToggle_3l3j4_983:disabled {
  opacity: 0.3;
  cursor: default;
}

._duelDetails_3l3j4_831 {
  padding: 0 10px 10px 72px;
}

._marketGrid_3l3j4_866 {
  display: grid;
  padding: 0 20px 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

._market_3l3j4_543 {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 13px;
  background: rgba(8, 10, 13, 0.28);
}

._empty_3l3j4_1027 {
  display: grid;
  min-height: 220px;
  border: 1px dashed rgba(255, 255, 255, 0.13);
  border-radius: 18px;
  color: rgba(255, 255, 255, 0.44);
  text-align: center;
  place-content: center;
  justify-items: center;
  gap: 8px;
}

._empty_3l3j4_1027 strong {
  color: #fff;
  font-size: 18px;
}

._empty_3l3j4_1027 span {
  font-size: 14px;
}

._empty_3l3j4_1027 button {
  height: 40px;
  margin-top: 10px;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: var(--match-accent);
  color: #11140d;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
}

._loadMore_3l3j4_1061 {
  display: flex;
  width: 100%;
  height: 54px;
  margin-top: 14px;
  border: 1px solid rgba(200, 255, 77, 0.2);
  border-radius: 14px;
  background: var(--match-accent-soft);
  color: var(--match-accent);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._loadMore_3l3j4_1061 span {
  display: inline-flex;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 7px;
  background: rgba(200, 255, 77, 0.14);
  align-items: center;
  justify-content: center;
}

._disclaimer_3l3j4_1089 {
  margin: 18px 3px 0;
  color: rgba(255, 255, 255, 0.28);
  font-size: 14px;
  text-align: right;
}

._visuallyHidden_3l3j4_1096 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._filters_3l3j4_147 select:focus-visible,
._segmented_3l3j4_159 button:focus-visible,
._resetFilters_3l3j4_312:focus-visible,
._searchControl_3l3j4_260 button:focus-visible,
._matchActions_3l3j4_755 button:focus-visible,
._duelToggle_3l3j4_983:focus-visible,
._empty_3l3j4_1027 button:focus-visible,
._loadMore_3l3j4_1061:focus-visible,
._retry_3l3j4_354:focus-visible {
  outline: 2px solid var(--match-violet);
  outline-offset: 2px;
}

._searchControl_3l3j4_260:focus-within {
  box-shadow: inset 0 0 0 1px rgba(130, 109, 255, 0.72);
}

._searchControl_3l3j4_260 input:focus-visible {
  outline: 0;
}

@container app-canvas (max-width: 1919px) {
  ._page_3l3j4_1 {
    width: min(100% - 40px, 1040px);
    padding-top: 30px;
  }

  ._hero_3l3j4_15 {
    padding: 38px;
    grid-template-columns: 1fr;
    gap: 34px;
  }

  ._stats_3l3j4_71 {
    width: 100%;
  }

  ._filters_3l3j4_147 {
    grid-template-columns: 1fr 220px;
  }

  ._segmented_3l3j4_159,
  ._searchControl_3l3j4_260 {
    grid-column: auto;
  }

  ._matchSummary_3l3j4_550 {
    grid-template-columns: minmax(360px, 1.1fr) minmax(330px, 0.9fr);
  }

  ._matchActions_3l3j4_755 {
    grid-column: 1 / -1;
    padding-top: 0;
    align-self: auto;
  }

  ._matchActions_3l3j4_755 button {
    width: 100%;
    justify-content: center;
  }

  ._marketGrid_3l3j4_866 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._duelSummary_3l3j4_905 {
    grid-template-columns: 52px minmax(260px, 1fr) minmax(250px, 0.9fr) 44px;
    gap: 10px;
  }

  ._matchCard_3l3j4_421 {
    scroll-margin-top: 90px;
  }
}

@container app-canvas (max-width: 760px) {
  ._page_3l3j4_1 {
    width: min(100% - 24px, 640px);
    padding: 18px 0 32px;
  }

  ._hero_3l3j4_15 {
    min-height: 0;
    padding: 30px 22px 22px;
    border-radius: 22px;
  }

  ._hero_3l3j4_15 h1 {
    font-size: clamp(54px, 18vw, 82px);
  }

  ._hero_3l3j4_15 p {
    font-size: 14px;
  }

  ._stats_3l3j4_71 {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._stats_3l3j4_71 > div {
    min-height: 94px;
    border-right: 1px solid var(--match-line);
    border-bottom: 1px solid var(--match-line);
  }

  ._stats_3l3j4_71 > div:nth-child(2n) {
    border-right: 0;
  }

  ._stats_3l3j4_71 > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  ._stats_3l3j4_71 dd {
    font-size: 40px;
  }

  ._feedPanel_3l3j4_118 {
    padding: 0 12px 16px;
    border-radius: 22px;
  }

  ._feedHeader_3l3j4_126 {
    min-height: 0;
    padding: 22px 4px 18px;
    align-items: flex-start;
    flex-direction: column;
  }

  ._filters_3l3j4_147 {
    padding: 6px;
    border-radius: 16px;
    grid-template-columns: 1fr;
  }

  ._segmented_3l3j4_159 {
    width: 100%;
    height: 52px;
  }

  ._segmented_3l3j4_159 button {
    min-height: 44px;
    padding: 0 4px;
    font-size: 14px;
    gap: 5px;
  }

  ._segmented_3l3j4_159 button strong {
    min-width: 21px;
    height: 21px;
    padding: 0 5px;
    font-size: 14px;
  }

  ._selectControl_3l3j4_220 {
    height: 68px;
  }

  ._searchControl_3l3j4_260 {
    height: 52px;
  }

  ._selectControl_3l3j4_220 select,
  ._searchControl_3l3j4_260 input {
    font-size: 16px;
  }

  ._selectControl_3l3j4_220 select {
    min-height: 44px;
  }

  ._selectControl_3l3j4_220 svg {
    top: auto;
    bottom: 18px;
  }

  ._searchControl_3l3j4_260 button {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  ._resetFilters_3l3j4_312 {
    width: 100%;
    min-height: 48px;
  }

  ._resultsMeta_3l3j4_324 {
    padding: 0 3px;
  }

  ._matchCardHeader_3l3j4_473 {
    min-height: 0;
    padding: 12px 14px;
    flex-wrap: wrap;
  }

  ._matchCard_3l3j4_421 {
    scroll-margin-top: calc(132px + env(safe-area-inset-top));
  }

  ._matchCardHeader_3l3j4_473 > strong {
    width: 100%;
    margin: 2px 0 0;
    order: 4;
  }

  ._marketAvailability_3l3j4_543 {
    font-size: 14px;
  }

  ._matchSummary_3l3j4_550 {
    padding: 18px 14px 14px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  ._teams_3l3j4_559 {
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
  }

  ._teamSide_3l3j4_566,
  ._teamSide_3l3j4_566:last-child {
    grid-template-columns: 42px minmax(0, 1fr);
    text-align: left;
    gap: 9px;
  }

  ._teamSide_3l3j4_566:last-child ._teamBadge_3l3j4_579 {
    grid-column: 1;
    justify-self: start;
  }

  ._teamIdentity_3l3j4_585 strong {
    font-size: 14px;
  }

  ._marketGrid_3l3j4_866 {
    padding: 0 14px 14px;
    grid-template-columns: 1fr;
  }

  ._odd_3l3j4_648 {
    min-height: 44px;
  }

  ._relatedPanel_3l3j4_822 {
    padding: 10px 14px 14px;
  }

  ._relatedPanel_3l3j4_822 ._marketGrid_3l3j4_866 {
    padding: 0;
  }

  ._duelSummary_3l3j4_905 {
    padding: 10px;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 9px 10px;
  }

  ._duelKind_3l3j4_914 {
    grid-column: 1;
    grid-row: 1;
  }

  ._duelToggle_3l3j4_983 {
    grid-column: 2;
    grid-row: 1;
  }

  ._duelParticipants_3l3j4_926,
  ._compactMarket_3l3j4_968 {
    grid-column: 1 / -1;
  }

  ._duelDetails_3l3j4_831 {
    padding: 0 10px 10px;
  }

  ._feedNotice_3l3j4_338 {
    align-items: flex-start;
    flex-direction: column;
  }

  ._retry_3l3j4_354 {
    width: 100%;
    min-height: 44px;
  }

  ._disclaimer_3l3j4_1089 {
    text-align: left;
  }
}

/* Compact controls and cards without scaling the page or its text. */
@container app-canvas (min-width: 761px) and (max-width: 1919px) {
  ._page_3l3j4_1 { padding: 32px 0; }
  ._hero_3l3j4_15 { min-height: 0; padding: 24px; gap: 20px; border-radius: 20px; }
  ._hero_3l3j4_15 h1 { font-size: clamp(56px, 5.42vw, 104px); line-height: .86; }
  ._stats_3l3j4_71 { height: 96px; border-radius: 14px; }
  ._stats_3l3j4_71 > div { padding: 16px 12px; }
  ._stats_3l3j4_71 dd { font-size: clamp(32px, 2.5vw, 48px); }
  ._feedPanel_3l3j4_118 { margin-top: 16px; padding: 0 18px 20px; border-radius: 20px; }
  ._feedHeader_3l3j4_126 { min-height: 82px; }
  ._feedTitle_3l3j4_133 h2 { margin-top: 6px; font-size: 22px; }
  ._filters_3l3j4_147 { min-height: 54px; padding: 6px; gap: 8px; border-radius: 14px; }
  ._segmented_3l3j4_159, ._selectControl_3l3j4_220, ._searchControl_3l3j4_260, ._resetFilters_3l3j4_312 { height: 40px; }
  ._segmented_3l3j4_159 button { padding: 0 8px; font-size: 14px; gap: 6px; }
  ._segmented_3l3j4_159 button strong { height: 20px; min-width: 20px; padding: 0 5px; }
  ._selectControl_3l3j4_220 { padding: 4px 32px 4px 12px; }
  ._selectControl_3l3j4_220 svg { top: 12px; right: 12px; }
  ._searchControl_3l3j4_260 input { font-size: 14px; }
  ._resetFilters_3l3j4_312 { padding: 0 12px; font-size: 14px; }
  ._resultsMeta_3l3j4_324 { min-height: 46px; }
  ._matchGroups_3l3j4_367 { gap: 18px; }
  ._matchGroup_3l3j4_367, ._matchList_3l3j4_401 { gap: 8px; }
  ._groupHeader_3l3j4_377 { min-height: 26px; }
  ._groupHeader_3l3j4_377 h3 { font-size: 14px; }
  ._matchCard_3l3j4_421 { border-radius: 14px; }
  ._matchCardHeader_3l3j4_473 { min-height: 38px; padding: 6px 16px; gap: 8px; }
  ._matchCardHeader_3l3j4_473 > strong { font-size: 14px; }
  ._liveChip_3l3j4_491, ._timeChip_3l3j4_492, ._gameChip_3l3j4_493, ._eventChip_3l3j4_494 { height: 24px; padding: 0 8px; }
  ._matchSummary_3l3j4_550 { min-height: 86px; padding: 12px 16px; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 16px; }
  ._teams_3l3j4_559 { grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr); }
  ._teamSide_3l3j4_566 { grid-template-columns: 40px minmax(0, 1fr); gap: 9px; }
  ._teamSide_3l3j4_566:last-child { grid-template-columns: minmax(0, 1fr) 40px; }
  ._teamBadge_3l3j4_579 { width: 40px; height: 40px; }
  ._teamIdentity_3l3j4_585 strong { font-size: 14px; line-height: 1.5; }
  ._mainMarket_3l3j4_621 > span, ._market_3l3j4_543 > span { margin-bottom: 6px; }
  ._odd_3l3j4_648 { height: 36px; padding: 0 9px; border-radius: 8px; }
  ._odd_3l3j4_648 strong { font-size: 14px; }
  ._matchActions_3l3j4_755 button { height: 36px; padding: 0 10px; font-size: 14px; }
  ._noDetails_3l3j4_812 { min-height: 36px; }
  ._relatedPanel_3l3j4_822 { padding: 12px 16px 16px; gap: 14px; }
  ._market_3l3j4_543 { padding: 10px; }
  ._duelSummary_3l3j4_905 { grid-template-columns: 44px minmax(0, 1fr) minmax(0, .9fr) 40px; gap: 10px; }
  ._duelToggle_3l3j4_983 { width: 40px; height: 40px; }
  ._loadMore_3l3j4_1061 { height: 44px; }
}

@container app-canvas (min-width: 1181px) and (max-width: 1919px) {
  ._page_3l3j4_1 { width: calc(100% - 48px); }
  ._hero_3l3j4_15 { min-height: 200px; padding: 30px 34px; grid-template-columns: minmax(0, 1fr) minmax(360px, 36%); gap: 32px; }
  ._filters_3l3j4_147 { grid-template-columns: minmax(360px, 1.05fr) 170px minmax(180px, 1fr) auto; }
  ._matchSummary_3l3j4_550 { grid-template-columns: minmax(0, 1.15fr) minmax(260px, .9fr) 132px; gap: 20px; }
  ._matchActions_3l3j4_755 { grid-column: auto; padding-top: 19px; align-self: center; }
  ._matchActions_3l3j4_755 button, ._noDetails_3l3j4_812 { width: 132px; }
  ._matchActions_3l3j4_755 button { justify-content: space-between; }
  ._marketGrid_3l3j4_866 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1180px) and (max-height: 500px) and (orientation: landscape) {
  ._segmented_3l3j4_159,
  ._searchControl_3l3j4_260 {
    min-height: 52px;
  }

  ._selectControl_3l3j4_220 {
    height: 68px;
  }

  ._segmented_3l3j4_159 button,
  ._searchControl_3l3j4_260 button,
  ._resetFilters_3l3j4_312,
  ._odd_3l3j4_648,
  ._retry_3l3j4_354 {
    min-height: 44px;
  }

  ._searchControl_3l3j4_260 button {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  ._selectControl_3l3j4_220 select,
  ._searchControl_3l3j4_260 input {
    font-size: 16px;
  }

  ._selectControl_3l3j4_220 select {
    min-height: 44px;
  }

  ._selectControl_3l3j4_220 svg {
    top: auto;
    bottom: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._oddPulse_3l3j4_669 {
    display: none;
  }

  ._matchSkeleton_3l3j4_406 {
    animation: none;
  }

  ._matchCard_3l3j4_421,
  ._matchActions_3l3j4_755 button svg,
  ._duelToggle_3l3j4_983 svg {
    transition: none;
  }
}

._teamIdentity_3l3j4_585 strong, ._teamIdentity_3l3j4_585 small { white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; }
._fullTeamNames_3l3j4_1516 { margin: 0 0 18px; color: #e8e5f0; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }

/* Match identities wrap at spaces rather than splitting Cyrillic or team names. */
._page_3l3j4_1 { font-size: 16px; line-height: 1.5; }
._hero_3l3j4_15 h1 { font-size: clamp(42px, 6vw, 96px); line-height: 1.1; letter-spacing: 0; overflow-wrap: break-word; }
._hero_3l3j4_15 p { font-size: 17px; line-height: 1.6; color: #c4c4ce; }
._stats_3l3j4_71 { height: auto; min-height: 112px; }
._stats_3l3j4_71 > div { gap: 16px; }
._stats_3l3j4_71 dt { font-size: 14px; line-height: 1.4; color: #bdbdc8; letter-spacing: 0; }
._stats_3l3j4_71 dd { line-height: 1; }
._feedTitle_3l3j4_133 > span { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
._segmented_3l3j4_159, ._searchControl_3l3j4_260, ._resetFilters_3l3j4_312 { height: auto; min-height: 48px; }
._segmented_3l3j4_159 button { min-height: 44px; padding: 8px; font-size: 14px; line-height: 1.4; flex-wrap: wrap; }
._segmented_3l3j4_159 button strong { font-size: 14px; line-height: 1.4; }
._selectControl_3l3j4_220 { height: auto; min-height: 64px; padding: 8px 38px 8px 12px; gap: 4px; }
._selectControl_3l3j4_220 > span { font-size: 14px; line-height: 1.4; color: #bdbdc8; letter-spacing: 0; }
._selectControl_3l3j4_220 select, ._searchControl_3l3j4_260 input { font-size: 16px; line-height: 1.5; min-height: 32px; }
._selectControl_3l3j4_220 svg { top: 24px; }
._searchControl_3l3j4_260 input::placeholder { color: #aaaab7; }
._resultsMeta_3l3j4_324, ._groupHeader_3l3j4_377 > span, ._marketAvailability_3l3j4_543, ._feedNotice_3l3j4_338,
._matchCardHeader_3l3j4_473 > strong, ._liveChip_3l3j4_491, ._timeChip_3l3j4_492, ._gameChip_3l3j4_493, ._eventChip_3l3j4_494,
._timeChip_3l3j4_492 time { font-size: 14px; line-height: 1.5; }
._marketAvailability_3l3j4_543, ._resultsMeta_3l3j4_324 { color: #bdbdc8; }
._liveChip_3l3j4_491, ._timeChip_3l3j4_492, ._gameChip_3l3j4_493, ._eventChip_3l3j4_494 { height: auto; min-height: 28px; padding: 4px 8px; }
._teamIdentity_3l3j4_585 strong { font-size: 17px; line-height: 1.45; }
._teamIdentity_3l3j4_585 small, ._duelSide_3l3j4_934 small { font-size: 14px; line-height: 1.5; color: #bdbdc8; }
._teamIdentity_3l3j4_585 strong, ._teamIdentity_3l3j4_585 small, ._duelSide_3l3j4_934 strong, ._duelSide_3l3j4_934 small {
  overflow: visible; text-overflow: clip; white-space: normal;
  overflow-wrap: break-word; word-break: normal; hyphens: none;
}
._mainMarket_3l3j4_621 > span, ._market_3l3j4_543 > span, ._noMarkets_3l3j4_623 > span, ._compactMarket_3l3j4_968 > span {
  font-size: 14px; line-height: 1.5; color: #bdbdc8;
  overflow: visible; white-space: normal; text-overflow: clip;
}
._odd_3l3j4_648, ._compactMarket_3l3j4_968 ._odd_3l3j4_648 { height: auto; min-height: 44px; padding: 8px 10px; }
._odd_3l3j4_648 small { font-size: 14px; line-height: 1.4; color: #bdbdc8; }
._odd_3l3j4_648 strong, ._compactMarket_3l3j4_968 ._odd_3l3j4_648 strong { font-size: 15px; line-height: 1.4; }
._matchActions_3l3j4_755 button, ._retry_3l3j4_354, ._resetFilters_3l3j4_312, ._loadMore_3l3j4_1061, ._empty_3l3j4_1027 button { min-height: 44px; height: auto; padding: 10px 14px; font-size: 15px; line-height: 1.4; }
._matchActions_3l3j4_755 button > strong, ._noDetails_3l3j4_812, ._relatedHeader_3l3j4_846 span,
._duelKind_3l3j4_914, ._duelVersus_3l3j4_961, ._disclaimer_3l3j4_1089 { font-size: 14px; line-height: 1.5; color: #bdbdc8; letter-spacing: 0; }
._duelSide_3l3j4_934 strong { font-size: 16px; line-height: 1.4; }
._matchCard_3l3j4_421 { scroll-margin-top: 84px; }
@container app-canvas (max-width: 1100px) {
  ._matchSummary_3l3j4_550 { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  ._matchActions_3l3j4_755 { grid-column: auto; padding-top: 0; }
  ._matchActions_3l3j4_755 button { width: 100%; }
  ._duelSummary_3l3j4_905 { grid-template-columns: minmax(0, 1fr) 44px; gap: 12px; }
  ._duelKind_3l3j4_914 { grid-column: 1; grid-row: 1; }
  ._duelToggle_3l3j4_983 { grid-column: 2; grid-row: 1; }
  ._duelParticipants_3l3j4_926, ._compactMarket_3l3j4_968 { grid-column: 1 / -1; }
  ._duelDetails_3l3j4_831 { padding: 0 12px 12px; }
}
@container app-canvas (max-width: 760px) {
  ._hero_3l3j4_15 h1 { font-size: clamp(38px, 11vw, 64px); }
  ._stats_3l3j4_71 dt { font-size: 14px; }
  ._segmented_3l3j4_159 { min-height: 60px; }
  ._matchCard_3l3j4_421 { scroll-margin-top: calc(104px + env(safe-area-inset-top)); }
  ._teamIdentity_3l3j4_585 strong { font-size: 16px; }
  ._marketGrid_3l3j4_866 { grid-template-columns: minmax(0, 1fr); }
  ._disclaimer_3l3j4_1089 { text-align: left; }
}
@container app-canvas (max-width: 520px) {
  ._teams_3l3j4_559 { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  ._versus_3l3j4_613 { justify-self: center; }
  ._teamSide_3l3j4_566, ._teamSide_3l3j4_566:last-child { grid-template-columns: 42px minmax(0, 1fr); gap: 12px; text-align: left; }
  ._teamSide_3l3j4_566:last-child ._teamBadge_3l3j4_579 { grid-column: 1; justify-self: start; }
}
._filters_96paj_1 {
  min-width: 0;
  margin-bottom: 24px;
  padding: 18px;
  border: 1px solid var(--line, #333);
  border-radius: 8px;
  background: #141414;
  color: #f3f0f9;
  font-family: var(--mono);
  font-size: 15px;
  line-height: 1.5;
}
._toolbar_96paj_13 { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
._toolbar_96paj_13 > ._field_96paj_14 { flex: 1 1 200px; }
._toolbar_96paj_13 > ._additionalButton_96paj_15 { flex: 1 1 230px; }
._field_96paj_14 { display: grid; min-width: 0; gap: 7px; color: #d6d1e2; font-size: 14px; }
._field_96paj_14 select { width: 100%; min-width: 0; min-height: 44px; padding: 10px 32px 10px 12px; border: 1px solid #514b5d; border-radius: 6px; background: #111; color: #fff; font: inherit; font-size: 15px; line-height: 1.5; cursor: pointer; }
._additionalButton_96paj_15, ._closeButton_96paj_18, ._reset_96paj_18, ._chip_96paj_18 { min-height: 44px; border: 1px solid #514b5d; border-radius: 6px; background: #1a1720; color: #f3f0f9; font: inherit; font-size: 15px; line-height: 1.5; text-transform: none; cursor: pointer; }
._additionalButton_96paj_15 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; text-align: left; }
._additional_96paj_15 { margin-top: 16px; padding-top: 16px; border-top: 1px solid #423b4c; }
._additional_96paj_15 > ._field_96paj_14 { max-width: 340px; margin-bottom: 16px; }
._results_96paj_22 { margin: 12px 0 0; color: #bdb9c9; font-size: 14px; line-height: 1.5; }
._hint_96paj_23 { margin: 0 0 16px; color: #d6d1e2; font-size: 14px; line-height: 1.6; }
._filterGroup_96paj_24 { min-width: 0; margin: 0 0 18px; padding: 0; border: 0; }
._filterGroup_96paj_24 legend { margin-bottom: 8px; padding: 0; color: #fff; font-size: 15px; line-height: 1.5; }
._choices_96paj_26 { display: flex; flex-wrap: wrap; gap: 8px; }
._choice_96paj_26 { display: flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid #514b5d; border-radius: 6px; background: #1a1720; color: #e9e4f4; font-size: 15px; line-height: 1.5; cursor: pointer; }
._choice_96paj_26:has(input:checked) { border-color: #a99bff; background: #644bee2e; }
._choice_96paj_26 input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: #9d85ff; }
._choice_96paj_26 span { min-width: 0; overflow-wrap: break-word; }
._active_96paj_31 { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
._activeLabel_96paj_32 { color: #d6d1e2; font-size: 14px; }
._chip_96paj_18 { display: flex; align-items: center; gap: 12px; max-width: 100%; padding: 8px 12px; background: #644bee2e; border-color: #8066ed; text-align: left; }
._chip_96paj_18 span:first-child { min-width: 0; overflow-wrap: break-word; }
._reset_96paj_18, ._closeButton_96paj_18 { padding: 8px 14px; }
._reset_96paj_18 { color: #d6cbff; }
._field_96paj_14 select:focus-visible, ._additionalButton_96paj_15:focus-visible, ._closeButton_96paj_18:focus-visible, ._reset_96paj_18:focus-visible, ._chip_96paj_18:focus-visible, ._choice_96paj_26:has(input:focus-visible) { outline: 2px solid #b6a6ff; outline-offset: 3px; }
._additionalButton_96paj_15:hover, ._closeButton_96paj_18:hover, ._reset_96paj_18:hover, ._chip_96paj_18:hover { background: #2b2439; }
@media (max-width: 520px) { ._filters_96paj_1 { padding: 14px; } ._toolbar_96paj_13 { flex-direction: column; align-items: stretch; gap: 12px; } ._toolbar_96paj_13 > ._field_96paj_14, ._toolbar_96paj_13 > ._additionalButton_96paj_15 { flex-basis: auto; } ._choice_96paj_26, ._chip_96paj_18 { padding-inline: 10px; } }
._page_13c30_1 {
  width: 1840px;
  margin: 56px 40px 40px;
  color: #fff;
}

._editorialAction_13c30_7 {
  display: inline-flex;
  padding: 16px 24px;
  margin-bottom: 24px;
  border: 1px solid #9b84ff;
  border-radius: 6px;
  background: #684be9;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
._editorialAction_13c30_7:hover { background: #7c61f2; }
._editorialAction_13c30_7:focus-visible { outline: 2px solid #d0c3ff; outline-offset: 4px; }

._pageHeader_13c30_22 {
  display: flex;
  min-height: 100px;
  margin-bottom: 24px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

._pageHeader_13c30_22 span {
  display: block;
  margin-bottom: 10px;
  color: var(--accent-text, #927fff);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

._pageHeader_13c30_22 h1,
._statePanel_13c30_41 h1 {
  margin: 0;
  font-family: var(--display, 'Arial Narrow', sans-serif);
  font-size: 52px;
  font-weight: 900;
  line-height: 0.92;
}

._logoutAction_13c30_49 {
  display: inline-flex;
  width: 170px;
  height: 45px;
  padding: 0 20px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 5px;
  background: var(--card, #1b1b1b);
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--display, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

._logoutAction_13c30_49:hover:not(:disabled) {
  border-color: rgba(100, 75, 238, 0.72);
  color: #fff;
}

._logoutAction_13c30_49:disabled,
._primaryAction_13c30_72[aria-disabled='true'],
._submitAction_13c30_73:disabled,
._passwordToggle_13c30_74:disabled,
._input_13c30_75:disabled {
  cursor: wait;
  opacity: 0.55;
}

._statePage_13c30_80 {
  display: grid;
  width: 1840px;
  min-height: 650px;
  margin: 40px;
  place-items: center;
}

._statePage_13c30_80 > p {
  color: rgba(255, 255, 255, 0.52);
  font-size: 14px;
}

._statePanel_13c30_41 {
  width: 760px;
  padding: 48px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 20px;
  background: var(--panel, #151515);
  text-align: center;
}

._statePanel_13c30_41 p {
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
}

._visuallyHidden_13c30_108,
._fileInput_13c30_109 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._grid_13c30_121 {
  display: grid;
  width: 1840px;
  grid-template-columns: repeat(3, 600px);
  gap: 20px;
}

._panel_13c30_128 {
  width: 600px;
  height: 520px;
  min-width: 0;
  overflow: hidden;
  border-radius: 10px;
  background: var(--panel, #151515);
}

._panelHeader_13c30_137 {
  display: flex;
  width: 100%;
  height: 75px;
  padding: 20px;
  align-items: center;
}

._panelHeader_13c30_137 h2 {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.012em;
}

._panelBody_13c30_156 {
  display: flex;
  width: 100%;
  height: 445px;
  min-width: 0;
  padding: 20px;
  flex-direction: column;
}

._avatarBody_13c30_165 {
  align-items: center;
}

._avatarPreview_13c30_169 {
  display: grid;
  width: 175px;
  height: 175px;
  flex: 0 0 175px;
  overflow: hidden;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 10px;
  background: var(--card, #1b1b1b);
  color: rgba(255, 255, 255, 0.25);
  place-items: center;
}

._avatarPreview_13c30_169 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._identity_13c30_189 {
  display: flex;
  width: 100%;
  min-width: 0;
  margin: 6px 0;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 7px;
  row-gap: 3px;
}

._identity_13c30_189 strong {
  overflow: hidden;
  max-width: 100%;
  color: #fff;
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._identity_13c30_189 ._email_13c30_213,
._identity_13c30_189 ._accountId_13c30_214 {
  overflow: hidden;
  width: 100%;
  color: rgba(255, 255, 255, 0.35);
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._identity_13c30_189 ._accountId_13c30_214 {
  color: rgba(255, 255, 255, 0.48);
  font-size: 14px;
  letter-spacing: 0.045em;
}

._identity_13c30_189 ._authorBadge_13c30_231 {
  display: inline-flex;
  height: 18px;
  padding: 0 9px;
  overflow: visible;
  border-radius: 11px;
  background: rgba(100, 75, 238, 0.2);
  color: var(--accent-text, #927fff);
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.06em;
  align-items: center;
}

._primaryAction_13c30_72,
._secondaryAction_13c30_248,
._submitAction_13c30_73 {
  display: inline-flex;
  height: 45px;
  padding: 0 20px;
  border-radius: 5px;
  color: #fff;
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

._primaryAction_13c30_72,
._submitAction_13c30_73 {
  border: 0;
  background: var(--accent, #644bee);
}

._primaryAction_13c30_72 {
  width: 185px;
}

._primaryAction_13c30_72:hover,
._submitAction_13c30_73:hover {
  background: var(--accent-bright, #754fff);
}

._primaryAction_13c30_72:active,
._secondaryAction_13c30_248:active,
._submitAction_13c30_73:active {
  transform: translateY(1px);
}

._fileInput_13c30_109:focus-visible + ._primaryAction_13c30_72,
._logoutAction_13c30_49:focus-visible,
._primaryAction_13c30_72:focus-visible,
._secondaryAction_13c30_248:focus-visible,
._submitAction_13c30_73:focus-visible,
._passwordToggle_13c30_74:focus-visible,
._input_13c30_75:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

._secondaryAction_13c30_248 {
  width: 185px;
  margin-top: 10px;
  border: 1px solid var(--line, #2c2c2c);
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
}

._secondaryAction_13c30_248:hover:not(:disabled) {
  border-color: rgba(100, 75, 238, 0.72);
  color: #fff;
}

._secondaryAction_13c30_248:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

._genderFieldset_13c30_315 {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

._genderFieldset_13c30_315 legend,
._field_13c30_323 > label {
  padding: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

._genderOptions_13c30_333 {
  display: grid;
  width: 560px;
  height: 45px;
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  background: #171717;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

._genderOption_13c30_333 {
  position: relative;
  min-width: 0;
}

._genderOption_13c30_333 input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  opacity: 0;
}

._genderOption_13c30_333 label {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.62);
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

._genderOption_13c30_333:last-child label {
  border-right: 0;
}

._genderOption_13c30_333 input:checked + label {
  background: var(--accent, #644bee);
  color: #fff;
}

._genderOption_13c30_333 input:focus-visible + label {
  position: relative;
  z-index: 1;
  outline: 2px solid #8b7aff;
  outline-offset: -2px;
}

._personalSpacer_13c30_389 {
  flex: 1;
}

._submitAction_13c30_73 {
  width: 100%;
  flex: 0 0 45px;
}

._passwordForm_13c30_398 {
  gap: 11px;
}

._field_13c30_323 {
  display: grid;
  min-width: 0;
  gap: 7px;
}

._passwordControl_13c30_408 {
  position: relative;
}

._input_13c30_75 {
  width: 100%;
  height: 45px;
  min-width: 0;
  padding: 0 104px 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  outline: 0;
  background: #111;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

._input_13c30_75:hover {
  border-color: rgba(255, 255, 255, 0.28);
}

._input_13c30_75:focus {
  border-color: var(--accent, #644bee);
  box-shadow: 0 0 0 2px rgba(100, 75, 238, 0.25);
}

._input_13c30_75:invalid:not(:placeholder-shown) {
  border-color: #ff6675;
}

._passwordToggle_13c30_74 {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 100px;
  height: 43px;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid var(--line, #2c2c2c);
  border-radius: 0 4px 4px 0;
  background: #171717;
  color: var(--accent-text, #927fff);
  font-family: var(--display, Impact, 'Arial Narrow', sans-serif);
  font-size: 14px;
  cursor: pointer;
}

._hint_13c30_457 {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.46);
  font-size: 14px;
  line-height: 1.5;
}

._passwordForm_13c30_398 > ._hint_13c30_457 {
  margin: -2px 0 0;
}

._status_13c30_468 {
  width: 100%;
  min-height: 30px;
  margin: 10px 0 0;
  padding: 7px 10px;
  border: 1px solid rgba(100, 75, 238, 0.34);
  border-radius: 5px;
  background: rgba(100, 75, 238, 0.08);
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.5;
}

._status-error_13c30_481 {
  border-color: rgba(255, 102, 117, 0.5);
  background: rgba(255, 102, 117, 0.08);
  color: #ff9ca6;
}

._status-success_13c30_487 {
  border-color: rgba(100, 75, 238, 0.5);
  color: rgba(255, 255, 255, 0.82);
}

._status-neutral_13c30_492 {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
}

@container app-canvas (max-width: 1919px) {
  ._page_13c30_1 {
    width: min(calc(100% - 40px), 1040px);
    margin: 36px auto 24px;
  }

  ._grid_13c30_121 {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._panel_13c30_128 {
    width: 100%;
  }

  ._panel_13c30_128:last-child {
    grid-column: 1 / -1;
  }

  ._genderOptions_13c30_333 {
    width: 100%;
  }

  ._statePage_13c30_80 {
    width: min(calc(100% - 40px), 1040px);
    min-height: 520px;
    margin: 24px auto;
  }

  ._statePanel_13c30_41 {
    width: min(760px, 100%);
  }
}

/* Match the compact desktop density without scaling the page or mobile controls. */
@container app-canvas (min-width: 761px) and (max-width: 1919px) {
  ._page_13c30_1 { width: calc(100% - 48px); margin: 28px auto 24px; }
  ._pageHeader_13c30_22 { min-height: 64px; margin-bottom: 16px; }
  ._pageHeader_13c30_22 h1, ._statePanel_13c30_41 h1 { font-size: 40px; }
  ._editorialAction_13c30_7 { padding: 10px 16px; margin-bottom: 16px; font-size: 14px; line-height: 1.5; }
  ._logoutAction_13c30_49 { width: 128px; height: 36px; }
  ._grid_13c30_121 { gap: 16px; }
  ._panel_13c30_128 { display: flex; height: auto; min-height: 400px; flex-direction: column; }
  ._panelHeader_13c30_137 { height: 56px; padding: 16px; flex-shrink: 0; }
  ._panelHeader_13c30_137 h2 { font-size: 20px; line-height: 24px; }
  ._panelBody_13c30_156 { height: auto; padding: 12px 16px 16px; flex: 1; }
  ._avatarBody_13c30_165 { padding-top: 4px; }
  ._avatarPreview_13c30_169 { width: 112px; height: 112px; flex-basis: 112px; }
  ._avatarPreview_13c30_169 > svg { width: 48px; height: 48px; }
  ._identity_13c30_189 { margin: 8px 0 12px; }
  ._identity_13c30_189 strong { font-size: 14px; }
  ._primaryAction_13c30_72, ._secondaryAction_13c30_248 { width: 168px; height: 36px; min-height: 36px; font-size: 14px; }
  ._secondaryAction_13c30_248 { margin-top: 8px; }
  ._submitAction_13c30_73 { height: 38px; flex-basis: 38px; }
  ._genderOptions_13c30_333 { height: 38px; }
  ._passwordForm_13c30_398 { gap: 10px; }
  ._input_13c30_75 { height: 38px; padding-right: 88px; }
  ._passwordToggle_13c30_74 { width: 84px; height: 36px; padding: 0 8px; }
  ._hint_13c30_457 { font-size: 14px; line-height: 1.5; }
  ._status_13c30_468 { font-size: 14px; }
}

@container app-canvas (min-width: 1181px) and (max-width: 1919px) {
  ._grid_13c30_121 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  ._panel_13c30_128:last-child { grid-column: auto; }
}

@container app-canvas (max-width: 760px) {
  ._page_13c30_1 {
    width: calc(100% - 24px);
    margin: 22px auto 12px;
  }

  ._pageHeader_13c30_22 {
    min-height: 0;
    margin-bottom: 18px;
    align-items: center;
  }

  ._pageHeader_13c30_22 span {
    margin-bottom: 7px;
    font-size: 14px;
  }

  ._pageHeader_13c30_22 h1,
  ._statePanel_13c30_41 h1 {
    font-size: 42px;
  }

  ._logoutAction_13c30_49 {
    width: 112px;
    height: 44px;
    padding: 0 12px;
  }

  ._grid_13c30_121 {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  ._panel_13c30_128,
  ._panel_13c30_128:last-child {
    height: auto;
    min-height: 0;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    grid-column: auto;
  }

  ._panelHeader_13c30_137 {
    height: 64px;
    padding: 18px;
  }

  ._panelHeader_13c30_137 h2 {
    font-size: 22px;
  }

  ._panelBody_13c30_156 {
    height: auto;
    min-height: 0;
    padding: 0 18px 20px;
  }

  ._avatarPreview_13c30_169 {
    width: 148px;
    height: 148px;
    flex-basis: 148px;
  }

  ._identity_13c30_189 {
    margin: 12px 0 16px;
    row-gap: 5px;
  }

  ._identity_13c30_189 strong {
    font-size: 16px;
  }

  ._identity_13c30_189 ._email_13c30_213,
  ._identity_13c30_189 ._accountId_13c30_214 {
    font-size: 14px;
    line-height: 1.5;
  }

  ._primaryAction_13c30_72,
  ._secondaryAction_13c30_248,
  ._submitAction_13c30_73 {
    width: 100%;
    height: 48px;
    min-height: 48px;
  }

  ._secondaryAction_13c30_248 {
    margin-top: 8px;
  }

  ._genderOptions_13c30_333 {
    min-height: 52px;
    height: auto;
  }

  ._genderOption_13c30_333 label {
    min-height: 50px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }

  ._personalSpacer_13c30_389 {
    min-height: 28px;
  }

  ._passwordForm_13c30_398 {
    gap: 14px;
  }

  ._input_13c30_75 {
    height: 50px;
    padding-right: 102px;
    font-size: 16px;
  }

  ._passwordToggle_13c30_74 {
    width: 98px;
    height: 48px;
  }

  ._hint_13c30_457 {
    line-height: 1.5;
  }

  ._status_13c30_468 {
    min-height: 38px;
    font-size: 14px;
    line-height: 1.5;
  }

  ._statePage_13c30_80 {
    width: calc(100% - 24px);
    min-height: 420px;
    margin: 12px auto;
  }

  ._statePanel_13c30_41 {
    padding: 32px 18px;
    border-radius: 16px;
  }

  ._statePanel_13c30_41 p {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 1180px) and (max-height: 500px) and (orientation: landscape) {
  ._input_13c30_75 {
    height: 44px;
    font-size: 16px;
  }

  ._passwordToggle_13c30_74 { height: 42px; }
  ._genderOptions_13c30_333 { height: 46px; }
  ._logoutAction_13c30_49, ._editorialAction_13c30_7 { min-height: 44px; align-items: center; }

  ._primaryAction_13c30_72,
  ._secondaryAction_13c30_248,
  ._submitAction_13c30_73,
  ._genderOption_13c30_333 label {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._primaryAction_13c30_72,
  ._secondaryAction_13c30_248,
  ._submitAction_13c30_73,
  ._input_13c30_75 {
    transition-duration: 0.01ms;
  }
}

/* Profile controls use normal text; panels expand to contain hints and errors. */
._page_13c30_1, ._statePage_13c30_80 { font-family: var(--sans); font-size: 16px; line-height: 1.5; }
._pageHeader_13c30_22 { flex-wrap: wrap; align-items: center; }
._pageHeader_13c30_22 span { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
._pageHeader_13c30_22 h1, ._statePanel_13c30_41 h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.15; }
._panel_13c30_128 { display: flex; height: auto; min-height: 0; flex-direction: column; }
._panelHeader_13c30_137 { height: auto; min-height: 72px; padding: 18px 20px; }
._panelHeader_13c30_137 h2 { font-size: 24px; line-height: 1.2; }
._panelBody_13c30_156 { height: auto; min-height: 0; flex: 1; padding: 12px 20px 20px; gap: 14px; }
._identity_13c30_189 { margin: 10px 0 14px; gap: 6px; }
._identity_13c30_189 strong { font-family: var(--sans); font-size: 18px; line-height: 1.4; white-space: normal; overflow-wrap: break-word; }
._identity_13c30_189 ._email_13c30_213, ._identity_13c30_189 ._accountId_13c30_214 { font-size: 14px; line-height: 1.5; color: #bdbdc8; letter-spacing: 0; white-space: normal; overflow-wrap: anywhere; overflow: visible; }
._identity_13c30_189 ._authorBadge_13c30_231 { height: auto; min-height: 26px; padding: 3px 9px; font-family: var(--sans); font-size: 14px; line-height: 1.4; letter-spacing: 0; }
._logoutAction_13c30_49, ._primaryAction_13c30_72, ._secondaryAction_13c30_248, ._submitAction_13c30_73, ._editorialAction_13c30_7 {
  height: auto; min-height: 48px; padding: 10px 16px; font-family: var(--sans);
  font-size: 15px; font-weight: 600; line-height: 1.4; text-align: center;
}
._submitAction_13c30_73 { flex: 0 0 auto; }
._genderFieldset_13c30_315 legend, ._field_13c30_323 > label { color: #d1d1da; font-size: 15px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
._genderOptions_13c30_333 { height: auto; min-height: 48px; }
._genderOption_13c30_333 label { min-height: 48px; height: auto; padding: 8px; font-family: var(--sans); font-size: 14px; line-height: 1.4; text-align: center; }
._input_13c30_75 { height: 52px; padding-right: 114px; font-size: 16px; line-height: 1.5; }
._passwordToggle_13c30_74 { width: 110px; height: 50px; padding: 0 8px; font-family: var(--sans); font-size: 14px; line-height: 1.4; }
._hint_13c30_457, ._status_13c30_468, ._statePage_13c30_80 > p, ._statePanel_13c30_41 p { color: #bdbdc8; font-size: 14px; line-height: 1.6; }
._status-error_13c30_481 { color: #ff9ca6; }
._personalSpacer_13c30_389 { min-height: 20px; }
._passwordForm_13c30_398 { gap: 16px; }
@container app-canvas (max-width: 560px) {
  ._pageHeader_13c30_22 { align-items: flex-start; }
  ._panelHeader_13c30_137 { padding: 18px; }
  ._panelBody_13c30_156 { padding: 0 18px 20px; }
  ._genderOptions_13c30_333 { grid-template-columns: minmax(0, 1fr); }
  ._genderOption_13c30_333 label { border-right: 0; border-bottom: 1px solid #333; }
  ._genderOption_13c30_333:last-child label { border-bottom: 0; }
}
._page_4er23_1 { width: auto; min-width: 0; margin: 24px; color: #fff; font-size: 14px; line-height: 1.5; }
._header_4er23_2 { display: flex; align-items: end; justify-content: space-between; margin-bottom: 20px; gap: 16px; flex-wrap: wrap; }
._header_4er23_2 h1 { font-family: var(--display, sans-serif); font-size: 36px; margin: 6px 0 0; line-height: 1; }
._page_4er23_1 a { color: #baafff; text-decoration: none; }
._page_4er23_1 a:hover { text-decoration: underline; }
._eyebrow_4er23_6 { color: #b9adff; font-size: 14px; letter-spacing: .08em; font-weight: 700; }
._queueTabs_4er23_7 { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
._page_4er23_1 ._queueTabs_4er23_7 [aria-selected='true'] { background: #694cea; border-color: #8b73f9; color: #fff; font-weight: 700; }
._workspace_4er23_9 { display: grid; grid-template-columns: 240px minmax(0,1fr); align-items: start; gap: 16px; }
._queue_4er23_7 { max-height: calc(100dvh - 180px); overflow-y: auto; min-width: 0; border: 1px solid #383838; background: #151515; border-radius: 10px; }
._queueHeader_4er23_11 { position: sticky; top: 0; z-index: 1; background: #151515; padding: 12px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; }
._page_4er23_1 h2 { font-size: 18px; margin: 0; }
._page_4er23_1 h2 span { color: #a398d5; margin-left: 8px; }
._page_4er23_1 button, ._primary_4er23_14 { border: 1px solid #494949; border-radius: 6px; background: #252525; color: #fff; font: inherit; font-size: 14px; padding: 8px 10px; min-height: 36px; max-width: 100%; overflow-wrap: anywhere; cursor: pointer; }
._page_4er23_1 button:hover:not(:disabled) { border-color: #ad9dff; background: #30284f; }
._page_4er23_1 button:disabled { opacity: .45; cursor: default; }
._page_4er23_1 ._primary_4er23_14 { background: #694cea; border-color: #8b73f9; color: #fff; font-weight: 700; text-decoration: none; }
._page_4er23_1 ._queueItem_4er23_18 { display: flex; flex-direction: column; text-align: left; gap: 6px; width: 100%; padding: 12px; border: 0; border-top: 1px solid #353535; border-radius: 0; background: transparent; }
._queueItem_4er23_18 strong { font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
._queueItem_4er23_18 time { color: #aaa; font-size: 14px; }
._page_4er23_1 ._queueItem_4er23_18[aria-current='page'] { background: #282136; box-shadow: inset 4px 0 #8c73fa; }
._queue_4er23_7 > p { padding: 0 12px 12px; }
._editor_4er23_23 { min-width: 0; }
._toolbar_4er23_24 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 16px; background: #1d1929; border: 1px solid #574a7c; border-radius: 10px; margin-bottom: 16px; }
._toolbar_4er23_24 p { font-size: 14px; color: #c7bfdd; margin: 4px 0 0; }
._actions_4er23_26 { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
._contentFieldset_4er23_27 { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 16px; align-items: start; }
._textPanel_4er23_28 { max-height: 840px; overflow: auto; }
._tagsPanel_4er23_29 { grid-column: 1 / -1; }
._textPanel_4er23_28, ._mediaPanel_4er23_30, ._tagsPanel_4er23_29 { background: #181818; border: 1px solid #383838; border-radius: 10px; padding: 16px; margin-bottom: 16px; min-width: 0; }
._sectionHeading_4er23_31 { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
._page_4er23_1 label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #ccc; margin-bottom: 12px; min-width: 0; }
._page_4er23_1 input:not([type='checkbox']), ._page_4er23_1 textarea, ._page_4er23_1 select { color: #f2f2f2; background: #101010; border: 1px solid #464646; border-radius: 6px; padding: 8px 10px; font: inherit; font-size: 14px; width: 100%; box-sizing: border-box; line-height: 1.5; }
._page_4er23_1 textarea { resize: vertical; }
._page_4er23_1 ._titleInput_4er23_35 { font-size: 20px; line-height: 1.35; font-weight: 700; }
._page_4er23_1 :focus-visible { outline: 2px solid #b1a0ff; outline-offset: 3px; }
._page_4er23_1 summary { cursor: pointer; padding: 10px 0; font-size: 14px; }
._textDetails_4er23_38 { border-top: 1px solid #3a3a3a; }
._block_4er23_39 { padding: 12px 0; }
._block_4er23_39 + ._block_4er23_39 { border-top: 1px solid #2c2c2c; }
._timelineEntry_4er23_41 { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 12px; }
._muted_4er23_42 { color: #b0b0b0; font-size: 14px; line-height: 1.5; }
._filter_4er23_43 { max-width: 400px; }
._gallery_4er23_44 { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr)); gap: 12px; }
._imageCard_4er23_45 { min-width: 0; border: 1px solid #494949; border-radius: 8px; overflow: hidden; background: #111; }
._selected_4er23_46 { border: 2px solid #a38bff; }
._imagePreview_4er23_47 { aspect-ratio: 16 / 10; background: #242424; position: relative; display: grid; place-items: center; }
._imagePreview_4er23_47 img { width: 100%; height: 100%; object-fit: contain; position: absolute; }
._imagePreview_4er23_47 p { color: #aaa; }
._imageBadge_4er23_50 { position: absolute; left: 8px; top: 8px; color: #fff; background: #6142d8; font-size: 14px; font-weight: 800; padding: 6px 8px; border-radius: 3px; }
._imageInfo_4er23_51 { display: flex; flex-direction: column; gap: 8px; padding: 10px; font-size: 14px; overflow-wrap: anywhere; }
._imageInfo_4er23_51 > span { color: #aaa; font-size: 14px; }
._sourceLinks_4er23_53 { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; }
._page_4er23_1 ._choose_4er23_54 { flex-direction: row; align-items: center; gap: 8px; margin: 4px 0; font-size: 14px; color: #fff; }
._page_4er23_1 input[type='checkbox'] { accent-color: #8d70ff; width: 18px; height: 18px; flex-shrink: 0; }
._imageInfo_4er23_51 button { font-size: 14px; padding: 6px 8px; }
._selection_4er23_57 { list-style: none; margin: 12px 0; padding: 0; }
._selection_4er23_57 li { display: flex; align-items: center; gap: 12px; padding: 10px; border-bottom: 1px solid #333; flex-wrap: wrap; }
._selection_4er23_57 img { width: 76px; height: 48px; object-fit: cover; }
._selection_4er23_57 span { flex: 1; min-width: 100px; font-size: 14px; overflow-wrap: anywhere; }
._sourceDetails_4er23_61 { margin-top: 16px; border-top: 1px solid #3b3b3b; }
._sourceDetails_4er23_61 > div { display: flex; gap: 12px; justify-content: space-between; font-size: 14px; padding: 8px 0; }
._sourceDetails_4er23_61 span { color: #aaa; }
._tagGroups_4er23_64 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
._tagGroups_4er23_64 fieldset { padding: 12px; border: 1px solid #3a3a3a; border-radius: 8px; min-width: 0; max-height: 250px; overflow: auto; }
._tagGroups_4er23_64 legend { padding: 0 6px; font-size: 14px; }
._tagGroups_4er23_64 label { flex-direction: row; align-items: center; margin: 6px 0; }
._state_4er23_68 { display: flex; min-height: 220px; padding: 24px; justify-content: center; flex-direction: column; background: #181818; border: 1px solid #383838; border-radius: 12px; }
._state_4er23_68 p { color: #bbb; font-size: 14px; }
._error_4er23_70, ._notice_4er23_70, ._confirm_4er23_70 { padding: 14px; border: 1px solid #9d5757; color: #ffd1d1; background: #351f1f; border-radius: 8px; font-size: 14px; }
._notice_4er23_70 { border-color: #587963; color: #d5ffe3; background: #18291f; }
._confirm_4er23_70 { margin-bottom: 20px; border-color: #827143; background: #302a19; color: #fff0c0; }
._empty_4er23_73 { padding: 20px; border: 1px dashed #5b5b5b; border-radius: 8px; color: #bbb; }
._cropPanel_4er23_74 { margin: 16px 0; padding: 12px; border: 1px solid #8d70ff; background: #201b2f; border-radius: 8px; }
._cropPreview_4er23_75 { position: relative; width: fit-content; max-width: 100%; margin: 0 auto 20px; overflow: hidden; }
._cropPreview_4er23_75 img { display: block; max-width: 100%; max-height: 450px; }
._cropArea_4er23_77 { position: absolute; border: 2px solid #c7ff91; box-sizing: border-box; box-shadow: 0 0 0 1000px #0008; pointer-events: none; }
._cropPanel_4er23_74 fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
._cropControls_4er23_79 { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,110px),1fr)); gap: 12px; margin-top: 16px; }
._hidden_4er23_80 { display: none; }
@media (max-width: 1099px) {
  ._page_4er23_1 { margin: 20px; }
  ._workspace_4er23_9 { grid-template-columns: 220px minmax(0,1fr); gap: 16px; }
  ._gallery_4er23_44 { grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr)); }
  ._toolbar_4er23_24 { align-items: start; flex-direction: column; }
  ._contentFieldset_4er23_27 { grid-template-columns: minmax(0,1fr); }
  ._textPanel_4er23_28 { max-height: 650px; }
  ._tagGroups_4er23_64 { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  ._page_4er23_1 { margin: 24px 16px; }
  ._header_4er23_2 h1 { font-size: 30px; }
  ._workspace_4er23_9 { grid-template-columns: minmax(0,1fr); }
  ._queue_4er23_7 { max-height: 250px; overflow: auto; }
  ._queueItem_4er23_18 strong { font-size: 14px; }
  ._textPanel_4er23_28, ._mediaPanel_4er23_30, ._tagsPanel_4er23_29 { padding: 12px; }
  ._gallery_4er23_44, ._tagGroups_4er23_64, ._timelineEntry_4er23_41 { grid-template-columns: minmax(0,1fr); }
  ._cropControls_4er23_79 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  ._page_4er23_1 input:not([type="checkbox"]), ._page_4er23_1 textarea { font-size: 16px; }
  ._page_4er23_1 ._titleInput_4er23_35 { font-size: 18px; }
  ._page_4er23_1 button, ._primary_4er23_14 { min-height: 44px; }
  ._textPanel_4er23_28 { max-height: none; }
  ._sourceDetails_4er23_61 > div { flex-direction: column; gap: 8px; }
}

._cropResult_4er23_106 { margin: 20px 0; text-align: center; }
._cropResult_4er23_106 > svg { display: block; width: 100%; max-height: 360px; margin: 0 auto 12px; }
._cropResult_4er23_106 figcaption { color: #d0c4ed; font-size: 14px; }

._queueHeader_4er23_11 h2 { font-size: 16px; }
._queueHeader_4er23_11 button { font-size: 14px; padding: 6px 8px; }
._header_4er23_2 > a { flex-shrink: 0; font-size: 14px; }

/* Long drafts, status explanations and form labels share the public UI scale. */
._page_4er23_1 { font-family: var(--sans); font-size: 16px; line-height: 1.6; }
._header_4er23_2 h1 { font-size: clamp(30px, 4vw, 42px); line-height: 1.15; }
._eyebrow_4er23_6 { font-size: 14px; line-height: 1.5; letter-spacing: 0; }
._page_4er23_1 button, ._primary_4er23_14 { min-height: 44px; font-size: 15px; line-height: 1.45; }
._page_4er23_1 label { font-size: 15px; line-height: 1.5; color: #d1d1da; }
._page_4er23_1 input:not([type='checkbox']), ._page_4er23_1 textarea, ._page_4er23_1 select { font-size: 16px; line-height: 1.6; }
._page_4er23_1 textarea { min-height: 100px; }
._page_4er23_1 ._titleInput_4er23_35 { font-size: 21px; line-height: 1.45; }
._queueItem_4er23_18 strong { font-size: 16px; line-height: 1.5; overflow-wrap: break-word; }
._queueItem_4er23_18 time, ._toolbar_4er23_24 p, ._muted_4er23_42, ._imageInfo_4er23_51 > span, ._sourceLinks_4er23_53,
._imageInfo_4er23_51 button, ._selection_4er23_57 span, ._sourceDetails_4er23_61 > div,
._queueHeader_4er23_11 button, ._header_4er23_2 > a { font-size: 14px; line-height: 1.5; }
._textPanel_4er23_28 { max-height: none; overflow: visible; }
._contentFieldset_4er23_27 { grid-template-columns: minmax(0, 1fr); }
._tagGroups_4er23_64 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
@media (min-width: 1100px) {
  ._workspace_4er23_9 { grid-template-columns: 300px minmax(0, 1fr); }
}
._page_1thpp_1 {
  --gta-accent: #644bee;
  --gta-pink: #d21a71;
  --gta-green: #74a32a;
  --gta-yellow: #ffc01e;
  --gta-canvas: #10111f;
  --gta-panel: #171829;
  --gta-panel-raised: #1d1e31;
  --gta-line: #2e3142;
  --gta-muted: #bcbccc;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 64px 40px 88px;
  color: #fff;
  background: #11131d;
  font-family: var(--mono);
}

._content_1thpp_20 {
  width: 100%;
  min-width: 0;
  margin: 0 auto;
}

._pageIntro_1thpp_26 {
  display: grid;
  min-height: 105px;
  padding: 24px 0;
  grid-template-columns: minmax(250px, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 48px;
}

._wordmark_1thpp_35 {
  position: relative;
  display: block;
  width: 254px;
  height: 58px;
  overflow: hidden;
}

._wordmark_1thpp_35 img {
  position: absolute;
  top: -76.4137px;
  left: -80.4137px;
  display: block;
  width: 415px;
  max-width: none;
  height: 219px;
}

._introCopy_1thpp_53 {
  max-width: 580px;
  margin: 0 0 0 auto;
  color: #bcbccc;
  font-size: 16px;
  line-height: 1.6;
  text-align: right;
  white-space: pre-line;
}

._sectionNavigation_1thpp_63 {
  display: flex;
  min-height: 58px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

._sectionNavigationLinks_1thpp_75 {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 4px;
}

._sectionNavigationLinks_1thpp_75 a,
._telegramCta_1thpp_85 {
  display: inline-flex;
  min-height: 44px;
  padding: 8px 14px;
  border-radius: 5px;
  color: #c6c6d4;
  font-family: var(--mono);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

._sectionNavigationLinks_1thpp_75 a:hover,
._sectionNavigationLinks_1thpp_75 a:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

._sectionNavigationLinks_1thpp_75 a._sectionNavigationActive_1thpp_107 {
  color: #fff;
  background: var(--gta-accent);
}

._telegramCta_1thpp_85 {
  font-family: var(--display);
  font-weight: 900;
  text-transform: uppercase;
  flex: 0 0 auto;
  color: #fff;
  background: var(--gta-accent);
  gap: 8px;
}

._landingBody_1thpp_122,
._guideSections_1thpp_123 {
  display: flex;
  padding: 20px 0 40px;
  flex-direction: column;
  gap: 20px;
}

._featuredHero_1thpp_130,
._featureCard_1thpp_131,
._latestCard_1thpp_132,
._guideCard_1thpp_133,
._relatedCard_1thpp_134 {
  color: inherit;
  text-decoration: none;
}

._featuredHero_1thpp_130 {
  position: relative;
  display: flex;
  min-height: 500px;
  overflow: hidden;
  border-radius: 10px;
  isolation: isolate;
  align-items: flex-end;
}

._featuredMedia_1thpp_149,
._featuredOverlay_1thpp_150 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

._featuredMedia_1thpp_149 {
  z-index: -2;
  object-fit: cover;
}

._featuredOverlay_1thpp_150 {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(9, 10, 17, 0.04) 30%, rgba(9, 10, 17, 0.9) 100%),
    linear-gradient(90deg, rgba(9, 10, 17, 0.32), transparent 55%);
}

._featuredCopy_1thpp_169 {
  display: flex;
  width: min(880px, 86%);
  padding: 28px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

._featuredTitle_1thpp_178,
._articleHeadline_1thpp_179 {
  margin: 0;
  font-family: var(--display);
  font-weight: 900;
  text-transform: uppercase;
}

._featureTitle_1thpp_186,
._latestTitle_1thpp_187,
._guideCardTitle_1thpp_188,
._articleBodyHeading_1thpp_189,
._sidebarHeading_1thpp_190,
._discussionHeader_1thpp_191,
._sectionTitle_1thpp_192,
._guideSectionHeading_1thpp_193 {
  margin: 0;
  font-family: var(--display);
  font-weight: 900;
  line-height: 1.35;
  text-transform: uppercase;
}

._featuredTitle_1thpp_178 {
  max-width: 850px;
  font-size: 38px;
  line-height: 1.15;
}

._featuredSummary_1thpp_207 {
  max-width: 820px;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 17px;
  line-height: 1.6;
}

._storyMeta_1thpp_215 {
  display: flex;
  min-height: 24px;
  min-width: 0;
  flex-wrap: wrap;
  color: #bcbccc;
  font-size: 14px;
  line-height: 1.45;
  align-items: center;
  gap: 8px;
}

._badge_1thpp_227 {
  display: inline-flex;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 4px;
  color: #fff;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  align-items: center;
  justify-content: center;
  text-transform: none;
}

._badgeEditor_1thpp_242 {
  color: #e7d8b0;
  background: #383226;
}

._badgeGuide_1thpp_247 {
  color: #d3d6e1;
  background: #282c3c;
}

._badgeOfficial_1thpp_252 {
  color: #ded5ff;
  background: #302846;
}

._badgeRumor_1thpp_257 {
  color: #e7d8b0;
  background: #383226;
}

._featureGrid_1thpp_262 {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

._featureCard_1thpp_131 {
  display: grid;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--gta-line);
  border-radius: 10px;
  background: #181a26;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  transition: border-color 180ms ease, transform 180ms ease;
}

._featureImage_1thpp_279 {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}

._featureCopy_1thpp_286 {
  display: flex;
  min-width: 0;
  padding: 26px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
}

._featureTitle_1thpp_186 {
  font-size: 22px;
  line-height: 1.2;
}

._featureSummary_1thpp_301,
._latestSummary_1thpp_302,
._guideCardSummary_1thpp_303 {
  margin: 0;
  color: var(--gta-muted);
  font-size: 16px;
  line-height: 1.6;
}

._cardArrow_1thpp_310 {
  display: inline-flex;
  width: 32px;
  height: 32px;
  margin-top: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

._latestGrid_1thpp_321,
._storyGrid_1thpp_322 {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

._latestCard_1thpp_132,
._guideCard_1thpp_133 {
  display: flex;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--gta-line);
  border-radius: 10px;
  background: #181a26;
  flex-direction: column;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

._latestImage_1thpp_340,
._guideCardImage_1thpp_341 {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

._latestCopy_1thpp_348,
._guideCardBody_1thpp_349 {
  display: flex;
  min-height: 0;
  padding: 22px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}

._latestTitle_1thpp_187,
._guideCardTitle_1thpp_188 {
  font-size: 20px;
  line-height: 1.2;
}

._latestCard_1thpp_132:hover,
._latestCard_1thpp_132:focus-visible,
._guideCard_1thpp_133:hover,
._guideCard_1thpp_133:focus-visible,
._featureCard_1thpp_131:hover,
._featureCard_1thpp_131:focus-visible,
._relatedCard_1thpp_134:hover,
._relatedCard_1thpp_134:focus-visible {
  border-color: rgba(100, 75, 238, 0.65);
  box-shadow: 0 18px 55px rgba(3, 3, 8, 0.16);
  transform: translateY(-2px);
}

._filtersPanel_1thpp_377,
._filterControls_1thpp_378 {
  display: contents;
}

._filtersToggle_1thpp_382,
._filtersApply_1thpp_383 {
  display: none;
}

._newsToolbar_1thpp_387 {
  display: flex;
  min-height: 66px;
  margin-top: 20px;
  padding: 12px;
  border: 1px solid var(--gta-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

._filterGroup_1thpp_400 {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

._filterButton_1thpp_408 {
  display: inline-flex;
  min-height: 38px;
  padding: 0 17px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.48);
  background: transparent;
  font-family: var(--display);
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  transition: color 160ms ease, background-color 160ms ease;
}

._filterButton_1thpp_408:hover,
._filterButton_1thpp_408:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

._filterButtonActive_1thpp_432 {
  color: #fff;
  background: var(--gta-pink);
}

._sortField_1thpp_437 {
  display: flex;
  width: 240px;
  min-width: 220px;
  max-width: 100%;
  padding: 12px;
  border: 1px solid var(--gta-line);
  border-radius: 5px;
  background: #18192b;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
}

._sortField_1thpp_437 > span:first-child {
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--display);
  font-size: 11px;
}

._sortField_1thpp_437 > span:last-child {
  width: 100%;
  min-width: 0;
}

._guideSections_1thpp_123 {
  padding-top: 8px;
  gap: 24px;
}

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

._guideSectionHeader_1thpp_473 {
  display: flex;
  min-height: 30px;
  padding-left: 13px;
  border-left: 3px solid var(--section-accent, var(--gta-accent));
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

._guideSectionHeading_1thpp_193 {
  font-size: 26px;
  line-height: 1.2;
}

._guideSectionLink_1thpp_488 {
  display: inline-flex;
  padding: 8px 0;
  border: 0;
  color: #bcbccc;
  background: transparent;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  align-items: center;
  gap: 7px;
  text-transform: uppercase;
  transition: color 160ms ease;
}

._guideSectionLink_1thpp_488:hover,
._guideSectionLink_1thpp_488:focus-visible {
  color: #fff;
}

._guideCardBody_1thpp_349 {
  min-height: 0;
  padding: 18px 20px 20px;
}

._guideCardImage_1thpp_341 {
  height: 176px;
}

._emptyState_1thpp_519,
._notFound_1thpp_520 {
  display: flex;
  min-height: 400px;
  padding: 48px;
  border: 1px solid var(--gta-line);
  border-radius: 12px;
  background: rgba(20, 21, 36, 0.9);
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
}

._emptyState_1thpp_519 a,
._notFound_1thpp_520 a {
  display: inline-flex;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 5px;
  color: #fff;
  background: var(--gta-accent);
  font-family: var(--display);
  font-size: 12px;
  align-items: center;
  text-decoration: none;
}

._articleContent_1thpp_548 {
  display: flex;
  padding: 0 0 64px;
  flex-direction: column;
  gap: 28px;
}

._articleHeader_1thpp_555 {
  display: flex;
  min-height: 0;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 12px;
  background: rgba(20, 21, 36, 0.82);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 20px;
}

._articleHeadline_1thpp_179 {
  max-width: 1220px;
  overflow-wrap: normal;
  word-break: normal;
  font-size: 52px;
  line-height: 1.15;
}

._articleMetaLine_1thpp_576 {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  color: #bcbccc;
  font-size: 15px;
  line-height: 1.45;
  text-transform: uppercase;
}

._articleAuthorAvatar_1thpp_588 {
  position: relative;
  display: inline-flex;
  width: 32px;
  height: 32px;
}

._articleAuthorAvatar_1thpp_588 > img:first-child {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

._articleAvatarRing_1thpp_602 {
  position: absolute;
  right: 0;
  bottom: 1px;
}

._articleAuthorName_1thpp_608 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

._articleHero_1thpp_614 {
  display: block;
  width: 100%;
  height: 640px;
  border-radius: 10px;
  object-fit: cover;
}

._articleLayout_1thpp_622 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  justify-content: space-between;
  gap: 40px;
}

._articleBody_1thpp_189 {
  min-width: 0;
}

._articleBody_1thpp_189 figure {
  margin: 0;
}

._articleBody_1thpp_189 p,
._articleLead_1thpp_638 {
  margin: 0 0 24px;
  color: #d5d5df;
  font-size: 18px;
  line-height: 1.6;
}

._articleLead_1thpp_638 {
  color: #d5d5df;
  font-size: 18px;
}

._articleBodyHeading_1thpp_189 {
  margin: 34px 0 16px;
  font-size: 28px;
  line-height: 1.2;
}

._articleImage_1thpp_656 {
  display: block;
  width: 100%;
  max-height: 470px;
  margin: 24px 0 8px;
  border-radius: 8px;
  object-fit: cover;
}

._articleCaption_1thpp_665 {
  display: block;
  margin-bottom: 26px;
  color: #bcbccc;
  font-size: 14px;
  line-height: 1.5;
}

._articleQuote_1thpp_673 {
  margin: 30px 0;
  padding: 24px 28px;
  border-left: 3px solid var(--gta-pink);
  border-radius: 0 8px 8px 0;
  background: rgba(255, 255, 255, 0.025);
}

._articleQuote_1thpp_673 p {
  margin: 0;
  color: #d5d5df;
  font-size: 18px;
  line-height: 1.6;
}

._articleQuoteAuthor_1thpp_688 {
  display: block;
  margin-top: 14px;
  color: #dd9abb;
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
}

._articleSummaryBox_1thpp_698 {
  margin: 24px 0;
  padding: 24px;
  border: 1px solid #3a4052;
  border-radius: 8px;
  background: #202432;
}

._articleSummaryBox_1thpp_698 h2 {
  margin: 0 0 14px;
  font-family: var(--sans);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.4;
  text-transform: none;
}

._articleSummaryList_1thpp_715 {
  display: grid;
  padding: 0 0 0 18px;
  margin: 0;
  color: #d5d5df;
  font-size: 18px;
  line-height: 1.6;
  gap: 8px;
}

._articleShare_1thpp_725 {
  display: flex;
  min-height: 54px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--gta-line);
  color: #bcbccc;
  font-size: 14px;
  line-height: 1.5;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-transform: uppercase;
}

._articleShare_1thpp_725 h2,
._discussionHeader_1thpp_191 h2 {
  margin: 0;
  font-family: var(--display);
  font-size: inherit;
  font-weight: 900;
}

._shareLinks_1thpp_748 {
  display: flex;
  align-items: center;
  gap: 7px;
}

._shareLink_1thpp_748 {
  display: inline-flex;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.68);
  background: transparent;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  transition: border-color 160ms ease, color 160ms ease;
}

._shareLink_1thpp_748:hover,
._shareLink_1thpp_748:focus-visible {
  border-color: var(--gta-accent);
  color: #fff;
}

._articleSidebar_1thpp_778 {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 24px;
}

._sidebarHeading_1thpp_190 {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gta-line);
  font-size: 24px;
  line-height: 1.2;
}

._relatedList_1thpp_792 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._relatedCard_1thpp_134 {
  display: grid;
  min-height: 96px;
  overflow: hidden;
  border: 1px solid var(--gta-line);
  border-radius: 8px;
  background: rgba(20, 21, 36, 0.86);
  grid-template-columns: 112px minmax(0, 1fr);
  transition: border-color 160ms ease, transform 160ms ease;
}

._relatedImage_1thpp_809 {
  width: 112px;
  height: 100%;
  min-height: 96px;
  object-fit: cover;
}

._relatedCopy_1thpp_816 {
  display: flex;
  min-width: 0;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

._relatedCopy_1thpp_816 strong {
  display: -webkit-box;
  overflow: hidden;
  font-family: var(--display);
  font-weight: 900;
  font-size: 16px;
  line-height: 1.45;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

._telegramPanel_1thpp_837 {
  display: flex;
  min-height: 0;
  padding: 24px;
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(145deg, #694fff 0%, #4e38ca 100%);
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

._telegramPanel_1thpp_837 h2 {
  margin: 0;
  font-family: var(--sans);
  font-weight: 900;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
}

._telegramPanel_1thpp_837 p {
  font-family: var(--sans);
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 16px;
  line-height: 1.6;
}

._telegramIcon_1thpp_866 {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
}

._telegramIconLayer_1thpp_873 {
  position: absolute;
  inset: 0;
  display: block;
  width: 25px;
  height: 25px;
}

._telegramForm_1thpp_881 {
  display: flex;
  width: 100%;
  margin-top: auto;
  gap: 6px;
}

._telegramHandle_1thpp_888 {
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 0;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  color: #fff;
  background: rgba(16, 12, 49, 0.2);
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1.4;
  flex: 1;
}

._telegramHandle_1thpp_888:hover {
  background: rgba(16, 12, 49, 0.35);
}

._telegramHandle_1thpp_888:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

._telegramButton_1thpp_914 {
  display: inline-flex;
  min-width: 94px;
  min-height: 44px;
  padding: 8px 14px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: #17142c;
  font-family: var(--mono);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
}

._categoryList_1thpp_934 {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

._categoryChip_1thpp_940 {
  display: inline-flex;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(100, 75, 238, 0.45);
  border-radius: 999px;
  color: #b8aefe;
  background: rgba(100, 75, 238, 0.08);
  font-family: var(--display);
  font-size: 9px;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
}

._discussion_1thpp_191 {
  display: flex;
  padding-top: 26px;
  border-top: 1px solid var(--gta-line);
  flex-direction: column;
  gap: 18px;
}

._discussionHeader_1thpp_191 {
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}

._commentComposer_1thpp_970 {
  display: grid;
  min-height: 112px;
  padding: 20px;
  border: 1px solid var(--gta-line);
  border-radius: 8px;
  background: rgba(20, 21, 36, 0.76);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 20px;
}

._loginPrompt_1thpp_982 {
  display: flex;
  min-height: 92px;
  padding: 18px 20px;
  border: 1px solid var(--gta-line);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.52);
  background: rgba(20, 21, 36, 0.76);
  font-size: 11px;
  line-height: 1.5;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

._loginPrompt_1thpp_982 p {
  margin: 0;
}

._commentComposer_1thpp_970 label {
  grid-column: 1 / -1;
  color: rgba(255, 255, 255, 0.55);
  font-family: var(--display);
  font-size: 10px;
  text-transform: uppercase;
}

._commentComposer_1thpp_970 textarea {
  width: 100%;
  min-height: 92px;
  padding: 13px 14px;
  resize: vertical;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  outline: 0;
  color: #fff;
  background: rgba(8, 9, 17, 0.45);
  font-size: 11px;
  line-height: 1.55;
}

._commentComposer_1thpp_970 textarea:focus {
  border-color: var(--gta-accent);
}

._loginButton_1thpp_1027 {
  display: inline-flex;
  min-height: 38px;
  padding: 0 18px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: var(--gta-pink);
  font-family: var(--display);
  font-size: 10px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: uppercase;
}

._loginButton_1thpp_1027:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

._sectionTitle_1thpp_192 {
  font-size: 22px;
}

._archiveLink_1thpp_1053 {
  display: inline-flex;
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid var(--gta-line);
  border-radius: 5px;
  color: #fff;
  background: var(--gta-panel-raised);
  font-family: var(--display);
  font-size: 14px;
  text-decoration: none;
  align-items: center;
  align-self: flex-start;
  gap: 12px;
}

._archiveLink_1thpp_1053:hover,
._archiveLink_1thpp_1053:focus-visible {
  border-color: var(--gta-accent);
  outline-color: #8b7aff;
}

/* The shared app canvas is the same sizing reference as NewsPages. */
._landingPage_1thpp_1076,
._newsPage_1thpp_1077,
._articlePage_1thpp_1078 {
  box-sizing: border-box;
}

._featureGrid_1thpp_262 > div,
._latestGrid_1thpp_321 > div,
._storyGrid_1thpp_322 > div,
._relatedList_1thpp_792 > div {
  display: flex;
  min-width: 0;
}

._featureGrid_1thpp_262 > div > a,
._latestGrid_1thpp_321 > div > a,
._storyGrid_1thpp_322 > div > a,
._relatedList_1thpp_792 > div > a {
  width: 100%;
  flex: 1;
}

._latestCopy_1thpp_348,
._guideCardBody_1thpp_349 {
  min-width: 0;
  flex: 1;
}

._featureTitle_1thpp_186,
._latestTitle_1thpp_187,
._guideCardTitle_1thpp_188 {
  overflow-wrap: normal;
  word-break: normal;
}

._featureSummary_1thpp_301,
._latestSummary_1thpp_302,
._guideCardSummary_1thpp_303 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

._featuredHero_1thpp_130:focus-visible,
._featureCard_1thpp_131:focus-visible,
._latestCard_1thpp_132:focus-visible,
._guideCard_1thpp_133:focus-visible,
._relatedCard_1thpp_134:focus-visible,
._sectionNavigation_1thpp_63 a:focus-visible,
._filterButton_1thpp_408:focus-visible,
._shareLink_1thpp_748:focus-visible,
._guideSectionLink_1thpp_488:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

._telegramCta_1thpp_85:hover,
._telegramCta_1thpp_85:focus-visible,
._telegramButton_1thpp_914:hover,
._telegramButton_1thpp_914:focus-visible,
._loginButton_1thpp_1027:hover,
._loginButton_1thpp_1027:focus-visible {
  background: #765fff;
}

@container app-canvas (max-width: 1919px) {
  ._page_1thpp_1 {
    min-height: 0;
    padding: 36px 24px 44px;
  }

  ._pageIntro_1thpp_26 {
    padding: 0 0 24px;
    gap: 24px;
  }

  ._articleHeadline_1thpp_179 {
    font-size: 48px;
  }

  ._articleLayout_1thpp_622 {
    gap: 28px;
  }

  ._articleHero_1thpp_614 {
    height: min(45cqw, 640px);
  }
}

@container app-canvas (max-width: 1180px) {
  ._featureGrid_1thpp_262 {
    grid-template-columns: 1fr;
  }

  ._featureCard_1thpp_131,
  ._featureImage_1thpp_279 {
    min-height: 390px;
  }

  ._featureCopy_1thpp_286 {
    padding: 28px;
  }

  ._newsToolbar_1thpp_387 {
    align-items: stretch;
    flex-direction: column;
  }

  ._sortField_1thpp_437 {
    width: 100%;
  }
}

@container app-canvas (max-width: 1100px) {
  ._latestGrid_1thpp_321,
  ._storyGrid_1thpp_322 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._featuredHero_1thpp_130 {
    min-height: 460px;
  }

}

@container app-canvas (max-width: 760px) {
  ._filtersPanel_1thpp_377 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }

  ._filtersToggle_1thpp_382,
  ._filtersApply_1thpp_383 {
    display: flex;
    min-width: 0;
    min-height: 48px;
    padding: 12px;
    border: 1px solid var(--gta-line);
    border-radius: 8px;
    color: #fff;
    background: var(--gta-panel-raised);
    font-family: var(--mono);
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
  }

  ._filtersToggle_1thpp_382 {
    grid-area: 1 / 1 / 2 / -1;
    scroll-margin-top: 136px;
  }

  ._filtersPanel_1thpp_377:has(._filtersReset_1thpp_1234) ._filtersToggle_1thpp_382 {
    grid-column-end: 2;
  }

  ._filtersToggle_1thpp_382:focus-visible,
  ._filtersApply_1thpp_383:focus-visible {
    outline: 2px solid #a99aff;
    outline-offset: 3px;
  }

  ._filterControls_1thpp_378 {
    display: none;
    grid-area: 2 / 1 / 3 / -1;
  }

  ._filterControls_1thpp_378._filtersExpanded_1thpp_1249 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  ._filterControls_1thpp_378 ._newsToolbar_1thpp_387 {
    margin-top: 0;
  }

  ._filtersApply_1thpp_383 {
    justify-content: center;
    background: var(--gta-accent);
  }

  ._filtersReset_1thpp_1234 {
    grid-area: 1 / 2;
    min-height: 48px;
    padding: 0 8px;
    align-self: center;
  }

  ._newsPage_1thpp_1077 ._guideSections_1thpp_123 {
    padding-top: 0;
  }

  ._page_1thpp_1 {
    padding: 22px 12px 32px;
  }

  ._pageIntro_1thpp_26 {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  ._introCopy_1thpp_53 {
    margin: 0;
    text-align: left;
  }

  ._sectionNavigation_1thpp_63 {
    width: 100%;
    overflow-x: auto;
    align-items: stretch;
    scrollbar-width: none;
    gap: 12px;
  }

  ._sectionNavigation_1thpp_63::-webkit-scrollbar {
    display: none;
  }

  ._sectionNavigationLinks_1thpp_75 {
    flex: 0 0 auto;
  }

  ._sectionNavigationLinks_1thpp_75 a,
  ._telegramCta_1thpp_85 {
    padding: 0 16px;
    font-size: 11px;
  }

  ._featureGrid_1thpp_262,
  ._latestGrid_1thpp_321,
  ._storyGrid_1thpp_322 {
    grid-template-columns: 1fr;
  }

  ._featuredHero_1thpp_130 {
    min-height: 430px;
  }

  ._featuredCopy_1thpp_169 {
    width: 100%;
    padding: 22px;
  }

  ._featuredTitle_1thpp_178 {
    font-size: clamp(28px, 8cqw, 36px);
  }

  ._articleContent_1thpp_548 {
    padding-bottom: 32px;
    gap: 22px;
  }

  ._articleHeader_1thpp_555 {
    min-height: 0;
    padding: 20px;
  }

  ._articleHeadline_1thpp_179 {
    font-size: clamp(28px, 6cqw, 36px);
  }

  ._articleHero_1thpp_614 {
    height: 54cqw;
    min-height: 210px;
  }

  ._articleSidebar_1thpp_778 {
    display: flex;
  }

  ._articleQuote_1thpp_673,
  ._articleSummaryBox_1thpp_698 {
    padding: 20px;
  }

  ._notFound_1thpp_520 {
    min-height: 300px;
    padding: 24px;
  }
}

@container app-canvas (max-width: 520px) {
  ._wordmark_1thpp_35 {
    transform: scale(0.88);
    transform-origin: left center;
  }

  ._landingBody_1thpp_122,
  ._guideSections_1thpp_123 {
    padding-bottom: 28px;
  }

  ._featuredSummary_1thpp_207 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  ._featureCard_1thpp_131 {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }

  ._featureImage_1thpp_279 {
    height: 280px;
    min-height: 280px;
  }

  ._featureCopy_1thpp_286 {
    min-height: 0;
    padding: 22px;
    flex: 1;
  }

  ._latestImage_1thpp_340,
  ._guideCardImage_1thpp_341 {
    height: 200px;
  }

  ._latestCopy_1thpp_348,
  ._guideCardBody_1thpp_349 {
    min-height: 0;
    padding: 20px;
  }

  ._filterGroup_1thpp_400 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._filterButton_1thpp_408 {
    width: 100%;
    padding: 0 10px;
  }

  ._guideSectionHeader_1thpp_473 {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  ._articleShare_1thpp_725 {
    align-items: flex-start;
    flex-direction: column;
  }

  ._shareLinks_1thpp_748 {
    width: 100%;
    flex-wrap: wrap;
  }

  ._shareLink_1thpp_748 {
    min-height: 44px;
    justify-content: center;
  }

  ._telegramForm_1thpp_881 {
    flex-direction: column;
  }

  ._telegramButton_1thpp_914 {
    width: 100%;
  }

  ._loginButton_1thpp_1027 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._featureCard_1thpp_131,
  ._latestCard_1thpp_132,
  ._guideCard_1thpp_133,
  ._relatedCard_1thpp_134,
  ._telegramCta_1thpp_85,
  ._telegramButton_1thpp_914,
  ._loginButton_1thpp_1027 {
    transition: none;
  }
}

/* Keep article columns at two thirds and one third until they need to stack. */
._articleLayout_1thpp_622 { gap: 24px; align-items: start; }
._articleBody_1thpp_189 > :is(p, h2, blockquote, ._articleSummaryBox_1thpp_698) { max-width: 72ch; }
._articleBody_1thpp_189 :is(p, h2, li) { overflow-wrap: normal; word-break: normal; }
._articleSummaryBox_1thpp_698 > ol { padding-left: 24px; font-size: 18px; line-height: 1.6; color: #d5d5df; }
._articleSummaryBox_1thpp_698 time { display: block; margin-bottom: 8px; color: #bcbccc; font-size: 14px; }
._articleSummaryBox_1thpp_698 li + li { margin-top: 16px; }
._articleSummaryBox_1thpp_698 li p { margin-bottom: 0; }
._articleShare_1thpp_725 { flex-wrap: wrap; }
._shareLinks_1thpp_748 { flex-wrap: wrap; }
._relatedCopy_1thpp_816 strong { display: block; overflow: visible; text-transform: none; -webkit-line-clamp: unset; }
._relatedCard_1thpp_134 { grid-template-columns: 88px minmax(0, 1fr); }
._relatedImage_1thpp_809 { width: 88px; }
._relatedCopy_1thpp_816 ._storyMeta_1thpp_215 { gap: 6px; }
._telegramForm_1thpp_881 { flex-wrap: wrap; }
._telegramHandle_1thpp_888 { min-width: 120px; }
._sectionNavigation_1thpp_63 { flex-wrap: wrap; gap: 12px; }
._sectionNavigationLinks_1thpp_75 { height: auto; }
._sectionNavigationLinks_1thpp_75 a { flex-shrink: 0; white-space: nowrap; }
._featureTitle_1thpp_186, ._latestTitle_1thpp_187, ._guideCardTitle_1thpp_188 { line-height: 1.35; }
._featureCard_1thpp_131, ._featureImage_1thpp_279, ._featureCopy_1thpp_286, ._latestCopy_1thpp_348, ._guideCardBody_1thpp_349 { min-height: 0; }
._featureImage_1thpp_279 { height: 100%; min-height: 240px; }
._featureSummary_1thpp_301, ._latestSummary_1thpp_302, ._guideCardSummary_1thpp_303 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@container app-canvas (max-width: 1023px) {
  ._articleLayout_1thpp_622 { grid-template-columns: minmax(0, 1fr); }
  ._articleSidebar_1thpp_778 { display: flex; }
}
@container app-canvas (max-width: 760px) {
  ._sectionNavigation_1thpp_63 { overflow: visible; align-items: stretch; }
  ._sectionNavigationLinks_1thpp_75 { width: 100%; flex: 1 1 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
  ._sectionNavigationLinks_1thpp_75 a, ._telegramCta_1thpp_85 { padding: 8px 12px; font-size: 14px; }
  ._telegramCta_1thpp_85 { align-self: flex-start; }
  ._articleHeadline_1thpp_179 { font-size: clamp(28px, 6cqw, 36px); line-height: 1.2; }
  ._articleBodyHeading_1thpp_189 { font-size: 25px; }
  ._articleContent_1thpp_548 { gap: 20px; }
}
@container app-canvas (max-width: 520px) {
  ._featureImage_1thpp_279 { height: 240px; }
  ._featureCopy_1thpp_286 { min-height: 0; }
}

/* Figma typefaces retain the responsive spacing and native text sizes. */
._articleShare_1thpp_725 h2, ._discussionHeader_1thpp_191 h2, ._archiveLink_1thpp_1053, ._filterButton_1thpp_408 {
  font-family: var(--display); font-weight: 900; line-height: 1.4; text-transform: uppercase;
}
._filterButton_1thpp_408 { font-size: 15px; }
._articleHeadline_1thpp_179, ._featuredTitle_1thpp_178 { line-height: 1.2; }
._featureCopy_1thpp_286, ._latestCopy_1thpp_348, ._guideCardBody_1thpp_349 { padding: 18px; gap: 10px; }
._latestImage_1thpp_340, ._guideCardImage_1thpp_341 { height: 160px; }
._guideSectionHeading_1thpp_193, ._sidebarHeading_1thpp_190 { font-size: 22px; line-height: 1.35; }
._articleBodyHeading_1thpp_189 { font-family: var(--sans); font-weight: 800; line-height: 1.35; }
@container app-canvas (max-width: 520px) {
  ._featureImage_1thpp_279 { height: 190px; min-height: 190px; }
}

._newsPage_1thpp_1077 [aria-label="Фильтры новостей"] { margin-bottom: 0; }
._newsPage_1thpp_1077 ._guideSections_1thpp_123 { padding-top: 0; }

._sectionNavigationLinks_1thpp_75 a { font-weight: 400; }
._articleSummaryBox_1thpp_698 h2 { text-transform: uppercase; }
/*! Locally hosted font files; license notices are retained with the source. */

/* Inter is distributed under SIL OFL; see assets/fonts/inter-OFL.txt. */
@font-face {
  font-family: "Inter";
  src: url("/assets/inter-variable-VF2RPR_K.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* Rubik is distributed under SIL OFL; see assets/fonts/rubik-OFL.txt. */
@font-face {
  font-family: "Rubik";
  src: url("/assets/rubik-variable-Ck5Bp0l0.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/jetbrains-mono--VKQJH3W.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

@font-face {
  font-family: "Druk Text LCG";
  src: url("/assets/druk-text-super-CfjOCN7H.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Druk Text LCG";
  src: url("/assets/druk-text-super-italic-dqXhI7kP.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "TT Norms Std Condensed";
  src: url("/assets/tt-norms-std-condensed-regular-BYEp2ahp.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "TT Norms Std Condensed";
  src: url("/assets/tt-norms-std-condensed-medium-CcnRE9vs.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "TT Norms Std Condensed";
  src: url("/assets/tt-norms-std-condensed-bold-CpUa-O4v.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "TT Norms Std Condensed";
  src: url("/assets/tt-norms-std-condensed-black-whVl0auu.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  color: #ffffff;
  background: #101010;
  font-family: var(--sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --accent: #644bee;
  --accent-bright: #754fff;
  --accent-text: #927fff;
  --canvas: #101010;
  --panel: #151515;
  --card: #1b1b1b;
  --line: #2c2c2c;
  --muted: #c4c4ce;
  --quiet: #aaaab7;
  --sans: 'Rubik', Arial, Helvetica, sans-serif;
  --ui: 'Inter', Arial, Helvetica, sans-serif;
  --display: 'Druk Text LCG', 'Arial Narrow', sans-serif;
  --mono: 'JetBrains Mono', monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  scroll-behavior: smooth;
  background: var(--canvas);
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--canvas);
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a,
select {
  -webkit-tap-highlight-color: transparent;
}

button {
  color: inherit;
}

button:focus-visible,
a:focus-visible,
select:focus-visible,
.panel-carousel:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#root {
  min-height: 100vh;
}

.scale-stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  overflow: clip;
  background: var(--canvas);
}

#app {
  position: relative;
  container-name: app-canvas;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 1920px;
  height: auto;
  min-height: 100dvh;
  margin: 0 auto;
  overflow: hidden;
  background: var(--canvas);
  transform-origin: top left;
  will-change: transform;
}

#app.page-shell-dynamic {
  display: flex;
  height: auto;
  min-height: 1280px;
  overflow: hidden;
  flex-direction: column;
}

.scale-stage-responsive {
  min-height: 100vh;
  overflow: visible;
}

#app.page-shell-responsive {
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
  overflow: visible;
  background: #0d0f13;
  will-change: auto;
}

.page-shell-responsive .site-header {
  position: sticky;
  top: 0;
  display: grid;
  width: 100%;
  height: 74px;
  padding: 0 32px;
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(15, 17, 22, 0.9);
  backdrop-filter: blur(18px);
  grid-template-columns: 220px minmax(420px, 660px) 220px;
  justify-content: space-between;
}

.page-shell-responsive .brand-button {
  padding-left: 0;
}

.page-shell-responsive .main-navigation {
  height: 73px;
}

.page-shell-responsive .main-navigation a {
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 650;
}

.page-shell-responsive .connect-button {
  width: 180px;
  height: 42px;
  margin: 15px 0 0 auto;
  border-radius: 11px;
  font-family: var(--sans);
  font-size: 12px;
}

.page-shell-responsive .site-footer {
  display: flex;
  width: 100%;
  height: 88px;
  min-height: 88px;
  padding: 0 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.page-shell-responsive .age-mark,
.page-shell-responsive .legal-links,
.page-shell-responsive .social-links {
  position: static;
}

.page-shell-responsive .legal-links {
  width: auto;
  height: auto;
  margin: 0 auto;
}

.page-shell-responsive .social-links {
  width: auto;
  height: 26px;
  flex: 0 0 auto;
}

.page-shell-dynamic .site-footer {
  margin-top: auto;
  flex: 0 0 100px;
}

.site-header {
  position: relative;
  z-index: 20;
  display: grid;
  width: 100%;
  height: 85px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: var(--panel);
  font-family: var(--mono);
  grid-template-columns: 448px 1024px 448px;
}

.brand-button {
  display: flex;
  width: max-content;
  margin: 0;
  padding: 0 0 0 39px;
  border: 0;
  background: transparent;
  cursor: pointer;
  align-items: center;
}

.brand-button img {
  display: block;
  width: 180.94px;
  max-width: 100%;
  height: 39.04px;
}

.main-navigation {
  display: grid;
  min-width: 0;
  height: 84px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.main-navigation a {
  position: relative;
  display: flex;
  padding: 0;
  border: 0;
  background: transparent;
  color: #a8a8b3;
  font-family: var(--mono);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.main-navigation a::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: var(--accent);
  content: '';
  opacity: 0;
  transform: scaleX(0.65);
  transition: opacity 160ms ease, transform 160ms ease;
}

.main-navigation a.active {
  color: #fff;
}

.main-navigation a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.connect-button {
  display: inline-flex;
  width: 268px;
  height: 45px;
  margin: 19px 39px 0 auto;
  padding: 0 25px;
  border: 0;
  border-radius: 5px;
  background: var(--accent);
  color: #fff;
  font-family: var(--display);
  font-size: 14px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: background 160ms ease, transform 160ms ease;
}

.connect-button:hover,
.battlepass-cta:hover {
  background: var(--accent-bright);
}

.connect-button:active,
.battlepass-cta:active {
  transform: translateY(1px);
}

.site-main {
  font-family: var(--mono);
}

.top-grid {
  position: relative;
  z-index: 1;
  display: grid;
  height: 638px;
  margin: 34px 42px 0 38px;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.panel {
  min-width: 0;
  border-radius: 10px;
  background: var(--panel);
}

.news-panel,
.match-panel,
.battlepass-panel {
  height: 638px;
  overflow: hidden;
}

.section-header {
  display: flex;
  height: 75px;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.section-header h2 {
  margin: 0;
  color: #fff;
  font-family: var(--display);
  font-size: 24px;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0;
}

.match-panel .section-header h2 {
  transform: none;
}

.select-field {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
}

.select-field select {
  width: 137px;
  height: 35px;
  padding: 0 32px 0 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
  appearance: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 400;
  cursor: pointer;
}

.select-field svg {
  position: absolute;
  right: 10px;
  color: rgba(255, 255, 255, 0.15);
  pointer-events: none;
}

.panel-carousel {
  position: relative;
  height: 563px;
  padding: 10px 20px 20px;
}

.panel-carousel > div {
  height: 100%;
}

.panel-carousel ul {
  gap: 10px;
}

.panel-carousel > button {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.panel-carousel > button:focus-visible {
  right: 8px;
  z-index: 9;
  width: 32px;
  height: 32px;
  margin: 0;
  overflow: visible;
  clip: auto;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(16, 16, 16, 0.92);
  white-space: normal;
}

.panel-carousel > button:first-of-type:focus-visible {
  top: 8px;
}

.panel-carousel > button:last-of-type:focus-visible {
  bottom: 8px;
}

.news-card,
.match-card {
  position: relative;
  display: flex;
  width: 100%;
  height: 125px;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease;
}

.news-card {
  color: inherit;
  text-decoration: none;
}

.news-card-shell {
  position: relative;
  min-width: 0;
}

.news-not-interested-button {
  display: inline-flex;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(16, 16, 16, 0.9);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.news-not-interested-button:hover:not(:disabled) {
  border-color: rgba(146, 127, 255, 0.9);
  color: #fff;
}

.news-not-interested-button:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

.news-not-interested-button:disabled {
  border-color: rgba(100, 75, 238, 0.48);
  color: #c7bdff;
  background: rgba(35, 29, 67, 0.94);
  cursor: default;
}

.news-card:hover,
.match-card:hover,
.ambassador-card:hover,
.faq-item:hover {
  border-color: rgba(100, 75, 238, 0.72);
}

.news-card:hover,
.match-card:hover {
  transform: translateY(-1px);
}

.news-card-copy {
  position: relative;
  z-index: 2;
  display: flex;
  width: 360px;
  height: 100%;
  padding: 20px;
  flex-direction: column;
}

.news-meta {
  display: flex;
  height: 25px;
  min-width: 0;
  color: #a8a8b3;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.runner-mark {
  display: inline-flex;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  align-items: center;
  justify-content: center;
}

.runner-mark img {
  display: block;
  width: 13px;
  height: 14px;
}

.news-chip {
  display: inline-flex;
  height: 25px;
  padding: 0 10px;
  border-radius: 13px;
  background: rgba(100, 75, 238, 0.14);
  color: var(--accent);
  font-family: var(--display);
  font-size: 12px;
  font-weight: 900;
  line-height: normal;
  align-items: center;
}

.news-chip-video {
  color: #ff7669;
  background: rgba(255, 118, 105, 0.12);
}

.news-chip-interview {
  color: #65c6ff;
  background: rgba(101, 198, 255, 0.12);
}

.news-card-copy strong {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: block;
  width: 340px;
  margin: 0;
  color: #fff;
  font-family: var(--mono);
  font-size: 16px;
  font-weight: 800;
  line-height: 21px;
  letter-spacing: 0;
  white-space: pre-line;
}

.news-card > img {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 125px;
  object-fit: cover;
}

.news-card::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 340px;
  z-index: 1;
  width: 45px;
  background: linear-gradient(90deg, var(--card), transparent);
  content: '';
  pointer-events: none;
}

.match-tabs {
  display: grid;
  width: 560px;
  height: 35px;
  margin: 0 20px 10px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  background: #171717;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.match-tabs button {
  padding: 0 6px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.04);
  background: transparent;
  color: #fff;
  font-family: var(--display);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

.match-tabs button:last-child {
  border-right: 0;
}

.match-tabs button.active {
  background: var(--accent);
  color: #fff;
}

.matches-carousel {
  height: 518px;
}

.matches-carousel .match-card {
  height: 125px;
}

.match-card {
  display: grid;
  padding: 20px;
  grid-template-columns: minmax(0, 1fr) 200px;
  align-items: center;
  gap: 0;
}

.match-information {
  display: block;
  min-width: 0;
  transform: translateY(3px);
}

.match-meta {
  display: flex;
  height: 25px;
  margin-bottom: 5px;
  align-items: center;
  gap: 5px;
}

.match-information strong,
.match-information small {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}

.match-information small {
  color: #a8a8b3;
}

.match-status {
  display: inline-flex;
  width: max-content;
  min-width: 0;
  height: 25px;
  padding: 0 10px;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.62);
  font-family: var(--display);
  font-size: 12px;
  font-weight: 900;
  align-items: center;
  justify-content: center;
}

.match-status-live {
  background: rgba(100, 75, 238, 0.16);
  color: var(--accent-text);
}

.match-teams {
  display: grid;
  width: 200px;
  height: 75px;
  min-width: 0;
  grid-template-columns: 75px 50px 75px;
  align-items: center;
}

.team-side {
  display: grid;
  width: 75px;
  height: 75px;
  min-width: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  grid-template-rows: 50px 16px;
  justify-items: center;
  align-content: space-between;
}

.team-side img {
  display: block;
  width: 50px;
  height: 50px;
  transform: translateY(4px);
}

.team-side span {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.match-versus {
  color: #a8a8b3;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}

/* Home data carousels: normalized matches and horizontal ambassadors. */
.home-match-tabs {
  display: grid;
  width: 560px;
  height: 35px;
  margin: 0 20px 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  background: #171717;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-match-tabs button {
  padding: 0 6px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.04);
  background: transparent;
  color: #fff;
  font-family: var(--display);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.home-match-tabs button:last-child {
  border-right: 0;
}

.home-match-tabs button.active {
  background: var(--accent);
}

.home-matches-carousel {
  height: 518px;
  padding: 0 20px;
}

.home-matches-carousel ul {
  gap: 6px;
}

.home-match-card {
  display: grid;
  width: 100%;
  height: 125px;
  min-width: 0;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  color: #fff;
  text-align: left;
  cursor: pointer;
  grid-template-columns: minmax(0, 1fr) 200px;
  align-items: center;
  gap: 0;
  transition: border-color 160ms ease, transform 160ms ease;
}

.home-match-card:hover {
  border-color: rgba(100, 75, 238, 0.72);
  transform: translateY(-1px);
}

.home-match-card.has-related {
  border-color: rgba(130, 109, 255, 0.24);
  background:
    linear-gradient(90deg, rgba(130, 109, 255, 0.08), transparent 42%),
    var(--card);
}

.home-match-information,
.home-match-information > strong,
.home-match-information > small,
.home-match-market > small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-information > strong {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.home-match-information > small,
.home-match-market > small {
  color: var(--quiet);
  font-size: 12px;
  line-height: 16px;
}

.home-match-meta {
  display: flex;
  min-width: 0;
  height: 25px;
  align-items: center;
  gap: 7px;
}

.home-match-meta > small {
  min-width: 0;
  overflow: hidden;
  color: var(--quiet);
  font-size: 11px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-meta > .home-match-related-count {
  flex: 0 0 auto;
  padding: 2px 7px;
  border: 1px solid rgba(130, 109, 255, 0.24);
  border-radius: 999px;
  background: rgba(130, 109, 255, 0.12);
  color: rgba(221, 215, 255, 0.92);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.home-match-status {
  display: inline-flex;
  min-width: 54px;
  max-width: 125px;
  height: 25px;
  padding: 0 9px;
  overflow: hidden;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.62);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  line-height: 13px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
}

.home-match-status-live {
  color: var(--accent-text);
  background: rgba(100, 75, 238, 0.16);
}

.home-match-teams {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 15px minmax(0, 1fr);
  align-items: center;
  gap: 4px;
}

.home-team-side {
  display: grid;
  min-width: 0;
  color: #fff;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  justify-items: center;
  gap: 7px;
}

.home-team-side > span:last-child {
  overflow: hidden;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-team-monogram {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.82);
  font-family: var(--display);
  font-size: 12px;
  align-items: center;
  justify-content: center;
}

.home-match-versus {
  color: var(--quiet);
  font-size: 10px;
  text-align: center;
}

.home-match-market {
  display: grid;
  min-width: 0;
  gap: 7px;
}

.home-match-market > span {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

.home-match-market > span > span {
  display: grid;
  min-width: 0;
  height: 38px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  align-content: center;
  justify-items: center;
}

.home-match-market small {
  color: var(--quiet);
  font-size: 8px;
}

.home-match-market strong {
  font-size: 10px;
}

.home-match-loading {
  display: grid;
  height: 518px;
  padding: 0 20px 20px;
  color: var(--quiet);
  font-size: 9px;
  grid-template-rows: 18px repeat(4, 1fr);
  gap: 10px;
}

.home-match-loading > span:not(:first-child) {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background:
    linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, 0.055) 50%, transparent 65%) 0 0 / 220% 100%,
    var(--card);
  animation: home-match-skeleton 1.2s linear infinite;
}

@keyframes home-match-skeleton {
  to { background-position: -220% 0, 0 0; }
}

.home-match-error {
  display: grid;
  min-height: 170px;
  margin: 20px;
  padding: 24px;
  border: 1px solid rgba(100, 75, 238, 0.5);
  border-radius: 10px;
  background: rgba(100, 75, 238, 0.08);
  color: var(--muted);
  font-size: 11px;
  align-content: center;
  justify-items: start;
  gap: 16px;
}

.home-match-error p,
.home-match-notice {
  margin: 0;
}

.home-match-error button {
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid var(--accent);
  border-radius: 5px;
  background: transparent;
  font-family: var(--display);
  font-size: 10px;
  cursor: pointer;
}

.home-match-notice {
  height: 28px;
  margin: 0 20px -28px;
  padding: 7px 10px;
  overflow: hidden;
  border-radius: 5px;
  background: rgba(100, 75, 238, 0.12);
  color: var(--muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(2px);
}

.empty-state {
  margin: 30px 20px;
  color: var(--muted);
  font-size: 14px;
}

.news-load-error {
  display: grid;
  margin: 30px 20px;
  color: var(--muted);
  font-size: 14px;
  justify-items: start;
  gap: 16px;
}

.news-load-error p { margin: 0; }
.news-load-error button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--accent);
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  font-family: var(--mono);
  font-size: 12px;
  cursor: pointer;
}
.news-load-error button:focus-visible { outline: 2px solid #a99bff; outline-offset: 3px; }

.battlepass-panel {
  position: relative;
  isolation: isolate;
}

.battlepass-link {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  color: inherit;
  text-decoration: none;
}

.battlepass-link:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: -3px;
}

.battlepass-background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  display: block;
  width: 342px;
  height: 390px;
  clip-path: ellipse(100% 87.7% at 100% 12.3%);
  object-fit: contain;
  object-position: top right;
}

.battlepass-hero {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: block;
  width: 354px;
  height: 415px;
  object-fit: contain;
  object-position: top right;
}

.battlepass-label {
  position: absolute;
  top: 29px;
  left: 20px;
  display: flex;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  align-items: baseline;
  gap: 7px;
}

.battlepass-label strong {
  font-family: var(--display);
  font-weight: 900;
}

.battlepass-label span {
  color: var(--accent);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
}

.battlepass-copy {
  position: absolute;
  top: 90px;
  left: 20px;
  z-index: 2;
  width: 251px;
}

.battlepass-logo {
  display: block;
  width: 201px;
  height: 134px;
  object-fit: contain;
}

.battlepass-copy h2 {
  width: 251px;
  margin: 20px 0 0;
  color: #fff;
  font-family: var(--display);
  font-size: 56px;
  font-weight: 900;
  line-height: 0.82;
  letter-spacing: 0;
}

.battlepass-copy p {
  width: 251px;
  margin: 4px 0 0;
  color: #fff;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

.battlepass-features {
  position: absolute;
  top: 500px;
  left: 20px;
  display: grid;
  width: 560px;
  height: 54px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.battlepass-feature {
  display: flex;
  min-width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0 6px;
  color: var(--accent);
  align-items: center;
  flex-direction: column;
  gap: 0;
  justify-content: space-between;
}

.battlepass-feature svg {
  width: 25px;
  height: 25px;
}

.battlepass-feature:last-child {
  border-right: 0;
}

.battlepass-feature span {
  color: #fff;
  font-family: var(--display);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

.battlepass-cta {
  position: absolute;
  top: 573px;
  left: 20px;
  display: flex;
  width: 560px;
  height: 45px;
  padding: 0 16px 0 20px;
  border: 0;
  border-radius: 5px;
  background: var(--accent);
  color: #fff;
  font-family: var(--display);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  transition: background 160ms ease, transform 160ms ease;
}

.battlepass-link:hover .battlepass-cta {
  background: var(--accent-bright);
}

.battlepass-link:active .battlepass-cta {
  transform: translateY(1px);
}

.lower-grid {
  position: relative;
  z-index: 3;
  display: grid;
  height: 356px;
  margin: 20px 40px 0;
  gap: 20px;
  grid-template-columns: 1220px 600px;
}

.community-panel,
.faq-panel {
  height: 356px;
  overflow: hidden;
  border-radius: 20px;
}

.community-panel .section-header {
  height: 75px;
}

.community-panel .section-header h2 {
  font-size: 24px;
  line-height: normal;
  transform: none;
}

.community-content {
  display: grid;
  width: 1220px;
  height: 271px;
  margin-top: 10px;
  padding: 0 20px 20px;
  grid-template-columns: 770px 400px;
  gap: 10px;
}

.community-filter-ambassadors,
.community-filter-tournaments,
.community-filter-partners {
  grid-template-columns: minmax(0, 1fr);
}

.ambassadors-list,
.ambassadors-carousel {
  position: relative;
  width: 770px;
  height: 251px;
  min-width: 0;
}

.ambassadors-list {
  display: grid;
  grid-template-columns: repeat(4, 185px);
  gap: 10px;
}

.ambassadors-list::after,
.ambassadors-list::before,
.ambassadors-carousel::after,
.ambassadors-carousel::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  height: 2px;
  background: #2e2e2e;
  content: '';
}

.ambassadors-list::before,
.ambassadors-carousel::before {
  right: auto;
  z-index: 4;
  width: calc(100% / var(--horizontal-carousel-page-count, 4));
  background: #fff;
  transform: translateX(calc(var(--horizontal-carousel-page-index, 0) * 100%));
  transition: transform 180ms ease;
}

.ambassadors-carousel {
  display: block;
  padding: 0;
}

.ambassadors-carousel:focus-visible {
  outline: 2px solid #8b7aff;
  outline-offset: 2px;
}

.ambassadors-carousel > div {
  width: 770px;
  height: 240px;
}

.ambassadors-carousel ul {
  gap: 10px;
}

.ambassadors-carousel li {
  flex: 0 0 calc((100% - 30px) / 4);
}

.ambassadors-carousel > button {
  position: absolute;
  top: 104px;
  z-index: 8;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}

.ambassadors-carousel > button:first-of-type {
  left: 6px;
}

.ambassadors-carousel > button:last-of-type {
  right: 6px;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .community-content:has(.ambassadors-carousel) {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
}

.community-empty {
  width: 770px;
  margin: 0;
  padding: 24px;
  color: var(--muted);
  font-size: 11px;
}

.ambassador-card {
  position: relative;
  display: block;
  min-width: 0;
  width: 100%;
  height: 240px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #000;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 160ms ease;
}

.ambassador-card:focus-visible {
  outline-offset: -2px;
}

.ambassador-card > img {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

.ambassador-gradient {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 65px;
  background: linear-gradient(180deg, transparent, rgba(15, 15, 15, 0.96));
}

.ambassador-copy {
  position: absolute;
  right: 12px;
  bottom: 14px;
  left: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.ambassador-copy strong {
  overflow: hidden;
  max-width: 100%;
  color: #fff;
  font-family: var(--display);
  font-size: 14px;
  font-weight: 900;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ambassador-copy > span {
  color: #a8a8b3;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.brands-stack {
  display: grid;
  width: 400px;
  height: 251px;
  min-width: 0;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.community-filter-tournaments .brands-stack,
.community-filter-partners .brands-stack {
  grid-template-rows: minmax(0, 1fr);
}

.brand-row {
  position: relative;
  display: block;
  width: 400px;
  height: 120.5px;
  min-height: 0;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
}

.brand-row h3 {
  position: absolute;
  top: 17px;
  left: 20px;
  margin: 0;
  color: #fff;
  font-family: var(--display);
  font-size: 12px;
  font-weight: 900;
  line-height: normal;
}

.brand-list {
  position: absolute;
  top: 39px;
  left: 20px;
  display: flex;
  width: 360px;
  height: 62px;
  align-items: center;
  justify-content: space-between;
}

.brand-list-centered {
  justify-content: center;
  gap: 24px;
}

.brand-list-centered .brand-mark {
  flex: 0 0 auto;
}

.brand-mark {
  display: flex;
  min-width: 0;
  height: 62px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.brand-mark img {
  display: block;
  width: auto;
  max-width: 83px;
  max-height: 62px;
  height: auto;
}

.brand-mark-tournament {
  width: 83px;
  flex: 0 0 83px;
  overflow: hidden;
}

.brand-mark-tournament img {
  filter: grayscale(1) saturate(0) brightness(1.35);
  opacity: 0.82;
}

.brand-mark-tournament:hover img,
.brand-mark-tournament:focus-visible img {
  opacity: 1;
}

.brand-mark-pgl-wallachia-season-9 img,
.brand-mark-esl-pro-league-season-24 img {
  width: auto;
  max-width: none;
  height: 62px;
}

.brand-mark-esl img { width: 62px; }
.brand-mark-blast img { width: 79px; }
.brand-mark-pgl img { width: 60px; }
.brand-mark-ewc26-tournament img,
.brand-mark-ewc26-partner img { width: 83px; }
.brand-mark-winline {
  width: 132px;
}

.brand-mark.brand-mark-winline img {
  width: 124px;
  max-width: 124px;
}

.brand-mark-team-yandex {
  width: 76px;
}

.brand-mark-team-yandex img {
  width: auto;
  max-width: 68px;
  max-height: 58px;
}

.faq-panel .section-header {
  height: 75px;
  padding: 20px;
  align-items: center;
}

.faq-panel {
  padding: 0;
}

.faq-panel .section-header h2 {
  font-size: 24px;
  line-height: normal;
  transform: none;
}

.faq-grid {
  display: grid;
  width: 550px;
  height: 251px;
  margin: 10px 20px 20px;
  padding: 0;
  grid-template-columns: repeat(2, 270px);
  grid-template-rows: repeat(3, 76px);
  gap: 10px;
}

.faq-item {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  transition: border-color 160ms ease;
}

.faq-question-button {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 14px 20px;
  border: 0;
  background: transparent;
  color: #fff;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.faq-question-button svg {
  flex: 0 0 auto;
  color: var(--accent);
  transition: transform 160ms ease;
}

.site-footer {
  position: relative;
  display: block;
  height: 100px;
  margin-top: 40px;
  padding: 0;
  background: var(--panel);
  font-family: var(--mono);
}

.age-mark {
  position: absolute;
  top: 34px;
  left: 20px;
  display: inline-flex;
  width: 39px;
  height: 31px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  color: #a8a8b3;
  font-size: 12px;
  font-weight: 400;
  align-items: center;
  justify-content: center;
}

.legal-links {
  position: absolute;
  top: 0;
  left: 449px;
  display: flex;
  width: 900px;
  height: 100px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.legal-links button {
  padding: 4px;
  border: 0;
  background: transparent;
  color: #a8a8b3;
  font-family: var(--display);
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
}

.social-links {
  position: absolute;
  top: 37px;
  right: 20px;
  display: flex;
  width: auto;
  height: 26px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.social-links :is(a, button) {
  display: grid;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.62);
  cursor: pointer;
  place-items: center;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  padding: 24px;
  background: rgba(5, 5, 5, 0.78);
  backdrop-filter: blur(8px);
  place-items: center;
}

.details-modal {
  position: relative;
  width: min(470px, 90vw);
  max-height: calc(100dvh - 48px);
  padding: 34px;
  overflow-y: auto;
  overflow-wrap: anywhere;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #171717;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55);
  scrollbar-gutter: stable;
}

.details-modal > span {
  color: var(--accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.details-modal h2 {
  margin: 12px 0;
  font-size: 32px;
  font-weight: 900;
  line-height: 0.95;
}

.details-modal p {
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.4;
}

.auth-dialog {
  width: min(540px, calc(100vw - 48px));
  max-height: calc(100dvh - 48px);
  padding: 0;
  overflow: hidden;
  scrollbar-gutter: auto;
}

.auth-dialog-scroll {
  max-height: calc(100dvh - 48px);
  padding: 42px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.auth-dialog .modal-close {
  top: 18px;
  right: 18px;
  z-index: 3;
  width: 38px;
  height: 38px;
}

.auth-dialog-header > span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  letter-spacing: 0.1em;
}

.auth-dialog .auth-dialog-header h2 {
  margin: 14px 0 30px;
  font-family: var(--display);
  font-size: 48px;
  line-height: 0.94;
}

.auth-form {
  display: grid;
  gap: 18px;
}

.auth-field {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.auth-field > label,
.auth-consent {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.auth-input {
  width: 100%;
  height: 52px;
  min-width: 0;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  outline: 0;
  background: #111;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.auth-input:hover {
  border-color: rgba(255, 255, 255, 0.28);
}

.auth-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(100, 75, 238, 0.25);
}

.auth-input[aria-invalid='true'] {
  border-color: #ff6675;
}

.auth-password-control {
  position: relative;
}

.auth-password-control .auth-input {
  padding-right: 118px;
}

.auth-password-toggle {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 114px;
  height: 50px;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid var(--line);
  border-radius: 0 4px 4px 0;
  background: #171717;
  color: var(--accent-text);
  font-family: var(--display);
  font-size: 12px;
  cursor: pointer;
}

.auth-field-error {
  color: #ff7b88;
  font-size: 11px;
  line-height: 16px;
}

.auth-field-hint {
  color: rgba(255, 255, 255, 0.46);
  font-size: 11px;
  line-height: 16px;
}

.auth-consent-field {
  gap: 6px;
}

.auth-consent {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  letter-spacing: 0;
  text-transform: none;
}

.auth-consent input {
  width: 18px;
  height: 18px;
  margin: 0;
  flex: 0 0 18px;
  accent-color: var(--accent);
}

.auth-submit {
  width: 100%;
  height: 52px;
  padding: 0 20px;
  border: 0;
  border-radius: 5px;
  background: var(--accent);
  color: #fff;
  font-family: var(--display);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background 160ms ease, transform 160ms ease;
}

.auth-submit:hover {
  background: var(--accent-bright);
}

.auth-submit:active {
  transform: translateY(1px);
}

.auth-form-actions {
  display: flex;
  min-height: 24px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.auth-form-actions button {
  min-height: 32px;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.auth-form-actions button:hover {
  color: var(--accent-text);
}

.auth-profile-entry {
  width: 100%;
  min-height: 46px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--display);
  font-size: 12px;
  cursor: pointer;
}

.auth-profile-entry:hover {
  border-color: rgba(100, 75, 238, 0.55);
  color: var(--accent-text);
}

.auth-dialog .auth-status {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(100, 75, 238, 0.34);
  border-radius: 5px;
  background: rgba(100, 75, 238, 0.08);
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 18px;
}

.modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  place-items: center;
}

/* Retained as historical reference; apps/main follows the exact compact Figma composition. */
@media not all {
/* Match-center refresh: wider home surface, readable type and visible controls. */
.top-grid {
  grid-template-columns: 600px minmax(0, 1fr);
}

.match-panel {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background:
    radial-gradient(circle at 95% 0, rgba(100, 75, 238, 0.13), transparent 35%),
    #14171d;
}

.section-header h2,
.match-panel .section-header h2 {
  font-size: 31px;
  line-height: 0.85;
  letter-spacing: -0.01em;
  transform: none;
}

.match-panel .section-header {
  height: 78px;
  padding: 20px 24px;
}

.match-panel .select-field select {
  width: 220px;
  height: 42px;
  padding: 0 38px 0 14px;
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 600;
}

.match-panel .select-field svg {
  right: 13px;
  color: rgba(255, 255, 255, 0.42);
}

.home-match-toolbar {
  display: flex;
  height: 54px;
  padding: 0 24px 10px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.home-match-tabs {
  display: grid;
  width: 500px;
  height: 44px;
  margin: 0;
  padding: 4px;
  overflow: visible;
  border: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
}

.home-match-tabs button {
  display: flex;
  min-width: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: rgba(255, 255, 255, 0.48);
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 650;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.home-match-tabs button strong {
  display: inline-flex;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  align-items: center;
  justify-content: center;
}

.home-match-tabs button.active {
  background: #292f39;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

.home-match-tabs button.active strong {
  background: #c8ff4d;
  color: #11140d;
}

.home-match-tabs button:disabled {
  opacity: 0.32;
  cursor: not-allowed;
}

.home-match-updated {
  color: #a8a8b3;
  font-size: 11px;
  white-space: nowrap;
}

.home-matches-carousel {
  height: 506px;
  padding: 0 64px 0 24px;
}

.home-matches-carousel ul {
  gap: 8px;
}

.home-matches-carousel > button,
.home-matches-carousel > button:focus-visible {
  position: absolute;
  right: 17px;
  z-index: 8;
  display: grid;
  width: 34px;
  height: 48px;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.68);
  cursor: pointer;
  white-space: normal;
  place-items: center;
}

.home-matches-carousel > button:first-of-type,
.home-matches-carousel > button:first-of-type:focus-visible {
  top: 0;
}

.home-matches-carousel > button:last-of-type,
.home-matches-carousel > button:last-of-type:focus-visible {
  top: 56px;
  bottom: auto;
}

.home-matches-carousel > button:hover:not(:disabled) {
  border-color: rgba(200, 255, 77, 0.3);
  background: rgba(200, 255, 77, 0.09);
  color: #c8ff4d;
}

.home-matches-carousel > button:disabled {
  opacity: 0.28;
}

.home-match-card {
  display: grid;
  width: 100%;
  height: 112px;
  min-width: 0;
  padding: 14px 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  background: #191d24;
  color: #fff;
  font-family: var(--sans);
  text-align: left;
  cursor: pointer;
  grid-template-columns: 225px minmax(330px, 1fr) minmax(250px, 0.78fr) 40px;
  align-items: center;
  gap: 24px;
}

.home-match-card:hover {
  border-color: rgba(200, 255, 77, 0.26);
  background: #1c2129;
  transform: translateY(-1px);
}

.home-match-information,
.home-match-information > strong,
.home-match-information > small,
.home-match-market > small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-information > strong {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 680;
  line-height: 17px;
}

.home-match-information > small,
.home-match-market > small {
  color: rgba(255, 255, 255, 0.4);
  font-size: 10px;
  line-height: 15px;
}

.home-match-status {
  display: inline-flex;
  min-width: 0;
  max-width: 148px;
  height: 25px;
  padding: 0 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.035em;
  align-items: center;
  gap: 7px;
}

.home-match-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 3px rgba(200, 255, 77, 0.12);
}

.home-match-status-live {
  color: #c8ff4d;
  background: rgba(200, 255, 77, 0.09);
}

.home-match-teams {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.home-team-side {
  display: grid;
  min-width: 0;
  color: #fff;
  font-size: 12px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  gap: 10px;
}

.home-team-side:last-child {
  grid-template-columns: minmax(0, 1fr) 42px;
  text-align: right;
}

.home-team-side:last-child .home-team-badge {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

.home-team-side > span:last-child {
  overflow: hidden;
  width: 100%;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-versus {
  color: rgba(255, 255, 255, 0.26);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  text-align: center;
}

.home-match-market {
  display: grid;
  min-width: 0;
  gap: 7px;
}

.home-match-market > span {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}

.home-match-market > span > span {
  display: flex;
  min-width: 0;
  height: 39px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.035);
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.home-match-market small {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.36);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-match-market strong {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 650;
}

.home-match-open {
  display: grid;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 11px;
  color: rgba(255, 255, 255, 0.48);
  place-items: center;
}

.home-match-card:hover .home-match-open {
  border-color: rgba(200, 255, 77, 0.25);
  color: #c8ff4d;
}

.home-match-loading {
  height: 506px;
  padding: 0 64px 0 24px;
  font-size: 10px;
  grid-template-rows: 18px repeat(4, 112px);
  gap: 8px;
}

.home-match-error {
  min-height: 190px;
  margin: 18px 24px;
  border-color: rgba(130, 109, 255, 0.34);
  border-radius: 14px;
  background: rgba(130, 109, 255, 0.07);
  font-family: var(--sans);
  font-size: 13px;
}

.home-match-notice {
  position: relative;
  z-index: 5;
  height: auto;
  min-height: 34px;
  margin: 0 64px 8px 24px;
  padding: 9px 12px;
  overflow: visible;
  border: 1px solid rgba(130, 109, 255, 0.25);
  border-radius: 9px;
  background: rgba(130, 109, 255, 0.08);
  color: rgba(255, 255, 255, 0.64);
  font-size: 10px;
  line-height: 14px;
  text-overflow: clip;
  white-space: normal;
  transform: none;
}

.home-match-notice + .home-matches-carousel {
  height: 464px;
}

.home-match-notice + .home-matches-carousel .home-match-card {
  height: 102px;
}
}

@media (max-width: 768px) {
  .page-shell-responsive .site-header {
    position: relative;
    height: 126px;
    padding: 0 16px;
    grid-template-columns: 1fr auto;
    grid-template-rows: 68px 58px;
  }

  .page-shell-responsive .brand-button img {
    width: 84px;
    height: auto;
  }

  .page-shell-responsive .connect-button {
    width: 132px;
    height: 40px;
    margin-top: 14px;
    padding: 0 13px;
    gap: 8px;
  }

  .page-shell-responsive .main-navigation {
    width: calc(100% + 32px);
    height: 58px;
    margin-left: -16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .page-shell-responsive .main-navigation a {
    font-size: 10px;
    line-height: 16px;
  }

  .page-shell-responsive .site-footer {
    min-height: 168px;
    height: auto;
    padding: 24px 16px;
    flex-wrap: wrap;
    gap: 22px;
  }

  .page-shell-responsive .legal-links {
    width: 100%;
    margin: 0;
    order: 3;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 14px 20px;
  }

  .page-shell-responsive .social-links {
    margin-left: auto;
  }
}

/* Reflow the layout below the wide desktop composition without scaling text. */
@media (max-width: 1919px) {
  body {
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
  }

  .scale-stage {
    height: auto !important;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: visible;
  }

  #app,
  #app.page-shell-dynamic {
    display: flex;
    width: 100%;
    min-width: 320px;
    max-width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: visible;
    flex-direction: column;
    transform: none !important;
    will-change: auto;
  }

  .site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    width: 100%;
    height: 74px;
    padding: 0 24px;
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(15, 17, 22, 0.94);
    backdrop-filter: blur(18px);
    grid-template-columns: 180px minmax(360px, 1fr) 180px;
  }

  .brand-button {
    min-height: 44px;
    padding-left: 0;
  }

  .main-navigation {
    height: 73px;
  }

  .main-navigation a {
    min-height: 44px;
    font-size: 14px;
    font-weight: 650;
  }

  .connect-button {
    width: 170px;
    height: 44px;
    margin: 15px 0 0 auto;
    border-radius: 10px;
    font-size: 12px;
  }

  .site-main {
    width: 100%;
  }

  .top-grid,
  .lower-grid {
    width: min(calc(100% - 40px), 1040px);
    height: auto;
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .top-grid {
    margin-top: 24px;
  }

  .lower-grid {
    margin-top: 20px;
  }

  .news-panel,
  .match-panel,
  .battlepass-panel {
    width: 100%;
  }

  .news-card-copy {
    width: calc(100% - 240px);
  }

  .news-card-copy strong {
    width: calc(100% - 40px);
  }

  .news-card > img {
    width: 260px;
  }

  .news-card::after {
    left: calc(100% - 280px);
  }

  .home-match-tabs {
    width: calc(100% - 40px);
  }

  .community-panel,
  .faq-panel {
    width: 100%;
    height: auto;
  }

  .community-content {
    width: 100%;
    height: auto;
    min-height: 271px;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
  }

  .community-filter-ambassadors,
  .community-filter-tournaments,
  .community-filter-partners {
    grid-template-columns: minmax(0, 1fr);
  }

  .ambassadors-list,
  .ambassadors-carousel,
  .ambassadors-carousel > div,
  .community-empty {
    width: 100%;
  }

  .brands-stack,
  .brand-row {
    width: 100%;
  }

  .brand-list {
    width: calc(100% - 40px);
  }

  .faq-grid {
    width: calc(100% - 40px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer,
  .page-shell-dynamic .site-footer {
    position: static;
    display: flex;
    width: 100%;
    height: auto;
    min-height: 104px;
    margin-top: 28px;
    padding: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex: 0 0 auto;
  }

  .age-mark,
  .legal-links,
  .social-links {
    position: static;
  }

  .legal-links {
    width: auto;
    height: auto;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 22px;
  }

  .social-links {
    width: auto;
    height: 44px;
    flex: 0 0 auto;
  }

  .social-links :is(a, button) {
    width: 44px;
    height: 44px;
  }

  .legal-links button,
  .news-not-interested-button {
    min-height: 44px;
  }

  .news-not-interested-button {
    min-width: 44px;
  }
}

@media (max-width: 768px) {
  .site-header {
    height: calc(120px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 16px 0;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 64px 56px;
  }

  .brand-button img {
    width: 84px;
    height: auto;
  }

  .connect-button {
    width: 136px;
    height: 44px;
    margin-top: 10px;
    padding: 0 13px;
    gap: 8px;
  }

  .main-navigation {
    width: calc(100% + 32px);
    height: 56px;
    margin-left: -16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .main-navigation a {
    min-width: 0;
    height: 56px;
    padding: 0 6px;
    font-size: 10px;
    text-align: center;
  }

  .top-grid,
  .lower-grid {
    width: calc(100% - 24px);
    gap: 12px;
  }

  .top-grid {
    margin-top: 12px;
  }

  .lower-grid {
    margin-top: 12px;
  }

  .panel {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
  }

  .news-panel {
    height: 588px;
  }

  .match-panel {
    height: 676px;
  }

  .battlepass-panel {
    height: 560px;
  }

  .section-header,
  .community-panel .section-header,
  .faq-panel .section-header {
    min-height: 72px;
    height: auto;
    padding: 14px;
    gap: 10px;
  }

  .section-header h2,
  .community-panel .section-header h2,
  .faq-panel .section-header h2 {
    font-size: 24px;
  }

  .community-panel .section-header {
    align-items: stretch;
    flex-direction: column;
  }

  .community-panel .section-header h2 {
    font-size: 22px;
    line-height: 1;
  }

  .community-panel .select-field,
  .community-panel .select-field select {
    width: 100%;
  }

  .select-field select {
    width: min(145px, 41vw);
    height: 44px;
    padding-left: 12px;
    font-size: 16px;
  }

  .panel-carousel {
    height: 516px;
    padding: 0 12px 14px;
  }

  .panel-carousel ul {
    gap: 8px;
  }

  .news-card {
    height: 121px;
  }

  .news-card-copy {
    width: 72%;
    padding: 14px;
  }

  .news-card-copy strong {
    left: 14px;
    bottom: 14px;
    width: calc(100% - 28px);
    font-size: 13px;
    line-height: 17px;
  }

  .news-meta {
    height: 23px;
    font-size: 9px;
    gap: 4px;
  }

  .runner-mark,
  .news-chip {
    height: 23px;
  }

  .runner-mark {
    width: 23px;
    flex-basis: 23px;
  }

  .news-chip {
    max-width: 96px;
    padding: 0 8px;
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .news-card > img {
    width: 38%;
    height: 121px;
  }

  .news-card::after {
    left: 61%;
  }

  .home-match-tabs {
    width: calc(100% - 28px);
    height: 52px;
    margin: 0 14px 10px;
  }

  .home-match-tabs button {
    min-height: 44px;
    font-size: 11px;
  }

  .home-matches-carousel {
    height: 536px;
    padding: 0 12px 14px;
  }

  .home-match-card {
    height: 128px;
    padding: 12px;
    grid-template-columns: minmax(0, 1fr) minmax(124px, 42%);
    gap: 10px;
  }

  .home-match-information > strong {
    font-size: 11px;
  }

  .home-match-teams {
    gap: 2px;
  }

  .home-team-side {
    font-size: 10px;
    gap: 5px;
  }

  .home-team-badge {
    width: 32px;
    height: 32px;
  }

  .home-match-loading {
    height: 536px;
    padding: 0 12px 14px;
  }

  .home-match-error {
    margin: 14px;
  }

  .home-match-notice {
    height: auto;
    min-height: 34px;
    margin: 0 14px 8px;
    padding: 9px 10px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    transform: none;
  }

  .home-match-error button {
    min-height: 44px;
  }

  .battlepass-background {
    width: 78%;
    height: 330px;
    opacity: 0.72;
  }

  .battlepass-hero {
    width: 76%;
    height: 370px;
    opacity: 0.82;
  }

  .battlepass-label {
    top: 22px;
    left: 16px;
  }

  .battlepass-copy {
    top: 72px;
    left: 16px;
    width: calc(100% - 32px);
  }

  .battlepass-logo {
    width: 170px;
    height: 112px;
  }

  .battlepass-copy h2 {
    width: min(280px, 82%);
    margin-top: 14px;
    font-size: clamp(45px, 15vw, 58px);
  }

  .battlepass-copy p {
    width: min(270px, 82%);
    font-size: 11px;
    line-height: 19px;
  }

  .battlepass-features {
    top: auto;
    bottom: 76px;
    left: 16px;
    width: calc(100% - 32px);
    height: 60px;
  }

  .battlepass-feature span {
    max-width: 92px;
    font-size: 9px;
    line-height: 11px;
    white-space: normal;
  }

  .battlepass-cta {
    top: auto;
    bottom: 16px;
    left: 16px;
    width: calc(100% - 32px);
    height: 48px;
  }

  .community-content,
  .community-filter-ambassadors,
  .community-filter-tournaments,
  .community-filter-partners {
    display: grid;
    width: 100%;
    min-height: 0;
    margin-top: 0;
    padding: 0 14px 14px;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .ambassadors-list,
  .ambassadors-carousel {
    height: 224px;
  }

  .ambassadors-carousel > div {
    height: 214px;
  }

  .ambassadors-carousel li {
    flex: 0 0 calc((100% - 10px) / 2);
  }

  .ambassador-card {
    width: 100%;
    height: 210px;
  }

  .ambassadors-carousel > button {
    top: 83px;
    width: 44px;
    height: 44px;
  }

  .brands-stack {
    height: auto;
    grid-template-rows: repeat(2, 124px);
  }

  .community-filter-tournaments .brands-stack,
  .community-filter-partners .brands-stack {
    grid-template-rows: 124px;
  }

  .brand-row {
    height: 124px;
  }

  .brand-list {
    width: calc(100% - 32px);
    left: 16px;
  }

  .brand-row h3 {
    left: 16px;
  }

  .brand-mark {
    min-width: 56px;
    flex: 1 1 0;
  }

  .brand-mark img {
    max-width: min(72px, 21vw);
  }

  .faq-grid {
    width: calc(100% - 28px);
    height: auto;
    margin: 0 14px 14px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-auto-rows: 108px;
    gap: 8px;
  }

  .faq-question-button {
    min-height: 44px;
    padding: 14px 16px;
    font-size: 12px;
    line-height: 17px;
  }

  .site-footer,
  .page-shell-dynamic .site-footer {
    display: grid;
    min-height: 0;
    margin-top: 18px;
    padding: 22px 16px calc(22px + env(safe-area-inset-bottom));
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px 20px;
  }

  .age-mark {
    width: 44px;
    height: 44px;
  }

  .social-links {
    width: auto;
    height: 44px;
    margin-left: auto;
    justify-self: end;
  }

  .social-links :is(a, button) {
    width: 44px;
    height: 44px;
  }

  .legal-links {
    display: grid;
    width: 100%;
    margin: 0;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
  }

  .legal-links button {
    min-height: 44px;
    padding: 6px 0;
    text-align: left;
    white-space: normal;
  }

  .modal-backdrop {
    padding: 12px;
    align-items: end;
  }

  .details-modal,
  .auth-dialog {
    width: 100%;
    max-height: calc(100dvh - 24px);
    border-radius: 18px;
  }

  .details-modal {
    padding: 30px 18px calc(24px + env(safe-area-inset-bottom));
  }

  .auth-dialog {
    padding: 0;
  }

  .auth-dialog-scroll {
    max-height: calc(100dvh - 24px);
    padding: 30px 18px calc(24px + env(safe-area-inset-bottom));
  }

  .details-modal h2 {
    padding-right: 40px;
    font-size: 30px;
  }

  .auth-dialog .auth-dialog-header h2 {
    margin: 12px 0 24px;
    padding-right: 0;
    font-size: clamp(26px, 8vw, 38px);
    overflow-wrap: normal;
    word-break: normal;
  }

  .auth-dialog .modal-close,
  .modal-close {
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
  }

  .auth-input,
  .auth-submit {
    min-height: 48px;
    font-size: 16px;
  }

  .auth-form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .auth-form-actions button {
    min-height: 44px;
  }
}

@media (max-width: 1180px) and (max-height: 500px) and (orientation: landscape) {
  .modal-backdrop {
    padding:
      max(8px, env(safe-area-inset-top))
      max(12px, env(safe-area-inset-right))
      max(8px, env(safe-area-inset-bottom))
      max(12px, env(safe-area-inset-left));
  }

  .details-modal,
  .auth-dialog,
  .auth-dialog-scroll {
    max-height: calc(100dvh - 16px);
  }

  .auth-dialog-scroll {
    padding:
      24px
      max(18px, env(safe-area-inset-right))
      max(20px, env(safe-area-inset-bottom))
      max(18px, env(safe-area-inset-left));
  }

  .auth-input,
  .auth-submit,
  .select-field select {
    min-height: 44px;
    font-size: 16px;
  }

  .auth-form-actions button,
  .home-match-error button {
    min-height: 44px;
  }

  .home-match-tabs {
    height: 52px;
  }

  .home-match-tabs button {
    min-height: 44px;
  }

  .ambassadors-carousel > button {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 380px) {
  .main-navigation a {
    font-size: 9px;
  }

  .connect-button {
    width: 132px;
    padding: 0 10px;
  }

  .news-meta time {
    display: none;
  }

  .home-match-card {
    grid-template-columns: minmax(0, 1fr) 118px;
  }

  .legal-links {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Readable controls and spacing across native viewport sizes. */
.select-field select { min-width: 170px; width: 210px; max-width: 100%; font-size: 14px; min-height: 44px; }
.section-header { min-height: 75px; height: auto; }
.news-meta, .news-meta time { color: #aaaab5; }
.news-chip { color: #b9abff; }
.legal-links button { font-size: 12px; color: #aaaab5; }
.match-panel.match-panel-unavailable { height: auto; min-height: 240px; align-self: start; }
.match-panel-unavailable .home-match-error { padding-bottom: 24px; }

@media (max-width: 768px) {
  .news-meta { font-size: 11px; flex-wrap: wrap; height: auto; gap: 4px; }
  .news-chip { max-width: 100%; height: auto; min-height: 23px; padding: 3px 8px; white-space: normal; overflow: visible; line-height: 1.3; }
  .runner-mark { display: none; }
  .news-card-copy { width: 76%; }
  .news-card-copy strong { font-size: 14px; }
}
@media (max-width: 520px) {
  .news-panel .section-header, .match-panel .section-header { flex-direction: column; align-items: stretch; }
  .news-panel .select-field, .match-panel .select-field,
  .news-panel .select-field select, .match-panel .select-field select { width: 100%; }
  .news-panel, .match-panel { height: auto; }
  .news-panel .panel-carousel { height: 540px; }
}

.select-field { width: 210px; max-width: 100%; min-width: 0; flex: 0 1 210px; }
.select-field-label { display: block; width: 100%; min-height: 44px; padding: 11px 34px 11px 12px; border: 1px solid var(--line); border-radius: 6px; color: #dedee6; font-family: var(--mono); font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
.select-field select { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; opacity: 0; font-size: 16px; }
.select-field:focus-within { outline: 2px solid #a99bff; outline-offset: 3px; border-radius: 6px; }
.select-field svg { pointer-events: none; }
@media (max-width: 768px) {
  .community-panel .select-field { flex-basis: auto; }
}
@media (max-width: 520px) {
  .news-panel .select-field, .match-panel .select-field { flex-basis: auto; }
}

.top-grid { height: auto; align-items: start; }
.news-panel, .match-panel { height: auto; min-height: 638px; }
.news-panel .panel-carousel { min-height: 540px; }
@media (max-width: 768px) {
  .main-navigation a { font-size: 12px; }
  .news-panel, .match-panel { min-height: 0; }
}

/* Every three-column home state shares one outer height. Lists fill the space
   left by the header and tabs instead of adding fixed heights to the panel. */
@media (min-width: 1181px) {
  .lower-grid { width: calc(100% - 80px); margin-right: 42px; margin-left: 38px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lower-grid > .community-panel { grid-column: span 2; }
  .lower-grid > .panel { border-radius: 10px; }
  .top-grid > .panel { height: var(--home-panel-height, 638px); min-height: 0; align-self: stretch; }
  .top-grid > .news-panel, .top-grid > .match-panel { display: flex; flex-direction: column; }
  .top-grid .section-header, .top-grid .home-match-tabs { flex-shrink: 0; }
  .top-grid > .panel .panel-carousel { flex: 1 1 0; height: 0; min-height: 0; }
  .top-grid .news-carousel ul { height: 100%; }
  .top-grid .news-carousel li { min-height: 0; flex: 0 0 calc((100% - 30px) / 4); }
  .top-grid .news-card-shell, .top-grid .news-card, .top-grid .home-match-card { height: 100%; }
  .top-grid .home-match-loading { flex: 1; height: auto; min-height: 0; }
}

/* Laptop composition: retain desktop density without scaling readable text. */
@media (min-width: 1181px) and (max-width: 1919px) {
  .site-main { --home-panel-height: clamp(480px, 33.23vw, 638px); --home-community-height: clamp(292px, 18.55vw, 356px); }
  .site-header { height: 64px; }
  .brand-button img { width: 144px; height: auto; }
  .main-navigation { height: 63px; }
  .connect-button { height: 36px; margin-top: 14px; width: 150px; }
  .top-grid, .lower-grid { width: calc(100% - 48px); max-width: none; gap: 16px; }
  .top-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; }
  .lower-grid { margin: 16px auto 0; }
  .top-grid .section-header, .lower-grid .section-header { min-height: 60px; height: auto; padding: 12px 14px; gap: 8px; flex: 0 0 auto; }
  .top-grid .section-header h2, .lower-grid .section-header h2 { font-size: clamp(18px, 1.4vw, 24px); }
  .top-grid .select-field { width: 170px; flex-basis: 170px; }
  .lower-grid .select-field { width: 150px; flex-basis: 150px; }
  .top-grid .select-field-label, .lower-grid .select-field-label { min-height: 36px; padding: 8px 28px 8px 10px; font-size: 12px; line-height: 18px; }
  .top-grid .panel-carousel { padding: 0 14px 14px; }
  .top-grid .panel-carousel ul { height: 100%; gap: 8px; }
  .top-grid .panel-carousel li { min-height: 0; flex: 0 0 calc((100% - 24px) / 4); }
  .news-card-copy { width: 78%; padding: 10px; gap: 4px; }
  .news-card-copy strong { position: static; display: -webkit-box; width: 100%; margin-top: auto; overflow: hidden; font-size: 13px; line-height: 17px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .news-meta { height: auto; flex-wrap: wrap; font-size: 11px; white-space: normal; }
  .news-meta .runner-mark { display: none; }
  .news-chip { height: auto; min-height: 18px; max-width: 100%; padding: 2px 6px; font-size: 11px; line-height: 14px; }
  .news-card > img { width: 33%; height: 100%; }
  .news-card::after { left: 62%; width: 12%; }
  .home-match-tabs { width: calc(100% - 28px); height: 34px; margin: 0 14px 8px; flex: 0 0 34px; }
  .home-match-tabs button { min-height: 0; font-size: 11px; }
  .home-match-card { padding: 10px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 8px; }
  .home-match-information > strong { font-size: 11px; line-height: 15px; margin-top: 3px; }
  .home-match-status { height: 20px; min-height: 20px; font-size: 10px; }
  .home-match-meta { height: 20px; }
  .home-team-side { font-size: 11px; line-height: 13px; gap: 4px; }
  .home-team-badge { width: 30px; height: 30px; font-size: 12px; }
  .home-team-side > span:last-child { display: -webkit-box; white-space: normal; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .home-match-loading { padding: 0 14px 14px; gap: 8px; }

  .battlepass-panel { grid-column: auto; max-width: none; justify-self: stretch; }
  .battlepass-background, .battlepass-hero { width: 76%; max-width: 354px; height: calc(var(--home-panel-height) * .65); }
  .battlepass-label { top: 20px; left: 14px; }
  .battlepass-copy { top: calc(var(--home-panel-height) * .14); left: 14px; width: calc(100% - 28px); }
  .battlepass-logo { width: clamp(140px, 10.47vw, 201px); height: auto; aspect-ratio: 1.5; }
  .battlepass-copy h2 { width: 78%; margin-top: 14px; font-size: clamp(36px, 2.8vw, 56px); }
  .battlepass-copy p { width: min(251px, 84%); font-size: 11px; line-height: 18px; }
  .battlepass-features { top: auto; bottom: 70px; left: 14px; width: calc(100% - 28px); height: 44px; }
  .battlepass-feature svg { width: 20px; height: 20px; }
  .battlepass-feature span { font-size: 10px; white-space: normal; line-height: 12px; }
  .battlepass-cta { top: auto; bottom: 14px; left: 14px; width: calc(100% - 28px); height: 38px; font-size: 11px; }

  .lower-grid > .panel { height: var(--home-community-height); display: flex; flex-direction: column; }
  .community-content { flex: 1; min-height: 0; height: 0; width: 100%; margin: 0; padding: 0 14px 14px; grid-template-columns: minmax(0, 1fr) minmax(200px, 32%); gap: 8px; }
  .community-filter-ambassadors, .community-filter-tournaments, .community-filter-partners { grid-template-columns: minmax(0, 1fr); }
  .community-content .ambassadors-carousel { height: 100%; min-height: 0; }
  .community-content .ambassadors-carousel > div { height: calc(100% - 8px); }
  .community-content .ambassadors-carousel ul, .community-content .ambassadors-carousel li, .community-content .ambassador-card { height: 100%; }
  .community-content .ambassadors-carousel > button { top: 50%; transform: translateY(-50%); }
  .ambassador-copy { left: 6px; right: 6px; bottom: 10px; gap: 4px; }
  .ambassador-copy strong { font-size: 12px; }
  .ambassador-copy > span { display: -webkit-box; overflow: hidden; font-size: 11px; line-height: 14px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .brands-stack { width: 100%; height: 100%; gap: 8px; }
  .brands-stack .brand-row { width: 100%; height: auto; display: flex; flex-direction: column; padding: 12px; }
  .brands-stack .brand-row h3 { position: static; font-size: 11px; }
  .brands-stack .brand-list { position: static; flex: 1; width: 100%; height: auto; min-height: 0; gap: 8px; }
  .brands-stack .brand-list-centered { gap: 16px; }
  .brands-stack .brand-mark { height: auto; min-height: 32px; }
  .brands-stack .brand-mark-tournament { width: auto; flex: 1 1 0; max-width: 25%; }
  .brands-stack .brand-mark-tournament img { width: auto; max-width: 100%; height: auto; max-height: 38px; }
  .brands-stack .brand-mark-winline { width: 100px; }
  .brands-stack .brand-mark-winline img { width: 100px; max-width: 100%; }
  .brands-stack .brand-mark-team-yandex { width: 48px; }
  .brands-stack .brand-mark-team-yandex img { max-width: 48px; max-height: 42px; }
  .faq-grid { width: calc(100% - 28px); height: auto; min-height: 0; flex: 1; margin: 0 14px 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .faq-question-button { padding: 10px; font-size: 11px; line-height: 15px; gap: 6px; }
  .site-footer, .page-shell-dynamic .site-footer { min-height: 76px; margin-top: 20px; padding: 16px 24px; }
  .social-links { width: auto; height: 34px; flex-basis: auto; }
  .social-links :is(a, button) { width: 34px; height: 34px; }
  .legal-links button { min-height: 32px; font-size: 11px; }
}

/* News copy and artwork occupy separate columns at every viewport width. */
.news-panel .news-card { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.news-panel .news-card-copy { width: auto; min-width: 0; overflow: hidden; }
.news-panel .news-card-copy strong { position: static; width: 100%; min-height: 0; max-height: 2lh; margin-top: auto; display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-panel .news-meta { flex-shrink: 0; height: auto; flex-wrap: wrap; white-space: normal; }
.news-panel .news-chip { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.news-panel .news-card > img { position: static; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.news-panel .news-card::after { display: none; }

/* Three match rows leave room for live prices without covering team identities. */
.match-panel .home-matches-carousel { height: 540px; }
.match-panel .home-matches-carousel ul { height: 100%; gap: 8px; }
.top-grid .home-matches-carousel li { flex: 0 0 calc((100% - 16px) / 3); min-height: 0; }
.match-panel .home-match-card { height: 100%; padding: 10px 12px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); grid-template-rows: minmax(0, 1fr) auto; gap: 8px; }
.match-panel .home-team-side { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 4px; }
.match-panel .home-team-side:last-child .home-team-badge { grid-column: auto; grid-row: auto; justify-self: center; }
.match-panel .home-team-side > span:last-child { white-space: normal; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.match-panel .home-match-market { grid-column: 1 / -1; gap: 4px; }
.match-panel .home-match-market > small { color: #aaaab5; font-size: 10px; line-height: 13px; }
.match-panel .home-match-market > span { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 6px; }
.match-panel .home-match-market .home-odd { display: flex; height: 32px; padding: 0 8px; border-radius: 6px; justify-content: space-between; align-items: center; gap: 4px; }
.match-panel .home-odd small { color: #b5afc5; font-size: 10px; }
.match-panel .home-odd strong { font-size: 12px; }
@media (min-width: 1181px) and (max-width: 1919px) {
  .match-panel .home-match-card { padding: 8px 10px; gap: 6px; }
  .match-panel .home-match-market { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; }
  .match-panel .home-match-market > small { white-space: normal; overflow-wrap: anywhere; font-size: 10px; line-height: 12px; }
  .match-panel .home-match-market .home-odd { padding: 0 5px; }
}

/* Keep team artwork legible, including the compact laptop cards. */
.match-panel .home-team-badge { width: 52px; height: 52px; }
.match-panel .home-team-badge > img { padding: 2px; }
@media (min-width: 1181px) and (max-width: 1919px) {
  .match-panel .home-team-badge { width: 40px; height: 40px; }
  .match-panel .home-match-card { padding: 6px 10px; gap: 4px; }
  .match-panel .home-match-market .home-odd { height: 28px; }
}

/* Brand/select cleanup: one nickname with the card's regular lower gutter. */
.ambassador-copy { right: 12px; bottom: 14px; left: 12px; gap: 0; }
.select-field .select-field-label { display: flex; align-items: center; padding-right: 12px; }
.select-field .select-field-label > svg { position: static; transform: none; }
.select-field .select-field-label[aria-expanded="true"] > svg { transform: rotate(180deg); }
@media (min-width: 769px) and (max-width: 1600px) {
  .ambassador-copy { right: 10px; bottom: 12px; left: 10px; }
}

/* Four partner logos share the available width without stretching the artwork. */
.brands-stack .brand-list-centered {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 1vw, 16px);
  justify-items: center;
}
.brands-stack .brand-list-centered .brand-mark {
  width: 100%;
  min-width: 0;
}
.brands-stack .brand-list-centered .brand-mark img {
  max-width: 100%;
  max-height: 52px;
  object-fit: contain;
}
.brand-mark-faceit img { width: 62px; }
.brand-mark-fastcup img { width: 48px; }
.brand-mark-static { cursor: default; }

/* Compact neutral artwork keeps a comfortable touch target around each icon. */
.site-footer .telegram-channel-links {
  width: auto;
  height: 44px;
  gap: 8px;
}
.site-footer .telegram-channel-link {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  background: transparent;
}
.telegram-channel-link img {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.telegram-channel-link:hover { filter: brightness(1.15); }
.telegram-channel-link:focus-visible {
  outline: 2px solid #B3B3B3;
  outline-offset: 3px;
}


/* Figma typefaces with readable native sizing. Text cards grow with their content; only the
   carousel viewport is bounded so longer Cyrillic titles remain available. */
body { font-size: 16px; line-height: 1.5; }
.site-header, .site-main, .site-footer { font-family: var(--mono); }
.main-navigation a, .page-shell-responsive .main-navigation a {
  font-family: var(--mono); font-size: 16px; font-weight: 400;
  line-height: 1.4; white-space: nowrap;
}
.connect-button, .page-shell-responsive .connect-button {
  min-height: 44px; font-family: var(--display); font-size: 15px;
  font-weight: 900; line-height: 1.4; text-transform: uppercase;
}
.section-header h2, .community-panel .section-header h2, .faq-panel .section-header h2 {
  font-family: var(--display); font-size: 22px; font-weight: 900; line-height: 1.4; letter-spacing: 0; text-transform: uppercase;
}
.top-grid, .lower-grid { height: auto; align-items: start; }
.top-grid > .news-panel, .top-grid > .match-panel {
  height: auto; min-height: 0; display: flex; flex-direction: column;
}
.top-grid .section-header, .lower-grid .section-header {
  min-height: 76px; height: auto; padding: 16px; flex-wrap: wrap; gap: 12px;
}
.top-grid .select-field, .lower-grid .select-field {
  width: 210px; flex: 0 1 210px;
}
.top-grid .select-field-label, .lower-grid .select-field-label, .select-field-label {
  min-height: 44px; padding: 10px 12px; font-family: var(--mono);
  font-size: 14px; line-height: 1.45;
}
.top-grid > .news-panel .panel-carousel,
.top-grid > .match-panel .panel-carousel {
  height: auto; min-height: 0; flex: none; padding: 0 16px 16px;
}
.top-grid .panel-carousel > [data-carousel-viewport] { height: auto; max-height: 568px; }
.top-grid .panel-carousel ul { height: auto; gap: 10px; }
.top-grid .news-carousel li, .top-grid .home-matches-carousel li { flex: 0 0 auto; min-height: 0; }
.top-grid .news-card-shell, .top-grid .news-card { height: auto; }
.news-panel .news-card { min-height: 138px; grid-template-columns: minmax(0, 2fr) minmax(88px, 1fr); }
.news-panel .news-card-copy { padding: 14px; gap: 12px; overflow: visible; }
.news-panel .news-card-copy strong {
  display: block; position: static; margin: 0; font-family: var(--mono);
  font-size: 17px; font-weight: 800; line-height: 1.45; max-height: none;
  overflow: visible; overflow-wrap: break-word; word-break: normal;
  white-space: normal; -webkit-line-clamp: unset;
}
.news-panel .news-meta, .news-meta {
  height: auto; font-family: var(--mono); font-size: 14px; line-height: 1.45;
  color: #b8b8c4; flex-wrap: wrap; gap: 5px 8px; white-space: normal;
}
.news-meta time { display: inline; color: #b8b8c4; }
.news-meta .runner-mark { display: none; }
.news-panel .news-chip, .news-chip {
  height: auto; min-height: 26px; padding: 3px 8px; font-family: var(--display);
  font-size: 14px; font-weight: 900; line-height: 1.4;
  color: #b9abff; overflow: visible; white-space: normal;
}
.news-panel .news-card > img { height: 100%; min-height: 138px; align-self: stretch; }
.news-not-interested-button { font-family: var(--mono); font-size: 14px; line-height: 1.4; letter-spacing: 0; }
.home-match-tabs { height: auto; min-height: 48px; flex: none; }
.home-match-tabs button { min-height: 44px; font-family: var(--mono); font-size: 14px; line-height: 1.4; }
.match-panel .home-match-card {
  height: auto; min-height: 178px; padding: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  grid-template-rows: auto auto; gap: 14px;
}
.home-match-information, .home-match-information > strong,
.home-match-information > small, .match-panel .home-match-market > small {
  overflow: visible; white-space: normal; text-overflow: clip;
  font-family: var(--mono); font-size: 14px; line-height: 1.45;
  overflow-wrap: break-word; word-break: normal;
}
.home-match-information > strong { margin-top: 7px; font-weight: 600; }
.home-match-meta { height: auto; min-height: 24px; flex-wrap: wrap; }
.home-match-meta > small { color: #b7b7c2; font-size: 14px; line-height: 1.45; }
.home-match-status {
  height: auto; min-height: 28px; max-width: 100%; font-family: var(--mono);
  font-size: 14px; font-weight: 600; line-height: 1.4;
  overflow: visible; white-space: normal; color: #c4c4ce;
}
.match-panel .home-team-side {
  font-family: var(--mono); font-size: 16px; line-height: 1.35; gap: 7px;
}
.match-panel .home-team-side > span:last-child {
  display: block; overflow: visible; white-space: normal; overflow-wrap: break-word;
  word-break: normal; hyphens: none; -webkit-line-clamp: unset;
}
.home-match-versus { color: #b8b8c4; font-family: var(--mono); font-size: 14px; }
.match-panel .home-team-badge { width: 44px; height: 44px; }
.match-panel .home-match-market {
  grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); gap: 8px;
}
.match-panel .home-match-market > small { color: #b8b8c4; font-size: 14px; line-height: 1.4; }
.match-panel .home-match-market .home-odd { height: auto; min-height: 44px; padding: 8px 10px; }
.match-panel .home-odd small, .match-panel .home-odd strong { font-size: 14px; line-height: 1.4; }
.home-match-error, .home-match-notice, .home-match-loading,
.empty-state, .news-load-error { font-size: 14px; line-height: 1.5; color: #bdbdc8; }
.home-match-error button { min-height: 44px; font-family: var(--mono); font-size: 14px; }
.home-match-notice { height: auto; margin: 0 16px 12px; white-space: normal; overflow: visible; transform: none; }

/* The promotion uses normal flow so larger copy cannot cover its features. */
.top-grid > .battlepass-panel { height: auto; min-height: 0; }
.battlepass-link { position: relative; display: flex; min-height: 638px; padding: 24px; flex-direction: column; gap: 22px; }
.battlepass-label, .battlepass-copy, .battlepass-features, .battlepass-cta { position: static; width: 100%; height: auto; }
.battlepass-label { min-height: 24px; font-family: var(--mono); font-size: 14px; flex-wrap: wrap; }
.battlepass-label strong { font-family: var(--display); font-weight: 900; }
.battlepass-label span { color: #b9abff; font-size: 14px; line-height: 1.4; }
.battlepass-copy { flex: 1; }
.battlepass-logo { width: 180px; height: auto; aspect-ratio: 1.5; }
.battlepass-copy h2 { width: min(100%, 10ch); margin-top: 18px; font-size: clamp(38px, 2.8vw, 52px); line-height: 1.2; letter-spacing: 0; }
.battlepass-copy p { width: min(100%, 29ch); margin-top: 14px; font-family: var(--mono); font-size: 16px; line-height: 1.6; }
.battlepass-features { min-height: 72px; margin-top: 10px; gap: 8px; }
.battlepass-feature { justify-content: flex-start; gap: 10px; }
.battlepass-feature span { max-width: 100%; font-family: var(--mono); font-size: 14px; font-weight: 600; line-height: 1.4; white-space: normal; }
.battlepass-cta { min-height: 48px; padding: 12px 16px; font-family: var(--display); font-size: 15px; font-weight: 900; line-height: 1.4; text-transform: uppercase; }
.battlepass-background, .battlepass-hero { width: 65%; max-width: 354px; height: 415px; opacity: .68; }
.lower-grid > .community-panel, .lower-grid > .faq-panel { height: auto; min-height: 0; }
.community-content { height: auto; min-height: 0; padding: 0 16px 16px; }
.community-content .ambassadors-carousel { height: 270px; }
.community-content .ambassadors-carousel > div { height: 260px; }
.community-content .ambassadors-carousel ul,
.community-content .ambassadors-carousel li,
.community-content .ambassador-card { height: 100%; }
.ambassador-copy strong { font-family: var(--display); font-size: 16px; font-weight: 900; line-height: 1.4; }
.ambassador-copy > span { font-family: var(--mono); font-size: 14px; line-height: 1.4; color: #c4c4ce; }
.brands-stack .brand-row h3 { font-family: var(--display); font-size: 14px; font-weight: 900; line-height: 1.5; }
.faq-grid { height: auto; grid-template-rows: none; grid-auto-rows: auto; }
.faq-question-button { height: auto; min-height: 88px; padding: 16px; font-family: var(--mono); font-size: 15px; line-height: 1.5; }
.legal-links button, .age-mark { font-family: var(--mono); font-size: 14px; line-height: 1.5; color: #bdbdc8; }
.legal-links button { min-height: 44px; white-space: normal; }

.details-modal > span, .auth-dialog-header > span { color: #b9abff; font-size: 14px; line-height: 1.5; letter-spacing: 0; }
.details-modal h2 { line-height: 1.2; }
.details-modal p { font-size: 17px; line-height: 1.65; }
.auth-dialog .auth-dialog-header h2 { font-size: 40px; line-height: 1.15; }
.auth-field > label, .auth-consent {
  color: #d1d1da; font-family: var(--mono); font-size: 15px;
  line-height: 1.5; letter-spacing: 0; text-transform: none;
}
.auth-input { min-height: 52px; font-size: 16px; line-height: 1.5; }
.auth-password-toggle, .auth-submit, .auth-profile-entry { font-family: var(--mono); font-size: 15px; font-weight: 600; line-height: 1.4; }
.auth-field-hint, .auth-field-error, .auth-dialog .auth-status, .auth-form-actions button { font-size: 14px; line-height: 1.5; }
.auth-field-hint, .auth-form-actions button, .auth-profile-entry { color: #bdbdc8; }
.auth-form-actions { flex-wrap: wrap; }

@media (min-width: 769px) {
  .site-header, .page-shell-responsive .site-header {
    height: 72px; padding: 0 24px;
    grid-template-columns: minmax(130px, 180px) minmax(0, 1fr) minmax(140px, 180px);
  }
  .main-navigation, .page-shell-responsive .main-navigation { height: 71px; }
  .connect-button, .page-shell-responsive .connect-button { width: 160px; margin-top: 14px; padding: 0 14px; }
}
@media (min-width: 1001px) and (max-width: 1500px) {
  .lower-grid { grid-template-columns: minmax(0, 1fr); }
  .lower-grid > .community-panel { grid-column: auto; }
  .faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .top-grid, .lower-grid { grid-template-columns: minmax(0, 1fr); }
  .lower-grid > .community-panel { grid-column: auto; }
}
@media (max-width: 768px) {
  .site-header, .page-shell-responsive .site-header {
    height: calc(92px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 12px 0;
    grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 48px 44px;
  }
  .brand-button { min-height: 44px; }
  .brand-button img { width: 96px; height: auto; }
  .connect-button, .page-shell-responsive .connect-button {
    width: 136px; height: 40px; min-height: 40px; margin: 4px 0 0 auto;
    padding: 0 10px; font-size: 14px; gap: 6px;
  }
  .main-navigation, .page-shell-responsive .main-navigation {
    display: flex; width: calc(100% + 24px); height: 44px; margin-left: -12px;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
    grid-column: 1 / -1; grid-row: 2;
  }
  .main-navigation::-webkit-scrollbar { display: none; }
  .main-navigation a, .page-shell-responsive .main-navigation a {
    height: 44px; min-height: 44px; min-width: max-content; flex: 1 0 auto;
    padding: 0 12px; font-size: 14px; font-weight: 400; line-height: 1.4;
  }
  .top-grid .section-header, .lower-grid .section-header {
    padding: 14px; min-height: 72px; align-items: stretch; flex-direction: column;
  }
  .top-grid .select-field, .lower-grid .select-field { width: 100%; flex-basis: auto; }
  .top-grid .panel-carousel > [data-carousel-viewport] { max-height: 620px; }
  .news-panel .news-card { min-height: 142px; grid-template-columns: minmax(0, 2fr) minmax(80px, 1fr); }
  .news-panel .news-card-copy { padding: 12px; gap: 10px; }
  .news-panel .news-card-copy strong { font-size: 16px; line-height: 1.45; }
  .news-panel .news-card > img { min-height: 142px; }
  .news-panel .news-meta { font-size: 14px; }
  .battlepass-link { min-height: 0; padding: 20px 16px; }
  .battlepass-copy h2 { font-size: clamp(38px, 12vw, 52px); }
  .battlepass-copy p { width: min(100%, 29ch); }
  .battlepass-features { gap: 6px; }
  .battlepass-feature { padding: 0 4px; }
  .community-content .ambassadors-carousel { height: 264px; }
  .community-content .ambassadors-carousel > div { height: 254px; }
  .faq-grid { grid-auto-rows: auto; }
  .faq-question-button { min-height: 76px; }
  .auth-dialog .auth-dialog-header h2 { font-size: clamp(28px, 8vw, 36px); line-height: 1.2; }
}

@media (min-width: 769px) and (max-width: 1000px) {
  .site-header, .page-shell-responsive .site-header { grid-template-columns: 130px minmax(0, 1fr) 140px; padding: 0 16px; }
  .brand-button img { width: 128px; height: auto; }
  .connect-button, .page-shell-responsive .connect-button { width: 140px; font-size: 14px; }
  .main-navigation a, .page-shell-responsive .main-navigation a { font-size: 14px; }
}

@media (max-width: 360px) {
  .main-navigation a, .page-shell-responsive .main-navigation a { padding-inline: 6px; }
}

.battlepass-panel { container-type: inline-size; container-name: promotion; }
@container promotion (max-width: 520px) {
  .battlepass-features { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 12px; }
  .battlepass-feature { flex-direction: row; align-items: center; border-right: 0; padding: 0; }
  .battlepass-feature svg { flex: 0 0 24px; }
  .battlepass-feature span { text-align: left; }
}