.ya-games {
  --yg-bg: #f4f5f8;
  --yg-surface: #ffffff;
  --yg-surface-soft: #f8f9fb;
  --yg-ink: #182033;
  --yg-muted: #697187;
  --yg-line: #e2e5ec;
  --yg-word: #f0643b;
  --yg-culture: #6653df;
  --yg-writing: #079883;
  --yg-danger: #d8485b;
  --yg-shadow-sm: 0 7px 24px rgba(26, 35, 55, .06);
  --yg-shadow-md: 0 18px 50px rgba(26, 35, 55, .09);
  width: 100%;
  min-height: 65vh;
  color: var(--yg-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position: relative;
}
.ya-games *, .ya-games *::before, .ya-games *::after { box-sizing: border-box; }
.ya-games button, .ya-games input, .ya-games textarea, .ya-games select { font: inherit; }
.ya-games button, .ya-games a { -webkit-tap-highlight-color: transparent; }
.ya-games svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ya-games__loading, .ya-games__login { min-height: 55vh; display: grid; place-content: center; justify-items: center; gap: 12px; padding: 40px 20px; text-align: center; }
.ya-games__loading[hidden], .ya-games__app[hidden] { display: none !important; }
.ya-games__loader { width: 36px; height: 36px; border: 3px solid var(--yg-line); border-top-color: var(--yg-culture); border-radius: 50%; animation: yg-spin .75s linear infinite; }
@keyframes yg-spin { to { transform: rotate(360deg); } }

/* Oyun alanı ana ekranı */
.ya-games__lobby-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 18px;
  padding: 26px 28px;
  border: 1px solid var(--yg-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 0%, rgba(240,100,59,.11), transparent 28%),
    radial-gradient(circle at 88% 100%, rgba(7,152,131,.11), transparent 30%),
    var(--yg-surface);
  box-shadow: var(--yg-shadow-sm);
}
.ya-games__eyebrow, .ya-games__kicker { margin: 0; color: var(--yg-culture) !important; font: 850 10px/1.2 Inter,ui-sans-serif,sans-serif !important; letter-spacing: .17em; text-transform: uppercase; }
html body.ya-games-page .ya-games__lobby-head h1 { margin: 5px 0 7px !important; color: var(--yg-ink); font: 850 clamp(31px,4vw,48px)/.98 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.05em !important; }
.ya-games__lobby-head > div:first-child > p:last-child { margin: 0; color: var(--yg-muted); font-size: 14px; }
.ya-games__lobby-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: end; }
.ya-games__lobby-meta > span, .ya-games__lobby-meta > button { min-height: 42px; padding: 8px 12px; border: 1px solid var(--yg-line); border-radius: 12px; background: rgba(255,255,255,.78); color: var(--yg-muted); font-size: 11px; }
.ya-games__lobby-meta > span { display: grid; grid-template-columns: auto auto; align-items: center; gap: 5px; }
.ya-games__lobby-meta b { color: var(--yg-ink); font-size: 16px; }
.ya-games__lobby-meta button { cursor: pointer; }

.ya-games__cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 14px; }
.ya-games__card { --card-accent: var(--yg-word); display: grid; grid-template-rows: auto auto auto auto minmax(42px,auto) auto; gap: 15px; min-width: 0; padding: 22px; border: 1px solid var(--yg-line); border-radius: 20px; background: var(--yg-surface); box-shadow: var(--yg-shadow-sm); position: relative; overflow: hidden; isolation: isolate; }
.ya-games__card::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: var(--card-accent); }
.ya-games__card::after { content: ''; position: absolute; z-index: -1; top: -70px; right: -60px; width: 150px; height: 150px; border-radius: 50%; background: color-mix(in srgb, var(--card-accent) 7%, transparent); }
.ya-games__card--culture { --card-accent: var(--yg-culture); }
.ya-games__card--writing { --card-accent: var(--yg-writing); }
.ya-games__card > header { display: flex; align-items: center; justify-content: space-between; min-height: 48px; }
.ya-games__card-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: color-mix(in srgb, var(--card-accent) 11%, white); color: var(--card-accent); }
.ya-games__card-icon svg { width: 24px; height: 24px; }
.ya-games__active-badge { padding: 6px 8px; border-radius: 99px; background: color-mix(in srgb, var(--card-accent) 10%, white); color: var(--card-accent); font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.ya-games__card .ya-games__kicker { color: var(--card-accent) !important; }
html body.ya-games-page .ya-games__card h2 { margin: 5px 0 7px !important; color: var(--yg-ink); font: 850 clamp(21px,2.1vw,27px)/1.05 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.035em !important; }
.ya-games__card-copy { min-height: 91px; }
.ya-games__card-copy > p:last-child { margin: 0; color: var(--yg-muted); font-size: 13px; line-height: 1.55; }
.ya-games__progress { display: grid; gap: 7px; }
.ya-games__progress > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--yg-muted); font-size: 10px; }
.ya-games__progress strong { color: var(--yg-ink); font-size: 11px; font-variant-numeric: tabular-nums; }
.ya-games__progress > i { display: block; height: 5px; overflow: hidden; border-radius: 99px; background: var(--yg-line); }
.ya-games__progress > i > b { display: block; height: 100%; min-width: 0; border-radius: inherit; background: var(--card-accent); transition: width .35s ease; }
.ya-games__stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--yg-line); border-radius: 12px; background: var(--yg-surface-soft); }
.ya-games__stats span { display: grid; gap: 3px; min-width: 0; padding: 9px 7px; text-align: center; }
.ya-games__stats span + span { border-left: 1px solid var(--yg-line); }
.ya-games__stats small { overflow: hidden; color: var(--yg-muted); font-size: 7px; font-weight: 800; letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
.ya-games__stats b { color: var(--yg-ink); font-size: 15px; font-variant-numeric: tabular-nums; }
.ya-games__card-option { display: flex; align-items: center; min-height: 42px; color: var(--yg-muted); font-size: 11px; }
.ya-games__card-option > span { display: flex; align-items: center; gap: 7px; }
.ya-games__card-option > span::before { content: '✓'; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: color-mix(in srgb, var(--card-accent) 10%, white); color: var(--card-accent); font-weight: 900; }
.ya-games__mode { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; width: 100%; color: var(--yg-muted); font-size: 10px; font-weight: 700; }
.ya-games__mode select, .ya-games__guess input, .ya-games__publish input { width: 100%; border: 1px solid var(--yg-line); border-radius: 10px; background: var(--yg-surface); color: var(--yg-ink); padding: 8px 10px; outline: none; }
.ya-games__mode select:focus, .ya-games__guess input:focus, .ya-games__publish input:focus { border-color: var(--yg-culture); box-shadow: 0 0 0 3px rgba(102,83,223,.10); }

.ya-games__primary, .ya-games__secondary, .ya-games__ghost, .ya-games__back, .ya-games__sound { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; border: 0; border-radius: 11px; cursor: pointer; color: inherit; font-weight: 750; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease, background .16s ease; }
.ya-games__card > .ya-games__primary { justify-content: space-between; width: 100%; margin: 0; padding: 10px 13px; background: var(--card-accent); color: #fff !important; font-size: 13px; box-shadow: 0 7px 16px color-mix(in srgb, var(--card-accent) 22%, transparent); }
.ya-games__card > .ya-games__primary b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 8px; background: rgba(255,255,255,.16); font-size: 16px; }
.ya-games__primary { padding: 10px 17px; background: var(--yg-culture); color: #fff !important; }
.ya-games__secondary { padding: 9px 15px; background: rgba(102,83,223,.09); color: var(--yg-culture); }
.ya-games__ghost { padding: 9px 13px; background: transparent; color: var(--yg-muted); }
.ya-games button:hover:not(:disabled), .ya-games a.ya-games__primary:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(26,35,55,.12); }
.ya-games button:disabled { cursor: not-allowed; opacity: .45; }
.ya-games .is-busy { color: transparent !important; position: relative; }
.ya-games .is-busy::after { content: ''; position: absolute; width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.85); border-top-color: transparent; border-radius: 50%; animation: yg-spin .7s linear infinite; }

/* Tek, sekmeli oyuncu sıralaması */
.ya-games__leaderboards { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 18px; margin-top: 18px; padding: 18px; border: 1px solid var(--yg-line); border-radius: 20px; background: var(--yg-surface); box-shadow: var(--yg-shadow-sm); }
.ya-games__leaderboards-intro { padding: 8px 4px 8px 6px; }
html body.ya-games-page .ya-games__leaderboards-intro h2 { margin: 5px 0 8px !important; color: var(--yg-ink); font: 850 25px/1.03 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.04em !important; }
.ya-games__leaderboards-intro > p:not(.ya-games__kicker) { margin: 0; color: var(--yg-muted); font-size: 12px; line-height: 1.55; }
.ya-games__leaderboard-tabs { display: grid; gap: 6px; margin-top: 18px; }
.ya-games__leaderboard-tabs button { --tab-accent: var(--yg-culture); display: flex; align-items: center; gap: 9px; width: 100%; min-height: 38px; padding: 7px 9px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--yg-muted); cursor: pointer; font-size: 11px; font-weight: 700; text-align: left; }
.ya-games__leaderboard-tabs .ya-games__leaderboard-tab--word { --tab-accent: var(--yg-word); }
.ya-games__leaderboard-tabs .ya-games__leaderboard-tab--writing { --tab-accent: var(--yg-writing); }
.ya-games__leaderboard-tabs button span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; background: var(--yg-surface-soft); }
.ya-games__leaderboard-tabs button svg { width: 15px; height: 15px; }
.ya-games__leaderboard-tabs button.is-active { border-color: color-mix(in srgb,var(--tab-accent) 18%,transparent); background: color-mix(in srgb,var(--tab-accent) 9%,transparent); color: var(--tab-accent); }
.ya-games__leaderboard-board { --board-accent: var(--yg-culture); min-width: 0; overflow: hidden; border: 1px solid var(--yg-line); border-radius: 14px; background: var(--yg-surface-soft); }
.ya-games__leaderboard-board--word { --board-accent: var(--yg-word); }
.ya-games__leaderboard-board--writing { --board-accent: var(--yg-writing); }
.ya-games__leaderboard-board > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 54px; padding: 9px 14px; border-bottom: 1px solid var(--yg-line); background: var(--yg-surface); }
.ya-games__leaderboard-board > header > div { display: flex; align-items: center; gap: 9px; }
.ya-games__leaderboard-board > header > div > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: color-mix(in srgb,var(--board-accent) 10%,transparent); color: var(--board-accent); }
html body.ya-games-page .ya-games__leaderboard-board h3 { margin: 0 !important; color: var(--yg-ink); font: 800 13px/1.2 Inter,ui-sans-serif,sans-serif !important; letter-spacing: 0 !important; }
.ya-games__leaderboard-board header small { color: var(--yg-muted); font-size: 9px; }
.ya-games__leaderboard-board > header > strong { color: var(--yg-muted); font-size: 8px; letter-spacing: .1em; }
.ya-games__leaderboard-board ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; padding: 6px; list-style: none; }
.ya-games__leaderboard-board li { display: grid; grid-template-columns: 28px 30px minmax(0,1fr) auto; align-items: center; gap: 7px; min-height: 45px; padding: 5px 8px; border-radius: 9px; color: var(--yg-ink); }
.ya-games__leaderboard-board li:nth-child(-n+3) { background: rgba(102,83,223,.04); }
.ya-games__leaderboard-board li.is-current { background: rgba(7,152,131,.10); box-shadow: inset 0 0 0 1px rgba(7,152,131,.15); }
.ya-games__leaderboard-board li.is-separated { border-top: 1px dashed var(--yg-line); border-radius: 0 0 9px 9px; }
.ya-games__leaderboard-board li.is-empty { grid-column: 1/-1; display: grid; justify-items: center; place-content: center; min-height: 210px; color: var(--yg-muted); text-align: center; }
.ya-games__leaderboard-board li.is-empty span { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 8px; border-radius: 14px; background: rgba(102,83,223,.09); color: var(--yg-culture); }
.ya-games__leaderboard-board li.is-empty b { color: var(--yg-ink); font-size: 13px; }
.ya-games__leaderboard-board li.is-empty small { margin-top: 3px; font-size: 10px; }
.ya-games__rank { color: var(--yg-muted); font-size: 11px; font-weight: 850; text-align: center; }
.ya-games__player-avatar { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #eceafb; color: var(--yg-culture); font-size: 10px; font-weight: 850; }
.ya-games__player { min-width: 0; }
.ya-games__player b { display: block; overflow: hidden; color: var(--yg-ink); font-size: 10px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.ya-games__player b em { display: inline-block; margin-left: 3px; padding: 2px 4px; border-radius: 99px; background: var(--yg-writing); color: #fff; font-size: 7px; font-style: normal; text-transform: uppercase; }
.ya-games__player small { display: block; margin-top: 2px; color: var(--yg-muted); font-size: 8px; }
.ya-games__leaderboard-board li > strong { color: var(--yg-ink); font-size: 11px; text-align: right; font-variant-numeric: tabular-nums; }
.ya-games__leaderboard-board li > strong small { display: block; color: var(--yg-muted); font-size: 7px; font-weight: 600; }
.ya-games__footer-note { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 5px 4px; color: var(--yg-muted); font-size: 10px; }

/* Oyun içi ortak kabuk */
.ya-games__topbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 54px; padding: 6px 10px; border: 1px solid var(--yg-line); border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: var(--yg-shadow-sm); backdrop-filter: blur(16px); }
.ya-games__back { justify-self: start; min-height: 36px; padding: 0 10px; background: transparent; color: var(--yg-muted); font-size: 12px; }
.ya-games__sound { justify-self: end; width: 36px; min-height: 36px; background: transparent; color: var(--yg-muted); }
.ya-games__identity { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 0; }
.ya-games__identity > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; background: rgba(102,83,223,.09); color: var(--yg-culture); }
.ya-games__topbar--word .ya-games__identity > span { background: rgba(240,100,59,.09); color: var(--yg-word); }
.ya-games__topbar--writing .ya-games__identity > span { background: rgba(7,152,131,.09); color: var(--yg-writing); }
.ya-games__identity > div { min-width: 0; }
.ya-games__identity small { display: block; color: var(--yg-muted); font-size: 7px; font-weight: 800; letter-spacing: .14em; line-height: 1; }
html body.ya-games-page .ya-games__identity h1 { margin: 3px 0 0 !important; color: var(--yg-ink); font: 800 15px/1.05 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.02em !important; white-space: nowrap; }
.ya-games__hud { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; overflow: hidden; margin: 7px 0 5px; border: 1px solid var(--yg-line); border-radius: 13px; background: var(--yg-surface); }
.ya-games__hud > div { display: grid; place-content: center; min-height: 47px; padding: 5px 8px; border-right: 1px solid var(--yg-line); text-align: center; }
.ya-games__hud > div:last-child { border-right: 0; }
.ya-games__hud small { color: var(--yg-muted); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.ya-games__hud strong { color: var(--yg-ink); font-size: 13px; font-variant-numeric: tabular-nums; }
.ya-games__lives, .ya-games [data-time].is-low { color: var(--yg-danger) !important; }
.ya-games__campaign { display: grid; grid-template-columns: auto minmax(160px,1fr); align-items: center; gap: 14px; min-height: 34px; margin: 0 0 6px; padding: 5px 11px; border-radius: 10px; background: rgba(102,83,223,.07); }
.ya-games__campaign > div:first-child { display: flex; align-items: baseline; gap: 8px; min-width: 290px; }
.ya-games__campaign span, .ya-games__campaign small { color: var(--yg-muted); font-size: 9px; white-space: nowrap; }
.ya-games__campaign strong { overflow: hidden; color: var(--yg-ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ya-games__campaign-track { height: 4px; overflow: hidden; border-radius: 99px; background: rgba(102,83,223,.13); }
.ya-games__campaign-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--yg-culture),var(--yg-word)); transition: width .35s ease; }

.ya-games__play-card, .ya-games__side-card, .ya-games__clue-card, .ya-games__guess, .ya-games__brief, .ya-games__editor, .ya-games__checklist, .ya-games__game-over { min-width: 0; border: 1px solid var(--yg-line); border-radius: 17px; background: var(--yg-surface); box-shadow: var(--yg-shadow-sm); }
.ya-games__word-layout { display: grid; grid-template-columns: minmax(500px,1fr) minmax(235px,280px); align-items: stretch; gap: 10px; }
.ya-games__play-card { padding: 14px 16px; }
.ya-games__side-card { display: flex; flex-direction: column; padding: 16px; }
.ya-games__round-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ya-games__round-head span { color: var(--yg-word); font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
html body.ya-games-page .ya-games__round-head h2 { margin: 3px 0 0 !important; color: var(--yg-ink); font: 800 clamp(15px,1.6vw,20px)/1.15 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.02em !important; }
.ya-games__round-head > strong { padding: 6px 9px; border-radius: 9px; background: rgba(240,100,59,.10); color: #b84523; font-size: 11px; white-space: nowrap; }
.ya-games__board-stage { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; margin: 6px 0; padding: 6px; border-radius: 14px; background: linear-gradient(145deg,rgba(102,83,223,.035),rgba(7,152,131,.025)); }
.ya-games__current-word { display: grid; place-items: center; min-height: 26px; margin-bottom: 5px; color: var(--yg-culture); font-size: 13px; font-weight: 800; letter-spacing: .05em; }
.ya-games__board { display: grid; grid-template-columns: repeat(5,1fr); gap: clamp(6px,.65vw,9px); width: min(43vw,calc(100dvh - 290px),530px); height: min(43vw,calc(100dvh - 290px),530px); max-width: 100%; max-height: 100%; margin: 0 auto; touch-action: none; user-select: none; }
.ya-games__play-card.is-closed .ya-games__board { width: min(34vw,calc(100dvh - 405px),390px); height: min(34vw,calc(100dvh - 405px),390px); }
.ya-games__cell { padding: 0; border: 1px solid rgba(102,83,223,.14); border-radius: clamp(10px,1vw,14px); background: linear-gradient(145deg,#fff,#edf0f6); color: #1e2940; box-shadow: 0 4px 0 #d9dde7,0 7px 14px rgba(30,41,64,.08); font: 850 clamp(22px,2.8vw,36px)/1 Inter,ui-sans-serif,sans-serif !important; }
.ya-games__cell.is-selected { transform: translateY(2px) scale(.96); background: linear-gradient(145deg,#7565ec,#5844cb); color: #fff; box-shadow: 0 2px 0 #4232a5,0 7px 15px rgba(88,68,203,.22); }
.ya-games__board.is-loading { pointer-events: none; opacity: .7; }
html body.ya-games-page .ya-games__side-card h3 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 9px !important; color: var(--yg-ink); font: 800 13px/1.2 Inter,ui-sans-serif,sans-serif !important; letter-spacing: 0 !important; }
.ya-games__side-card h3 span { display: grid; place-items: center; min-width: 25px; height: 25px; border-radius: 8px; background: rgba(240,100,59,.10); color: var(--yg-word); }
.ya-games__found { flex: 1; max-height: none; overflow: auto; margin: 0; padding: 0; list-style: none; overscroll-behavior: contain; }
.ya-games__found li { display: flex; justify-content: space-between; padding: 8px 1px; border-bottom: 1px solid var(--yg-line); font-size: 11px; }
.ya-games__found li span { color: var(--yg-ink); font-weight: 750; letter-spacing: .03em; }
.ya-games__found li b { color: var(--yg-writing); }
.ya-games__found li.is-empty { justify-content: center; border: 0; padding: 28px 0; color: var(--yg-muted); }
.ya-games__mini-stats { display: grid; gap: 6px; margin-top: 8px; padding-top: 9px; border-top: 1px solid var(--yg-line); }
.ya-games__mini-stats span { display: flex; justify-content: space-between; color: var(--yg-muted); font-size: 10px; }
.ya-games__mini-stats b { color: var(--yg-ink); }
.ya-games__round-actions { display: flex; justify-content: center; gap: 7px; flex-wrap: wrap; margin-top: 7px; }
.ya-games__result, .ya-games__reveal { margin-top: 7px; padding: 10px 12px; border-left: 4px solid currentColor; border-radius: 10px; }
.ya-games .is-win { background: #eaf8f1; color: #176a49; }
.ya-games .is-loss { background: #fff0ed; color: #943c31; }
html body.ya-games-page .ya-games__result h3 { margin: 0 0 2px !important; font: 800 14px/1.2 Inter,ui-sans-serif,sans-serif !important; }
.ya-games__result p, .ya-games__reveal p { margin: 3px 0; font-size: 11px; }

/* Kültür Dedektifi */
.ya-games__detective { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,315px); grid-template-rows: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 10px; }
.ya-games__clue-card, .ya-games__guess { padding: 16px; }
.ya-games__clue-card { display: grid; grid-row: 1/3; align-content: center; overflow: auto; overscroll-behavior: contain; }
.ya-games__clue-card > .ya-games__badge-row, .ya-games__clue-card > h2, .ya-games__clue-card > .ya-games__clues, .ya-games__clue-card > .ya-games__reveal { width: min(820px,100%); margin-right: auto !important; margin-left: auto !important; }
.ya-games__badge-row { display: flex; gap: 6px; flex-wrap: wrap; }
.ya-games__badge-row span { padding: 5px 8px; border-radius: 99px; background: rgba(102,83,223,.08); color: var(--yg-culture); font-size: 9px; font-weight: 750; }
html body.ya-games-page .ya-games__clue-card > h2 { margin: 13px 0 !important; color: var(--yg-ink); font: 850 clamp(20px,2.2vw,28px)/1.08 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.035em !important; }
.ya-games__clues { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.ya-games__clues li { display: grid; grid-template-columns: 27px 1fr; align-items: start; gap: 9px; padding: 9px 10px; border: 1px solid rgba(102,83,223,.07); border-radius: 10px; background: rgba(102,83,223,.035); animation: yg-rise .28s ease both; }
.ya-games__clues li span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: var(--yg-culture); color: #fff; font-size: 10px; font-weight: 800; }
.ya-games__clues p { margin: 3px 0; color: var(--yg-ink); font-size: 12px; line-height: 1.45; }
@keyframes yg-rise { from { transform: translateY(5px); opacity: 0; } }
.ya-games__guess { display: grid; grid-row: 1; align-self: end; align-content: start; gap: 10px; border-top: 4px solid var(--yg-culture); }
.ya-games__guess label { color: var(--yg-ink); font-size: 12px; font-weight: 800; }
.ya-games__guess > div:first-of-type { display: grid; gap: 7px; }
.ya-games__guess input { min-height: 43px; }
.ya-games__guess-actions { display: flex; justify-content: space-between; gap: 7px; }
.ya-games__detective > .ya-games__round-actions { grid-column: 2; grid-row: 2; align-self: start; margin: 0; }
.ya-games__detective.is-closed { grid-template-columns: 1fr; grid-template-rows: minmax(0,1fr) auto; }
.ya-games__detective.is-closed .ya-games__clue-card { grid-row: 1; }
.ya-games__detective.is-closed > .ya-games__round-actions { grid-column: 1; grid-row: 2; }
.ya-games__reveal > p:first-child { font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
html body.ya-games-page .ya-games__reveal h2 { margin: 3px 0 !important; font: 850 19px/1.1 Inter,ui-sans-serif,sans-serif !important; }

/* Yazarın Masası */
.ya-games__desk { display: grid; grid-template-columns: minmax(205px,240px) minmax(390px,1fr) minmax(195px,225px); align-items: stretch; gap: 10px; }
.ya-games__brief, .ya-games__editor, .ya-games__checklist { padding: 15px; overflow: auto; overscroll-behavior: contain; }
.ya-games__brief { border-top: 4px solid var(--yg-word); }
.ya-games__checklist { border-top: 4px solid var(--yg-writing); }
html body.ya-games-page .ya-games__brief h2 { margin: 4px 0 12px !important; color: var(--yg-ink); font: 850 19px/1.08 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.03em !important; }
html body.ya-games-page .ya-games__brief h3, html body.ya-games-page .ya-games__checklist h3 { margin: 14px 0 7px !important; color: var(--yg-ink); font: 800 11px/1.2 Inter,ui-sans-serif,sans-serif !important; letter-spacing: 0 !important; }
.ya-games__brief dl { display: grid; gap: 7px; margin: 0; }
.ya-games__brief dl div { padding-bottom: 7px; border-bottom: 1px solid var(--yg-line); }
.ya-games__brief dt { color: var(--yg-muted); font-size: 8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.ya-games__brief dd { margin: 2px 0 0; color: var(--yg-ink); font-size: 11px; font-weight: 750; }
.ya-games__requirements { display: flex; flex-wrap: wrap; gap: 5px; }
.ya-games__requirements span { padding: 5px 7px; border: 1px solid var(--yg-line); border-radius: 99px; color: var(--yg-muted); font-size: 9px; }
.ya-games__requirements span.is-done { border-color: #a7ddba; background: #e8f7ed; color: #17643b; }
.ya-games__forbidden { padding: 7px; border-radius: 8px; background: #fff0ed; color: #923d2f; font-size: 10px; }
.ya-games__brief ul { margin: 0; padding-left: 16px; color: var(--yg-muted); font-size: 10px; }
.ya-games__editor { display: flex; flex-direction: column; }
.ya-games__editor > label { display: block; margin-bottom: 7px; color: var(--yg-ink); font-size: 11px; font-weight: 800; }
.ya-games__editor textarea { display: block; flex: 1; width: 100%; min-height: 310px; resize: none; border: 1px solid var(--yg-line); border-radius: 11px; padding: 16px 18px; outline: none; background: var(--yg-surface-soft); color: var(--yg-ink); font: 15px/1.68 Georgia,"Times New Roman",serif; }
.ya-games__editor textarea:focus { border-color: var(--yg-writing); box-shadow: 0 0 0 3px rgba(7,152,131,.10); }
.ya-games__editor-meta { display: flex; justify-content: space-between; gap: 10px; padding-top: 7px; color: var(--yg-muted); font-size: 9px; }
.ya-games__checklist [data-checks] { display: grid; gap: 6px; }
.ya-games__checklist p { display: grid; grid-template-columns: 18px 1fr; gap: 5px; margin: 0; color: var(--yg-muted); font-size: 10px; }
.ya-games__checklist p.is-done { color: #17643b; }
.ya-games__publish { display: flex; gap: 7px; margin-top: 8px; }
.ya-games__published { font-weight: 800; }

.ya-games__game-over { width: min(560px,100%); margin: auto; padding: clamp(26px,5vw,48px); text-align: center; border-top: 5px solid var(--yg-culture); }
.ya-games__trophy { font-size: 54px; animation: yg-pop .45s cubic-bezier(.2,.9,.3,1.3); }
@keyframes yg-pop { from { transform: scale(.55) rotate(-10deg); opacity: 0; } }
html body.ya-games-page .ya-games__game-over h2 { margin: 7px 0 !important; color: var(--yg-ink); font: 850 clamp(31px,5vw,48px)/1 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.045em !important; }
.ya-games__game-over > p:not(.ya-games__kicker) { margin: 5px 0; color: var(--yg-muted); font-size: 12px; }
.ya-games__record { display: inline-block; margin: 9px; padding: 7px 12px; border-radius: 99px; background: #fff2c8; color: #835500; font-size: 11px; font-weight: 800; }
.ya-games__login > div { font-size: 52px; }
html body.ya-games-page .ya-games__login h2 { margin: 0 !important; color: var(--yg-ink); font: 850 30px/1.1 Inter,ui-sans-serif,sans-serif !important; letter-spacing: -.035em !important; }
.ya-games__login p { max-width: 470px; margin: 0; color: var(--yg-muted); }
.ya-games__login small { color: var(--yg-muted); }
.ya-games__toast { position: fixed; z-index: 100000; left: 50%; bottom: 22px; transform: translateX(-50%); max-width: min(420px,calc(100vw - 24px)); padding: 11px 16px; border-radius: 11px; box-shadow: 0 12px 32px rgba(0,0,0,.20); color: #fff; font-size: 12px; font-weight: 750; animation: yg-toast .22s ease; }
.ya-games__toast.is-success { background: #17704a; }
.ya-games__toast.is-error { background: #a03932; }
@keyframes yg-toast { from { transform: translate(-50%,7px); opacity: 0; } }

/* Tam ekran oyun düzeni */
body.ya-games-page.ya-game-is-playing .ya-games { height: 100%; min-height: 0; overflow: hidden; padding: clamp(7px,1vw,12px); background: radial-gradient(circle at 6% 5%,rgba(102,83,223,.08),transparent 27%),radial-gradient(circle at 94% 94%,rgba(7,152,131,.08),transparent 28%),var(--yg-bg); }
body.ya-games-page.ya-game-is-playing .ya-games__app { display: flex; flex-direction: column; width: 100%; max-width: 1480px; height: 100%; min-height: 0; margin: 0 auto; }
body.ya-games-page.ya-game-is-playing .ya-games__topbar { flex: 0 0 54px; }
body.ya-games-page.ya-game-is-playing .ya-games__hud, body.ya-games-page.ya-game-is-playing .ya-games__campaign { flex: 0 0 auto; }
body.ya-games-page.ya-game-is-playing .ya-games__word-layout, body.ya-games-page.ya-game-is-playing .ya-games__detective, body.ya-games-page.ya-game-is-playing .ya-games__desk, body.ya-games-page.ya-game-is-playing .ya-games__game-over { flex: 1 1 auto; min-height: 0; }
body.ya-games-page.ya-game-is-playing .ya-games__play-card { display: grid; grid-template-rows: auto minmax(0,1fr) auto auto; min-height: 0; }

html[data-ya-theme="dark"] .ya-games { --yg-bg:#111521; --yg-surface:#1b2130; --yg-surface-soft:#202738; --yg-ink:#f1f3f8; --yg-muted:#a1a9bc; --yg-line:rgba(255,255,255,.10); --yg-shadow-sm:0 8px 26px rgba(0,0,0,.18); --yg-shadow-md:0 18px 50px rgba(0,0,0,.25); }
html[data-ya-theme="dark"] .ya-games__lobby-head { background: radial-gradient(circle at 8% 0%,rgba(240,100,59,.11),transparent 28%),radial-gradient(circle at 88% 100%,rgba(7,152,131,.11),transparent 30%),var(--yg-surface); }
html[data-ya-theme="dark"] .ya-games__lobby-meta > span, html[data-ya-theme="dark"] .ya-games__lobby-meta > button { background: rgba(27,33,48,.82); }
html[data-ya-theme="dark"] .ya-games__card-icon, html[data-ya-theme="dark"] .ya-games__active-badge, html[data-ya-theme="dark"] .ya-games__card-option > span::before { background: color-mix(in srgb,var(--card-accent) 16%,var(--yg-surface)); }
html[data-ya-theme="dark"] .ya-games__player-avatar { background: #302b58; }
html[data-ya-theme="dark"] .ya-games__cell { border-color: rgba(255,255,255,.11); background: linear-gradient(145deg,#303a50,#242c3d); color: #f5f7fb; box-shadow: 0 4px 0 #151a26,0 7px 14px rgba(0,0,0,.22); }

@media (max-width: 1100px) {
  .ya-games__cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ya-games__card--writing { grid-column: 1/-1; }
  .ya-games__card--writing .ya-games__card-copy { min-height: 0; }
  .ya-games__desk { grid-template-columns: 205px minmax(0,1fr); }
  .ya-games__checklist { grid-column: 1/-1; }
}
@media (max-width: 820px) {
  .ya-games__lobby-head { display: block; padding: 22px; }
  .ya-games__lobby-meta { justify-content: start; margin-top: 16px; }
  .ya-games__cards { grid-template-columns: 1fr; }
  .ya-games__card--writing { grid-column: auto; }
  .ya-games__card-copy { min-height: 0; }
  .ya-games__leaderboards { grid-template-columns: 1fr; }
  .ya-games__leaderboard-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ya-games__leaderboard-tabs button { justify-content: center; text-align: center; }
  .ya-games__leaderboard-tabs button span { display: none; }
  .ya-games__word-layout { grid-template-columns: minmax(0,1fr) 220px; }
  .ya-games__desk { grid-template-columns: 190px minmax(0,1fr); }
}
@media (max-width: 680px) {
  .ya-games__lobby-head { padding: 18px; border-radius: 18px; }
  .ya-games__lobby-meta > span { flex: 1; }
  .ya-games__card { padding: 18px; border-radius: 17px; }
  .ya-games__leaderboards { padding: 13px; border-radius: 17px; }
  .ya-games__leaderboard-tabs button { padding-inline: 5px; font-size: 9px; }
  .ya-games__leaderboard-board ol { grid-template-columns: 1fr; }
  .ya-games__topbar { grid-template-columns: 38px 1fr 38px; min-height: 46px; padding: 4px 6px; }
  .ya-games__back { width: 34px; min-height: 34px; padding: 0; font-size: 18px; }
  .ya-games__back span { display: none; }
  .ya-games__sound { width: 34px; min-height: 34px; }
  .ya-games__identity > span { width: 30px; height: 30px; }
  .ya-games__identity small { display: none; }
  html body.ya-games-page .ya-games__identity h1 { font-size: 13px !important; }
  .ya-games__hud > div { min-width: 0; padding-inline: 3px; }
  .ya-games__hud small { font-size: 6px; }
  .ya-games__hud strong { font-size: 10px; white-space: nowrap; }
  .ya-games__campaign { grid-template-columns: 1fr; gap: 4px; }
  .ya-games__campaign > div:first-child { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: 2px 7px; }
  .ya-games__campaign small { grid-column: 1/-1; }
  body.ya-games-page.ya-game-is-playing .ya-games__word-layout { grid-template-columns: 1fr; overflow: auto; }
  body.ya-games-page.ya-game-is-playing .ya-games__word-layout .ya-games__side-card { display: none; }
  .ya-games__board { width: min(calc(100vw - 40px),calc(100dvh - 270px),480px); height: min(calc(100vw - 40px),calc(100dvh - 270px),480px); min-width: 235px; min-height: 235px; }
  .ya-games__play-card.is-closed .ya-games__board { width: min(calc(100vw - 44px),33dvh,330px); height: min(calc(100vw - 44px),33dvh,330px); min-width: 195px; min-height: 195px; }
  body.ya-games-page.ya-game-is-playing .ya-games__detective { grid-template-columns: 1fr; grid-template-rows: minmax(0,1fr) auto auto; overflow: auto; }
  .ya-games__clue-card { grid-row: 1; align-content: start; }
  .ya-games__guess { grid-row: 2; }
  .ya-games__detective > .ya-games__round-actions { grid-column: 1; grid-row: 3; }
  body.ya-games-page.ya-game-is-playing .ya-games__desk { display: block; overflow: auto; }
  .ya-games__brief, .ya-games__editor, .ya-games__checklist { height: auto; margin-bottom: 8px; overflow: visible; }
  .ya-games__editor textarea { min-height: clamp(260px,43dvh,500px); resize: vertical; }
}
@media (max-height: 700px) {
  body.ya-games-page.ya-game-is-playing .ya-games__topbar { flex-basis: 44px; min-height: 44px; padding-block: 2px; }
  .ya-games__identity small { display: none; }
  .ya-games__hud > div { min-height: 39px; padding-block: 3px; }
  .ya-games__campaign { min-height: 29px; margin-bottom: 4px; padding-block: 3px; }
  .ya-games__board { width: min(36vw,calc(100dvh - 235px),380px); height: min(36vw,calc(100dvh - 235px),380px); }
  .ya-games__play-card { padding-block: 9px; }
  .ya-games__round-actions { margin-top: 4px; }
}
@media (max-height: 540px) and (min-width: 681px) {
  body.ya-games-page.ya-game-is-playing .ya-games__word-layout { grid-template-columns: 1fr; }
  body.ya-games-page.ya-game-is-playing .ya-games__word-layout .ya-games__side-card { display: none; }
  .ya-games__board { width: min(34vw,calc(100dvh - 205px),300px); height: min(34vw,calc(100dvh - 205px),300px); }
}
@media (prefers-reduced-motion: reduce) {
  .ya-games *, .ya-games *::before, .ya-games *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}