:root {
  --ag-lobby-safe-top: env(safe-area-inset-top, 0px);
  --ag-lobby-safe-right: env(safe-area-inset-right, 0px);
  --ag-lobby-safe-bottom: env(safe-area-inset-bottom, 0px);
  --ag-lobby-safe-left: env(safe-area-inset-left, 0px);
}

html.ag-lobby-layout-segmented {
  min-width: 0;
  min-height: 100%;
  overflow-x: hidden;
  background: #101010;
  overscroll-behavior-x: none;
}

body.ag-layout-segmented {
  --lobby-header-height: var(--ag-lobby-header-height);
  --lobby-edge: var(--ag-lobby-edge);
  --lobby-grid-gap: var(--ag-lobby-gap);
  display: block;
  width: 100%;
  height: auto;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--ag-lobby-header-total) 0 0;
  background-attachment: scroll;
  background-position: center top;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  scroll-padding-top: var(--ag-lobby-header-total);
}

body.ag-layout-segmented .lobby-command-bar {
  position: fixed;
  inset: 0 auto auto;
  z-index: 100;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  height: var(--ag-lobby-header-total);
  min-height: var(--ag-lobby-header-total);
  padding-top: max(6px, var(--ag-lobby-safe-top));
  padding-right: max(var(--ag-lobby-header-inline), var(--ag-lobby-safe-right));
  padding-bottom: 6px;
  padding-left: max(var(--ag-lobby-header-inline), var(--ag-lobby-safe-left));
  gap: var(--ag-lobby-header-gap);
}

body.ag-layout-segmented .lobby-command-left {
  grid-area: 1 / 1;
  align-self: start;
  justify-self: start;
  transform: translate(var(--ag-lobby-brand-x, -6px), var(--ag-lobby-brand-y, -8px));
}

body.ag-layout-segmented .lobby-brand {
  gap: clamp(6px, 1.7vw, 13px);
}

body.ag-layout-segmented .lobby-brand-logo {
  width: clamp(72px, 15.5vw, 98px);
  height: clamp(48px, 11.5vw, 62px);
  padding: 2px 3px;
}

body.ag-layout-segmented .lobby-brand-text {
  display: block;
  max-width: calc(100vw - 96px);
  overflow: visible;
  font-size: clamp(24px, 4.9vw, 30px);
  letter-spacing: 0.035em;
  text-overflow: clip;
}

body.ag-layout-segmented .ag-player-area {
  grid-area: 1 / 1;
  align-self: end;
  justify-self: end;
  gap: clamp(3px, 1vw, 10px);
  margin-right: clamp(40px, 11vw, 52px);
  transform: translateY(var(--ag-lobby-player-area-y, 0px));
}

body.ag-layout-segmented .ag-player-chip {
  width: clamp(176px, 48vw, 292px);
  min-width: clamp(176px, 48vw, 292px);
  max-width: calc(100vw - 100px);
  min-height: clamp(42px, 10vw, 50px);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.ag-layout-segmented .lobby-brand-actions {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

body.ag-layout-segmented .ag-player-chip::before,
body.ag-layout-segmented .ag-player-chip::after {
  content: none;
  display: none;
}

body.ag-layout-segmented .ag-player-chip-main {
  display: flex;
  min-width: 0;
}

body.ag-layout-segmented .ag-player-chip-name {
  font-size: clamp(14px, 3.8vw, 18px);
}

body.ag-layout-segmented .ag-player-chip-sub {
  display: none;
}

body.ag-layout-segmented .ag-player-chip-avatar,
body.ag-layout-segmented .ag-notification-btn,
body.ag-layout-segmented .ag-chip-menu-btn,
body.ag-layout-segmented .ag-logout-btn {
  width: clamp(34px, 8.5vw, 44px);
  height: clamp(34px, 8.5vw, 44px);
  flex-basis: clamp(34px, 8.5vw, 44px);
}

body.ag-layout-segmented .ag-player-chip-avatar {
  font-size: clamp(12px, 3.2vw, 15px);
}

body.ag-layout-segmented .ag-notification-icon {
  font-size: clamp(18px, 5vw, 22px);
}

body.ag-layout-segmented .ag-logout-icon {
  width: var(--ag-lobby-logout-icon-size, 70%);
  height: var(--ag-lobby-logout-icon-size, 70%);
  stroke-width: var(--ag-lobby-logout-icon-stroke, 2.35);
}

body.ag-layout-segmented .ag-language-switch {
  display: block;
  width: var(--ag-lobby-language-width, clamp(34px, 8.5vw, 44px));
  height: clamp(56px, 14vw, 64px);
  flex: 0 0 auto;
  transform: translateX(var(--ag-lobby-language-x, 0px));
  padding: 3px;
  border: 1px solid rgba(255, 208, 136, 0.34);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(46, 52, 58, 0.74), rgba(10, 13, 18, 0.76));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 18px rgba(0, 0, 0, 0.24),
    0 0 10px rgba(255, 184, 82, 0.1);
  backdrop-filter: blur(10px) saturate(1.12);
  -webkit-backdrop-filter: blur(10px) saturate(1.12);
}

body.ag-layout-segmented .ag-language-trigger {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 238, 209, 0.78);
  cursor: pointer;
}

body.ag-layout-segmented .ag-language-current {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 0, rgba(255, 248, 232, 0.96) 0%, rgba(255, 204, 123, 0.94) 48%, rgba(188, 108, 32, 0.92) 100%);
  color: #35210d;
  font: 900 var(--ag-lobby-language-font-size, clamp(8px, 2.2vw, 11px))/1 "Montserrat", sans-serif;
  letter-spacing: 0.03em;
  box-shadow:
    inset 0 1px 4px rgba(255, 248, 232, 0.26),
    0 0 9px rgba(255, 184, 82, 0.16);
}

body.ag-layout-segmented .ag-language-arrow {
  align-self: center;
  justify-self: center;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: margin 160ms ease, transform 160ms ease;
}

body.ag-layout-segmented .ag-language-switch.is-open .ag-language-arrow {
  margin-top: 3px;
  transform: rotate(225deg);
}

body.ag-layout-segmented .ag-language-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 180;
  display: grid;
  width: var(--ag-lobby-language-width, clamp(34px, 8.5vw, 44px));
  max-height: calc(100dvh - 8px);
  overflow-y: auto;
  padding: 4px;
  border: 1px solid rgba(255, 208, 136, 0.34);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(46, 52, 58, 0.96), rgba(10, 13, 18, 0.97));
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.38),
    0 0 12px rgba(255, 184, 82, 0.12);
  backdrop-filter: blur(10px) saturate(1.12);
  -webkit-backdrop-filter: blur(10px) saturate(1.12);
}

body.ag-layout-segmented .ag-language-menu[hidden] {
  display: none;
}

body.ag-layout-segmented .ag-language-option {
  display: inline-flex;
  width: 100%;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 238, 209, 0.76);
  font: 900 clamp(9px, 2.4vw, 12px)/1 "Montserrat", sans-serif;
  letter-spacing: 0.03em;
  cursor: pointer;
}

body.ag-layout-segmented .ag-language-option:hover,
body.ag-layout-segmented .ag-language-option.is-active {
  background: radial-gradient(circle at 30% 0, rgba(255, 248, 232, 0.96) 0%, rgba(255, 204, 123, 0.94) 48%, rgba(188, 108, 32, 0.92) 100%);
  color: #35210d;
  box-shadow:
    inset 0 1px 4px rgba(255, 248, 232, 0.26),
    0 0 9px rgba(255, 184, 82, 0.16);
}

body.ag-layout-segmented .ag-language-trigger:focus-visible,
body.ag-layout-segmented .ag-language-option:focus-visible {
  outline: 2px solid rgba(255, 215, 155, 0.82);
  outline-offset: 2px;
}

body.ag-layout-segmented .ag-player-menu-panel {
  top: calc(var(--ag-lobby-header-total) + 4px);
}

body.ag-layout-segmented .ag-banner-tournament-center {
  display: none !important;
}

body.ag-layout-segmented .ana-akis-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(8, auto);
  gap: var(--ag-lobby-gap);
  width: min(100%, var(--ag-lobby-content-max));
  height: auto;
  min-height: 0;
  margin: 0 auto;
  padding: var(--ag-lobby-content-top-gap, var(--ag-lobby-gap))
    max(var(--ag-lobby-edge), var(--ag-lobby-safe-right))
    max(var(--ag-lobby-edge), var(--ag-lobby-safe-bottom))
    max(var(--ag-lobby-edge), var(--ag-lobby-safe-left));
  overflow: visible;
}

body.ag-layout-segmented .ana-akis-panel-stack {
  display: contents;
}

body.ag-layout-segmented .merkez-gradient-panel,
body.ag-layout-segmented .ag-lens-inline-wrap,
body.ag-layout-segmented #mac-arayanlar-panel,
body.ag-layout-segmented #acik-masalar-panel,
body.ag-layout-segmented .ag-lobby-memberships-panel,
body.ag-layout-segmented #ana-akis-panel {
  position: relative !important;
  inset: auto !important;
  grid-column: 1;
  align-self: stretch;
  width: 100% !important;
  max-width: none;
  min-width: 0;
  margin: 0;
  transform: none !important;
}

body.ag-layout-segmented .merkez-gradient-panel {
  grid-row: 2;
  width: calc(100% + var(--ag-lobby-action-width-extra, 0px)) !important;
  height: auto;
  min-height: var(--ag-lobby-action-height);
  margin-top: var(--ag-lobby-action-offset-y, 0px);
  margin-right: var(--ag-lobby-action-margin-inline, 0px);
  margin-left: var(--ag-lobby-action-margin-inline, 0px);
  padding: var(--ag-lobby-panel-padding);
  overflow: hidden;
}

body.ag-layout-segmented .ag-lens-inline-wrap {
  grid-row: 3;
  justify-self: stretch;
  height: auto;
  max-height: none;
  aspect-ratio: 3.75 / 1;
  padding: var(--ag-lobby-compact-padding);
}

body.ag-layout-segmented .ag-lobby-memberships-panel {
  grid-row: 4;
  height: var(--ag-lobby-membership-height) !important;
  min-height: 0 !important;
}

body.ag-layout-segmented #mac-arayanlar-panel {
  grid-row: 5;
  height: var(--ag-lobby-seekers-height) !important;
  min-height: 0 !important;
}

body.ag-layout-segmented #acik-masalar-panel {
  grid-row: 6;
  height: var(--ag-lobby-tables-height) !important;
  min-height: 0 !important;
}

body.ag-layout-segmented #ana-akis-panel {
  grid-row: 7;
  height: var(--ag-lobby-calendar-height) !important;
  min-height: 0 !important;
}

body.ag-layout-segmented #agSocialDrawer {
  position: relative;
  inset: auto;
  z-index: 20;
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  justify-self: end;
  width: min(82vw, 360px);
  height: var(--ag-lobby-friends-collapsed-height, max(44px, var(--lobby-friends-height, 6dvh)));
  min-height: var(--ag-lobby-friends-collapsed-height, 44px);
  max-height: calc(100dvh - var(--ag-lobby-header-total) - var(--ag-lobby-gap) - var(--ag-lobby-safe-bottom));
  margin: 0;
}

body.ag-layout-segmented #agSocialDrawer.is-open {
  height: min(72dvh, calc(100dvh - var(--ag-lobby-header-total) - (2 * var(--ag-lobby-gap)) - var(--ag-lobby-safe-bottom)));
  max-height: calc(100dvh - var(--ag-lobby-header-total) - (2 * var(--ag-lobby-gap)) - var(--ag-lobby-safe-bottom));
}

body.ag-device-small.ag-layout-segmented .ana-akis-shell {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 6px;
}

body.ag-device-small.ag-layout-segmented .merkez-gradient-panel {
  grid-column: 1 / -1;
  grid-row: 1;
  margin-top: calc(var(--ag-lobby-action-offset-y, 0px) + 10px);
  min-height: calc(var(--ag-lobby-action-height) + 16px);
}

body.ag-device-small.ag-layout-segmented .ag-lens-inline-wrap {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  aspect-ratio: 3.35 / 1;
  padding: 2px;
  transform: translateY(calc(4px - var(--ag-lobby-gap))) !important;
}

body.ag-device-small.ag-layout-segmented .ag-lens-inline-wrap::before {
  inset: 2px;
}

body.ag-device-small.ag-layout-segmented .ag-lens-cta-body {
  display: grid;
  place-items: center;
  gap: 0;
}

body.ag-device-small.ag-layout-segmented .ag-lens-cta-copy {
  position: absolute;
  inset: 0;
  display: grid;
  width: 100%;
  max-width: none;
  place-items: center;
  transform: none;
}

body.ag-device-small.ag-layout-segmented .ag-lens-title {
  width: 100%;
  font-size: clamp(13px, 4.2vw, 17px);
  letter-spacing: 0.08em;
  text-align: center;
}

body.ag-device-small.ag-layout-segmented .ag-lens-subtitle,
body.ag-device-small.ag-layout-segmented .ag-lens-action-row {
  display: none;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 3.35 / 1;
  container-type: inline-size;
  grid-template-columns: 15% minmax(0, 1fr) 7%;
  gap: 2.5%;
  padding: 1.75% 2.25% 1.75% 1.75%;
  border-radius: clamp(5px, 1.6vw, 7px);
  transform: translateY(calc(4px - var(--ag-lobby-gap))) !important;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher .ag-feedback-launcher__mascot {
  width: 15cqi;
  height: 15cqi;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher .ag-feedback-launcher__copy {
  align-items: center;
  gap: 0;
  text-align: center;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher .ag-feedback-launcher__copy strong {
  font-size: 0;
  white-space: nowrap;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher .ag-feedback-launcher__copy strong::after {
  content: "ŞİKAYET - ÖNERİ";
  font-size: clamp(9px, 3cqi, 10.5px);
  letter-spacing: 0.015em;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher .ag-feedback-launcher__copy small {
  display: none;
}

body.ag-device-small.ag-layout-segmented #agFeedbackLauncher .ag-feedback-launcher__arrow {
  width: 7cqi;
  height: 7cqi;
  font-size: 4.5cqi;
}

body.ag-device-small.ag-layout-segmented .ag-lobby-memberships-panel {
  grid-column: 1 / -1;
  grid-row: 3;
}

body.ag-device-small.ag-layout-segmented #mac-arayanlar-panel {
  grid-column: 1 / -1;
  grid-row: 4;
}

body.ag-device-small.ag-layout-segmented #mac-arayanlar-panel .universal-panel-surface {
  --universal-panel-header-height: 34px;
}

body.ag-device-small.ag-layout-segmented :is(#mac-arayanlar-panel, #acik-masalar-panel) .universal-panel-title {
  align-self: center;
  padding-left: 54px;
  font-size: clamp(17px, 4.9vw, 19px);
  line-height: 1;
}

body.ag-device-small.ag-layout-segmented :is(#mac-arayanlar-panel, #acik-masalar-panel) .universal-panel-title-dice {
  top: 13px;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel {
  grid-column: 1 / -1;
  grid-row: 5;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel .universal-panel-surface {
  --universal-panel-header-height: 34px;
  --universal-panel-gap: 44px;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel .acik-masalar-header {
  display: flex;
  align-items: center;
  padding: 0 8px;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel .acik-masalar-header .universal-panel-title {
  width: 100%;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel .acik-masalar-arama {
  position: absolute;
  top: 45px;
  right: 14px;
  left: 14px;
  z-index: 8;
  width: auto;
  height: 36px;
  flex: none;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  padding: 0 11px;
  border-radius: 10px;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel .acik-masalar-arama svg {
  width: 16px;
  height: 16px;
}

body.ag-device-small.ag-layout-segmented #acik-masalar-panel .acik-masalar-arama input {
  font-size: 13px;
}

body.ag-device-small.ag-layout-segmented #ana-akis-panel {
  grid-column: 1 / -1;
  grid-row: 6;
}

body.ag-device-small.ag-layout-segmented[data-game-world="backgammon"] :is(.ag-lobby-memberships-panel, #ana-akis-panel) {
  display: none !important;
}

body.ag-device-small.ag-layout-segmented[data-game-world="backgammon"] #mac-arayanlar-panel {
  grid-row: 3;
}

body.ag-device-small.ag-layout-segmented[data-game-world="backgammon"] #acik-masalar-panel {
  grid-row: 4;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer {
  position: fixed !important;
  top: calc(var(--ag-lobby-safe-top) + 2px) !important;
  right: max(2px, var(--ag-lobby-safe-right)) !important;
  bottom: auto !important;
  left: max(2px, var(--ag-lobby-safe-left)) !important;
  z-index: 120;
  width: auto !important;
  height: 0;
  min-height: 0;
  max-height: calc(100dvh - var(--ag-lobby-header-total) - var(--ag-lobby-mobile-dock-height, 72px) - var(--ag-lobby-safe-bottom) - 6px);
  justify-self: stretch;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition:
    height 240ms cubic-bezier(0.22, 0.8, 0.24, 1),
    opacity 160ms ease,
    transform 220ms cubic-bezier(0.22, 0.8, 0.24, 1);
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer.is-open {
  height: calc(100dvh - var(--ag-lobby-safe-top) - var(--ag-lobby-mobile-dock-height, 72px) - var(--ag-lobby-safe-bottom) - 33px);
  max-height: calc(100dvh - var(--ag-lobby-safe-top) - var(--ag-lobby-mobile-dock-height, 72px) - var(--ag-lobby-safe-bottom) - 33px);
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

body.ag-device-small.ag-layout-segmented.ag-lobby-keyboard-open #agSocialDrawer.is-open {
  top: calc(var(--ag-lobby-visual-viewport-offset-top, 0px) + var(--ag-lobby-safe-top) + 2px) !important;
  height: calc(var(--ag-lobby-visual-viewport-height, 100dvh) - var(--ag-lobby-safe-top) - 4px);
  max-height: calc(var(--ag-lobby-visual-viewport-height, 100dvh) - var(--ag-lobby-safe-top) - 4px);
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: rgba(3, 7, 12, 0.58);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(3px) brightness(0.68);
  -webkit-backdrop-filter: blur(3px) brightness(0.68);
  transition: opacity 180ms ease;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer.is-open::before {
  opacity: 1;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-social-drawer-shell {
  width: 100%;
  border-top: 1px solid rgba(255, 221, 157, 0.34);
  border-radius: 16px 16px 10px 10px;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(255, 185, 73, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer:not(.is-open) .ag-social-drawer-shell {
  width: 100%;
  visibility: hidden;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-social-handle {
  display: none;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-presence-control {
  top: 5px;
  right: 40px;
  left: auto;
  z-index: 9;
  width: 28px;
  height: 28px;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer:not(.is-open) .ag-presence-control {
  display: none;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-presence-handle {
  position: static;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 221, 157, 0.36);
  border-radius: 50%;
  background: rgba(255, 234, 194, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-chat-close {
  top: 5px;
  right: 6px;
  width: 28px;
  height: 28px;
  border-color: rgba(255, 221, 157, 0.36);
  background: rgba(255, 234, 194, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-chat-drawer-toolbar {
  padding-right: 70px;
}

body.ag-device-small.ag-layout-segmented #agSocialDrawer .ag-presence-menu {
  top: 34px;
  right: 0;
  left: auto;
}

body.ag-layout-segmented #agFeedbackLauncher {
  position: relative;
  inset: auto;
  grid-column: 1;
  grid-row: 8;
  width: 100%;
  height: max(74px, var(--lobby-feedback-height, 8dvh));
  min-height: 74px;
  margin: 0;
}

body.ag-layout-segmented .ana-akis-butonlari {
  grid-template-columns: var(--ag-lobby-action-columns, minmax(0, 1fr));
  gap: var(--ag-lobby-action-buttons-gap, var(--ag-lobby-control-gap));
}

body.ag-layout-segmented .ana-akis-buton {
  min-height: var(--ag-lobby-action-button-height);
  touch-action: manipulation;
}

body.ag-device-small.ag-layout-segmented .ana-akis-buton {
  padding-right: 4px;
  padding-left: clamp(48px, 15vw, 58px);
  font-size: clamp(15px, 4.8vw, 20px);
}

body.ag-device-small.ag-layout-segmented .ana-akis-butonlari {
  width: calc(100% + 8px);
  margin-right: -4px;
  margin-left: -4px;
}

body.ag-device-small.ag-layout-segmented .ana-akis-buton-yazi {
  display: inline-block;
  transform: translateX(3px);
}

body.ag-device-small.ag-layout-segmented .ag-hero-match-visual {
  left: -2px;
  width: clamp(52px, 17.5vw, 68px);
  height: clamp(50px, 15.8vw, 64px);
}

body.ag-device-small.ag-layout-segmented .ag-hero-match-visual__plate {
  transform: translateX(4px) scale(0.76, 0.82);
  transform-origin: 0 50%;
}

body.ag-device-small.ag-layout-segmented .ag-hero-match-visual__lens {
  width: 21px;
  height: 21px;
  border-width: 2.5px;
}

body.ag-device-small.ag-layout-segmented .ag-hero-match-visual__lens-handle {
  left: 17px;
  top: 15px;
  width: 16px;
  height: 4px;
}

body.ag-device-small.ag-layout-segmented .ag-hero-board-visual {
  left: 0;
  top: 47%;
  width: clamp(48px, 16vw, 62px);
  height: clamp(56px, 18vw, 70px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(2, auto) auto auto;
  row-gap: 10px;
  transform: none;
}

body.ag-device-small.ag-layout-segmented .masa-ac-form > .masa-ac-alan {
  position: relative;
  left: 0;
  display: grid;
  width: 100%;
  grid-template-columns: clamp(56px, 20vw, 72px) minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  gap: 4px;
  text-align: left;
  transform: none;
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .rakip-bul-etiket,
body.ag-device-small.ag-layout-segmented .masa-ac-form > .masa-ac-alan:nth-child(2) > .rakip-bul-etiket {
  justify-self: start;
  margin: 0;
  transform: none;
}

body.ag-device-small.ag-layout-segmented .masa-skor-carousel {
  width: 100%;
  justify-self: start;
}

body.ag-device-small.ag-layout-segmented .masa-ac-form > .masa-ac-alan:first-child > .rakip-bul-etiket {
  font-size: clamp(13px, 4.1vw, 16px);
}

body.ag-device-small.ag-layout-segmented .masa-skor-carousel .masa-skor-cam {
  height: clamp(40px, 12.8vw, 46px);
}

body.ag-device-small.ag-layout-segmented .masa-skor-carousel .masa-skor-rakam {
  width: clamp(34px, 10.8vw, 42px);
  height: clamp(34px, 10.8vw, 42px);
  flex-basis: clamp(34px, 10.8vw, 42px);
  font-size: clamp(15px, 4.6vw, 18px);
}

body.ag-device-small.ag-layout-segmented .masa-skor-carousel .masa-skor-rakam-active {
  font-size: clamp(18px, 5.8vw, 22px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form > .masa-ac-alan:nth-child(2) > .rakip-bul-etiket {
  font-size: clamp(12px, 3.9vw, 15px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-inputlari {
  width: 100%;
  grid-template-columns: repeat(2, max-content);
  gap: 4px;
  justify-content: start;
  transform: translateY(-8px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-kontrol:first-child,
body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-kontrol + .sure-kontrol {
  transform: none;
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-kontrol,
body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-kontrol-editing {
  width: auto;
  grid-template-columns:
    clamp(29px, 8.7vw, 34px)
    clamp(49px, 15vw, 58px)
    clamp(29px, 8.7vw, 34px);
  gap: 2px;
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-step {
  width: clamp(29px, 8.7vw, 34px);
  min-width: clamp(29px, 8.7vw, 34px);
  height: clamp(34px, 10.5vw, 41px);
  font-size: clamp(16px, 5vw, 19px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-deger,
body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-kontrol-editing .sure-deger {
  width: clamp(49px, 15vw, 58px);
  height: clamp(34px, 10.5vw, 41px);
  flex-basis: clamp(49px, 15vw, 58px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-sayi {
  font-size: clamp(16px, 4.9vw, 19px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-form .sure-birim {
  font-size: clamp(8px, 2.5vw, 10px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-switchler {
  --ag-small-switch-ray-width: clamp(34px, 10.6vw, 40px);
  --ag-small-switch-ray-height: clamp(22px, 6.9vw, 26px);
  --ag-small-switch-knob-size: clamp(18px, 5.6vw, 21px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-content: stretch;
  justify-items: center;
  gap: 0;
  margin-top: 0;
  padding-right: 5px;
  padding-left: 5px;
  transform: translate(3px, -31px);
}

body.ag-device-small.ag-layout-segmented .masa-switch {
  flex-direction: column;
  justify-self: center;
  min-height: clamp(40px, 12.6vw, 47px);
  gap: 2px;
  font-size: clamp(12px, 3.7vw, 15px);
  text-align: center;
  white-space: nowrap;
}

body.ag-device-small.ag-layout-segmented .masa-switch > span:first-child {
  display: inline-block;
  transform: none;
}

body.ag-device-small.ag-layout-segmented .masa-switch[data-table-option="pip"] {
  grid-column: auto;
  justify-self: auto;
}

body.ag-device-small.ag-layout-segmented .masa-switch[data-table-option="pip"] > span:first-child {
  font-size: 0;
}

body.ag-device-small.ag-layout-segmented .masa-switch[data-table-option="pip"] > span:first-child::after {
  content: "PiP";
  font-size: 14px;
}

body.ag-device-small.ag-layout-segmented .masa-switch-ray {
  width: var(--ag-small-switch-ray-width);
  height: var(--ag-small-switch-ray-height);
  border-width: 1px;
}

body.ag-device-small.ag-layout-segmented .masa-switch-dugme {
  top: 2px;
  left: 2px;
  width: var(--ag-small-switch-knob-size);
  height: var(--ag-small-switch-knob-size);
  transform: translateX(calc(var(--ag-small-switch-ray-width) - var(--ag-small-switch-knob-size) - 4px));
}

body.ag-device-small.ag-layout-segmented .masa-switch-active .masa-switch-dugme {
  transform: translateX(0);
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel .masa-aksiyon-buton {
  font-size: clamp(14px, 4.2vw, 16px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel .masa-kod-slot-row {
  transform: translateY(-3px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel .masa-kod-slot {
  height: 30px;
  font-size: clamp(21px, 6.2vw, 24px);
  line-height: 1;
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel {
  padding-bottom: 40px;
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel .masa-aksiyon-grup {
  margin-bottom: -28px;
  transform: translateY(-28px);
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel .akis-bilgi-kutusu {
  bottom: 0;
  height: 36px;
  transform: translateX(-50%);
}

body.ag-device-small.ag-layout-segmented .masa-ac-panel .akis-bilgi-kutusu p {
  font-size: 12px;
}

body.ag-layout-segmented :is(button, a, input, textarea, select) {
  -webkit-tap-highlight-color: transparent;
}

body.ag-layout-segmented .skor-secim {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--ag-lobby-score-gap);
  width: 100%;
  max-width: 100%;
}

body.ag-layout-segmented .skor-chip {
  width: 100%;
  min-width: 0;
  height: var(--ag-lobby-score-size);
  min-height: var(--ag-lobby-score-size);
}

body.ag-device-small.ag-layout-segmented .skor-secim {
  grid-template-columns: repeat(7, var(--ag-lobby-score-size));
  justify-content: center;
}

body.ag-device-small.ag-layout-segmented .skor-chip {
  width: var(--ag-lobby-score-size);
  min-width: var(--ag-lobby-score-size);
  max-width: var(--ag-lobby-score-size);
  height: var(--ag-lobby-score-size);
  min-height: var(--ag-lobby-score-size);
  aspect-ratio: 1 / 1;
  justify-self: center;
  border-radius: 50%;
}

body.ag-layout-segmented .mod-chip,
body.ag-layout-segmented .hemen-oyna-buton,
body.ag-layout-segmented .masa-aksiyon-buton {
  min-height: 44px;
  touch-action: manipulation;
}

body.ag-layout-segmented .ag-modal-backdrop {
  padding-top: max(12px, var(--ag-lobby-safe-top));
  padding-right: max(12px, var(--ag-lobby-safe-right));
  padding-bottom: max(12px, var(--ag-lobby-safe-bottom));
  padding-left: max(12px, var(--ag-lobby-safe-left));
}

body.ag-layout-segmented .ag-modal-card {
  max-width: calc(100vw - 24px - var(--ag-lobby-safe-left) - var(--ag-lobby-safe-right));
  max-height: calc(100dvh - 24px - var(--ag-lobby-safe-top) - var(--ag-lobby-safe-bottom));
}

body.ag-layout-segmented.ag-orientation-landscape .ana-akis-butonlari {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ag-layout-segmented.ag-orientation-landscape .ana-akis-buton {
  min-height: var(--ag-lobby-action-button-height);
  font-size: clamp(19px, 3.2vw, 30px);
}

body.ag-layout-segmented.ag-orientation-landscape .ag-lens-inline-wrap {
  aspect-ratio: 3.75 / 1;
}

body.ag-layout-segmented.ag-orientation-landscape #agSocialDrawer {
  width: min(46vw, 380px);
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) .ana-akis-shell {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  grid-template-rows: repeat(4, auto);
  align-items: start;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) .merkez-gradient-panel {
  grid-column: 1;
  grid-row: 2 / 4;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) .ag-lens-inline-wrap {
  grid-column: 2;
  grid-row: 2;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) #mac-arayanlar-panel {
  grid-column: 2;
  grid-row: 3;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) .ag-lobby-memberships-panel {
  grid-column: 1;
  grid-row: 4;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) #acik-masalar-panel {
  grid-column: 2;
  grid-row: 4;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) #ana-akis-panel {
  grid-column: 1 / 3;
  grid-row: 5;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) #agSocialDrawer {
  grid-column: 1 / 3;
  grid-row: 1;
}

body.ag-layout-segmented.ag-orientation-landscape:is(.ag-device-big, .ag-device-tablet) #agFeedbackLauncher {
  grid-column: 1 / 3;
  grid-row: 6;
}

html[data-ag-viewport-bucket="small"][data-ag-orientation="portrait"] {
  --ag-lobby-header-height: clamp(37px, 5.7dvh, 41px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 7px;
  --ag-lobby-header-gap: 4px;
  --ag-lobby-edge: 7px;
  --ag-lobby-gap: 9px;
  --ag-lobby-content-top-gap: 0px;
  --ag-lobby-player-area-y: 7px;
  --ag-lobby-brand-x: -8px;
  --ag-lobby-brand-y: -12px;
  --ag-lobby-language-width: clamp(30px, 7.5vw, 39px);
  --ag-lobby-language-font-size: clamp(10px, 2.8vw, 13px);
  --ag-lobby-logout-icon-size: 94%;
  --ag-lobby-logout-icon-stroke: 2.75;
  --ag-lobby-language-x: 6px;
  --ag-lobby-friends-collapsed-height: 40px;
  --ag-lobby-action-offset-y: -4px;
  --ag-lobby-action-width-extra: 10px;
  --ag-lobby-action-margin-inline: -5px;
  --ag-lobby-action-columns: repeat(2, minmax(0, 1fr));
  --ag-lobby-action-buttons-gap: 6px;
  --ag-lobby-content-max: 100%;
  --ag-lobby-panel-padding: 12px 9px 10px;
  --ag-lobby-compact-padding: 5px;
  --ag-lobby-control-gap: 9px;
  --ag-lobby-score-gap: 3px;
  --ag-lobby-score-size: clamp(34px, 10.2vw, 39px);
  --ag-lobby-action-button-height: clamp(50px, 7.4dvh, 60px);
  --ag-small-panel-trim: 74px;
  --ag-lobby-action-height: calc(max(350px, 45dvh) - var(--ag-small-panel-trim));
  --ag-lobby-membership-height: 48dvh;
  --ag-lobby-seekers-height: 56dvh;
  --ag-lobby-tables-height: 48dvh;
  --ag-lobby-calendar-height: 72dvh;
}

html[data-ag-viewport-bucket="small"][data-ag-orientation="landscape"] {
  --ag-lobby-header-height: clamp(36px, 10.2dvh, 40px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 7px;
  --ag-lobby-header-gap: 4px;
  --ag-lobby-edge: 7px;
  --ag-lobby-gap: 8px;
  --ag-lobby-content-top-gap: 0px;
  --ag-lobby-player-area-y: 7px;
  --ag-lobby-brand-x: -8px;
  --ag-lobby-brand-y: -12px;
  --ag-lobby-language-width: clamp(30px, 7.5vw, 39px);
  --ag-lobby-language-font-size: clamp(10px, 2.8vw, 13px);
  --ag-lobby-logout-icon-size: 94%;
  --ag-lobby-logout-icon-stroke: 2.75;
  --ag-lobby-language-x: 6px;
  --ag-lobby-friends-collapsed-height: 40px;
  --ag-lobby-action-offset-y: -4px;
  --ag-lobby-action-width-extra: 10px;
  --ag-lobby-action-margin-inline: -5px;
  --ag-lobby-action-columns: repeat(2, minmax(0, 1fr));
  --ag-lobby-action-buttons-gap: 6px;
  --ag-lobby-content-max: 100%;
  --ag-lobby-panel-padding: 10px 9px 9px;
  --ag-lobby-compact-padding: 5px;
  --ag-lobby-control-gap: 7px;
  --ag-lobby-score-gap: 3px;
  --ag-lobby-score-size: clamp(34px, 6.5vw, 39px);
  --ag-lobby-action-button-height: clamp(44px, 12.8dvh, 52px);
  --ag-small-panel-trim: 64px;
  --ag-lobby-action-height: calc(max(270px, 70dvh) - var(--ag-small-panel-trim));
  --ag-lobby-membership-height: max(300px, 88dvh);
  --ag-lobby-seekers-height: max(340px, 100dvh);
  --ag-lobby-tables-height: max(320px, 94dvh);
  --ag-lobby-calendar-height: max(390px, 118dvh);
}

html[data-ag-viewport-bucket="middle"][data-ag-orientation="portrait"] {
  --ag-lobby-header-height: clamp(84px, 12dvh, 96px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 8px;
  --ag-lobby-header-gap: 5px;
  --ag-lobby-edge: 8px;
  --ag-lobby-gap: 10px;
  --ag-lobby-content-max: 100%;
  --ag-lobby-panel-padding: 13px 10px 11px;
  --ag-lobby-compact-padding: 6px;
  --ag-lobby-control-gap: 10px;
  --ag-lobby-score-gap: 4px;
  --ag-lobby-score-size: clamp(36px, 10vw, 41px);
  --ag-lobby-action-button-height: clamp(64px, 9.5dvh, 80px);
  --ag-lobby-action-height: max(680px, 84dvh);
  --ag-lobby-membership-height: 48dvh;
  --ag-lobby-seekers-height: 55dvh;
  --ag-lobby-tables-height: 47dvh;
  --ag-lobby-calendar-height: 70dvh;
}

html[data-ag-viewport-bucket="middle"][data-ag-orientation="landscape"] {
  --ag-lobby-header-height: clamp(78px, 21dvh, 86px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 8px;
  --ag-lobby-header-gap: 5px;
  --ag-lobby-edge: 8px;
  --ag-lobby-gap: 9px;
  --ag-lobby-content-max: 100%;
  --ag-lobby-panel-padding: 11px 10px 9px;
  --ag-lobby-compact-padding: 5px;
  --ag-lobby-control-gap: 8px;
  --ag-lobby-score-gap: 4px;
  --ag-lobby-score-size: clamp(36px, 6vw, 41px);
  --ag-lobby-action-button-height: clamp(56px, 16dvh, 66px);
  --ag-lobby-action-height: max(550px, 142dvh);
  --ag-lobby-membership-height: max(310px, 86dvh);
  --ag-lobby-seekers-height: max(350px, 98dvh);
  --ag-lobby-tables-height: max(330px, 92dvh);
  --ag-lobby-calendar-height: max(400px, 112dvh);
}

html[data-ag-viewport-bucket="big"][data-ag-orientation="portrait"] {
  --ag-lobby-header-height: clamp(86px, 11.5dvh, 98px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 10px;
  --ag-lobby-header-gap: 7px;
  --ag-lobby-edge: 10px;
  --ag-lobby-gap: 12px;
  --ag-lobby-content-max: 100%;
  --ag-lobby-panel-padding: 15px 12px 12px;
  --ag-lobby-compact-padding: 7px;
  --ag-lobby-control-gap: 11px;
  --ag-lobby-score-gap: 5px;
  --ag-lobby-score-size: clamp(38px, 9.6vw, 43px);
  --ag-lobby-action-button-height: clamp(66px, 9.5dvh, 82px);
  --ag-lobby-action-height: max(660px, 82dvh);
  --ag-lobby-membership-height: 47dvh;
  --ag-lobby-seekers-height: 54dvh;
  --ag-lobby-tables-height: 46dvh;
  --ag-lobby-calendar-height: 68dvh;
}

html[data-ag-viewport-bucket="big"][data-ag-orientation="landscape"] {
  --ag-lobby-header-height: clamp(80px, 19dvh, 88px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 10px;
  --ag-lobby-header-gap: 7px;
  --ag-lobby-edge: 10px;
  --ag-lobby-gap: 10px;
  --ag-lobby-content-max: 980px;
  --ag-lobby-panel-padding: 12px 11px 10px;
  --ag-lobby-compact-padding: 6px;
  --ag-lobby-control-gap: 9px;
  --ag-lobby-score-gap: 4px;
  --ag-lobby-score-size: clamp(36px, 4.4vw, 43px);
  --ag-lobby-action-button-height: clamp(58px, 14dvh, 68px);
  --ag-lobby-action-height: max(560px, 132dvh);
  --ag-lobby-membership-height: max(330px, 80dvh);
  --ag-lobby-seekers-height: max(390px, 92dvh);
  --ag-lobby-tables-height: max(350px, 84dvh);
  --ag-lobby-calendar-height: max(420px, 98dvh);
}

html[data-ag-viewport-bucket="tablet"][data-ag-orientation="portrait"] {
  --ag-lobby-header-height: clamp(90px, 10dvh, 102px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 14px;
  --ag-lobby-header-gap: 12px;
  --ag-lobby-edge: 14px;
  --ag-lobby-gap: 14px;
  --ag-lobby-content-max: 920px;
  --ag-lobby-panel-padding: 18px 18px 15px;
  --ag-lobby-compact-padding: 8px;
  --ag-lobby-control-gap: 12px;
  --ag-lobby-score-gap: 7px;
  --ag-lobby-score-size: clamp(42px, 6vw, 50px);
  --ag-lobby-action-button-height: clamp(68px, 8.8dvh, 88px);
  --ag-lobby-action-height: max(590px, 72dvh);
  --ag-lobby-membership-height: 44dvh;
  --ag-lobby-seekers-height: 50dvh;
  --ag-lobby-tables-height: 44dvh;
  --ag-lobby-calendar-height: 62dvh;
}

html[data-ag-viewport-bucket="tablet"][data-ag-orientation="landscape"] {
  --ag-lobby-header-height: clamp(82px, 13dvh, 92px);
  --ag-lobby-header-total: calc(var(--ag-lobby-header-height) + var(--ag-lobby-safe-top));
  --ag-lobby-header-inline: 14px;
  --ag-lobby-header-gap: 12px;
  --ag-lobby-edge: 12px;
  --ag-lobby-gap: 12px;
  --ag-lobby-content-max: 1180px;
  --ag-lobby-panel-padding: 15px 14px 12px;
  --ag-lobby-compact-padding: 7px;
  --ag-lobby-control-gap: 10px;
  --ag-lobby-score-gap: 5px;
  --ag-lobby-score-size: clamp(40px, 4.2vw, 48px);
  --ag-lobby-action-button-height: clamp(62px, 10dvh, 74px);
  --ag-lobby-action-height: max(600px, 82dvh);
  --ag-lobby-membership-height: max(360px, 54dvh);
  --ag-lobby-seekers-height: max(430px, 64dvh);
  --ag-lobby-tables-height: max(390px, 58dvh);
  --ag-lobby-calendar-height: max(480px, 70dvh);
}

body.ag-device-tablet .ana-akis-butonlari {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.ag-device-tablet .ana-akis-buton {
  min-height: var(--ag-lobby-action-button-height);
}

@media (display-mode: standalone) {
  body.ag-layout-segmented {
    user-select: none;
    -webkit-user-select: none;
  }

  body.ag-layout-segmented :is(input, textarea, [contenteditable="true"]) {
    user-select: text;
    -webkit-user-select: text;
  }
}