/* Hangar Çeviri v6 — tek tasarım sistemi.
   Her sayfa aynı iskeleti kullanır: oyun görselli bant, içerik zemini, alt bilgi.
   Bütün renkler <body> üzerindeki dört değerden türetilir (includes/ui6.php: uiThemeVars6):
   --gh/--gs oyunun zemin tonu ve doygunluğu, --ah/--as zeminden ayrışan vurgu tonu ve doygunluğu.
   v3, v3-pages ve v4'ten sonra yüklenir; onların bileşenleri (menü, arama, formlar) aşağıdaki eşlemeyle aynı renkleri alır. */

:root { --gh: 222; --gs: 20%; --ah: 32; --as: 82%; }

body.v6 {
  --six-ground: hsl(var(--gh) var(--gs) 6%);
  --six-ground-deep: hsl(var(--gh) var(--gs) 3.5%);
  --six-raise: hsl(var(--gh) var(--gs) 9.5%);
  --six-raise-2: hsl(var(--gh) var(--gs) 13%);
  --six-raise-3: hsl(var(--gh) var(--gs) 17%);
  --six-line: hsl(var(--gh) 18% 60% / .14);
  --six-line-2: hsl(var(--gh) 18% 70% / .26);
  --six-ink: hsl(var(--gh) 16% 92%);
  --six-soft: hsl(var(--gh) 12% 82%);
  --six-fog: hsl(var(--gh) 10% 66%);
  --six-accent: hsl(var(--ah) var(--as) 62%);
  --six-accent-hi: hsl(var(--ah) var(--as) 71%);
  --six-accent-text: hsl(var(--ah) var(--as) 72%);
  --six-on-accent: hsl(var(--ah) 50% 9%);
  --six-glow: hsl(var(--ah) var(--as) 62% / .18);
  --six-paper: hsl(var(--ah) 40% 91%);
  --six-paper-2: hsl(var(--ah) 30% 83%);
  --six-paper-ink: hsl(var(--ah) 40% 9%);
  --six-paper-mute: hsl(var(--ah) 18% 38%);
  --six-display: 'Big Shoulders Display', 'Arial Narrow', 'Roboto Condensed', sans-serif;
  --six-serif: 'Literata', Georgia, 'Times New Roman', serif;
  --six-radius: 16px;
  --six-measure: 68ch;

  /* Eski bileşenlerin değişkenleri */
  --hx-font: var(--six-serif);
  --hx-display: var(--six-display);
  --hx-bg: var(--six-ground);
  --hx-bg-2: var(--six-raise);
  --hx-bg-deep: var(--six-ground-deep);
  --hx-surface: var(--six-raise);
  --hx-surface-2: var(--six-raise-2);
  --hx-surface-3: var(--six-raise-3);
  --hx-line: var(--six-line);
  --hx-line-2: var(--six-line-2);
  --hx-text: var(--six-ink);
  --hx-soft: var(--six-soft);
  --hx-muted: var(--six-fog);
  --hx-dim: hsl(var(--gh) 10% 52%);
  --hx-accent: var(--six-accent);
  --hx-accent-hover: var(--six-accent-hi);
  --hx-accent-ink: var(--six-on-accent);
  --g-tint: hsl(var(--ah) var(--as) 62% / .08);
  --g-edge: hsl(var(--ah) var(--as) 62% / .24);
  --g-glow: var(--six-glow);

  background: var(--six-ground);
  color: var(--six-ink);
  font-family: var(--six-serif);
  -webkit-font-smoothing: antialiased;
}
body.v6.cover-collection { background: var(--six-ground); }
body.v6.cover-collection::before { background: none; }
body.v6 ::selection { background: var(--six-accent); color: var(--six-on-accent); }
body.v6 :focus-visible { outline: 2px solid var(--six-accent); outline-offset: 3px; }

/* Film greni: sabit, tıklamayı engellemeyen ince doku */
body.v6::after {
  content: ""; position: fixed; inset: 0; z-index: 80; pointer-events: none; opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Yazı karakterleri ---------- */
.v6 h1, .v6 h2, .v6 h3, .v6 h4,
.v6 .hx-brand-word, .v6 .hx-nav a, .v6 .hx-btn, .v6 .hx-chip, .v6 .hx-pill, .v6 .hx-status, .v6 .hx-tabs a,
.v6 .hx-card-title, .v6 .hx-card-type, .v6 .hx-card-new, .v6 .hx-card-flag, .v6 .hx-widget-title, .v6 .hx-ys-tag, .v6 .hx-ys-count,
.v6 .hx-search span, .v6 .hx-text-btn, .v6 .hx-link, .v6 .hx-pager a, .v6 .menu-dialog nav a, .v6 .hx-footer h2, .v6 .hx-footer nav a,
.v6 .hx-code-copy, .v6 .hx-post-title, .v6 .hx-post-cat, .v6 .hx-results, .v6 .hx-select select, .v6 label {
  font-family: var(--six-display);
  letter-spacing: .01em;
}
.v6 .hx-btn { font-size: 19px; font-weight: 800; letter-spacing: .02em; }
.v6 .hx-btn-primary { background: var(--six-accent); color: var(--six-on-accent); }
.v6 .hx-btn-primary:hover { background: var(--six-accent-hi); color: var(--six-on-accent); }
.v6 .hx-btn-secondary { background: hsl(var(--gh) 20% 80% / .1); color: var(--six-ink); box-shadow: inset 0 0 0 1px var(--six-line-2); }
.v6 .hx-btn-secondary:hover { background: hsl(var(--gh) 20% 80% / .16); }
.v6 .hx-chip { font-size: 17px; font-weight: 600; }
.v6 .hx-chip[aria-pressed="true"], .v6 .hx-chip.is-active { background: var(--six-ink); color: var(--six-ground); }
.v6 .hx-link, .v6 .hx-text-btn { font-size: 18px; font-weight: 600; color: var(--six-accent-text); }
.v6 .hx-pill { font-size: 16px; font-weight: 600; background: hsl(var(--gh) 20% 80% / .1); }

/* ---------- Üst menü: yalnızca yazı ---------- */
.v6 .hx-header { background: color-mix(in srgb, var(--six-ground) 92%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.v6 .hx-header.is-scrolled { background: color-mix(in srgb, var(--six-ground) 94%, transparent); border-color: var(--six-line); }
.v6 .hx-brand { gap: 0; color: var(--six-ink); }
.v6 .hx-brand-word { font: 800 27px/1 var(--six-display); letter-spacing: .01em; white-space: nowrap; }
.v6 .hx-brand-word span { display: inline; margin: 0 0 0 .22em; font: 600 27px/1 var(--six-display); letter-spacing: .01em; color: var(--six-fog); }
.v6 .hx-nav a { font-size: 20px; font-weight: 600; color: var(--six-fog); }
.v6 .hx-nav a:hover, .v6 .hx-nav a[aria-current] { color: var(--six-ink); }
.v6 .hx-nav a[aria-current]::after { background: var(--six-accent); }
.v6 .hx-search { background: hsl(var(--gh) 20% 80% / .08); }

/* ---------- Ortak bant: her sayfanın başı ---------- */
.hx6-band { position: relative; isolation: isolate; display: flex; align-items: flex-end; min-height: clamp(380px, 54vh, 580px); overflow: hidden; background: var(--six-ground-deep); }
.hx6-band--tall { min-height: clamp(460px, 70vh, 720px); }
.hx6-band--short { min-height: clamp(300px, 40vh, 420px); }
.hx6-band--plain { min-height: clamp(280px, 36vh, 380px); background:
  radial-gradient(70% 90% at 85% 10%, hsl(var(--ah) var(--as) 55% / .16), transparent 70%),
  radial-gradient(60% 80% at 0% 100%, hsl(var(--gh) 60% 40% / .18), transparent 70%),
  var(--six-ground-deep); }
.hx6-band-art { position: absolute; inset: 0; z-index: -2; }
.hx6-band-art img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.06) brightness(.86); transform: scale(1.08); animation: hx6-drift 28s ease-in-out infinite alternate; }
.hx6-band-veil { position: absolute; inset: 0; z-index: -1; pointer-events: none; background:
  radial-gradient(130% 100% at 60% 35%, transparent 38%, hsl(var(--gh) var(--gs) 3% / .78) 100%),
  linear-gradient(180deg, hsl(var(--gh) var(--gs) 4% / .6) 0%, transparent 24%, transparent 46%, var(--six-ground) 100%),
  linear-gradient(90deg, hsl(var(--gh) var(--gs) 4% / .86) 0%, hsl(var(--gh) var(--gs) 4% / .4) 46%, transparent 78%),
  linear-gradient(140deg, hsl(var(--ah) var(--as) 50% / .14), hsl(var(--gh) 70% 30% / .2)); }
.hx6-band--plain .hx6-band-veil { background: linear-gradient(180deg, transparent 50%, var(--six-ground) 100%); }
.hx6-band-inner { position: relative; padding-top: 48px; padding-bottom: clamp(36px, 5vw, 64px); }
.hx6-band-inner > * { animation: hx6-rise .9s cubic-bezier(.2, .7, .2, 1) both; }
.hx6-band-inner > :nth-child(2) { animation-delay: .08s; }
.hx6-band-inner > :nth-child(3) { animation-delay: .16s; }
.hx6-band-inner > :nth-child(n+4) { animation-delay: .24s; }
.hx6-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-bottom: 14px; font: 600 18px/1.2 var(--six-display); color: var(--six-fog); }
.hx6-crumbs a { color: var(--six-soft); }
.hx6-crumbs a:hover { color: var(--six-accent-text); }
.hx6-crumbs [aria-current] { color: var(--six-ink); }
.hx6-title { max-width: 16ch; margin: 0; font: 800 clamp(48px, 7.4vw, 112px)/.9 var(--six-display); letter-spacing: 0; text-wrap: balance; color: var(--six-ink); text-shadow: 0 2px 30px hsl(var(--gh) var(--gs) 3% / .5); }
.hx6-band--short .hx6-title, .hx6-band--plain .hx6-title { font-size: clamp(46px, 6vw, 88px); }
.hx6-lead { max-width: 58ch; margin: 18px 0 0; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: var(--six-soft); }
.hx6-band-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 22px; font-size: 16px; color: var(--six-fog); }
.hx6-band-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
@keyframes hx6-drift { from { transform: scale(1.08) translate3d(-1.4%, -.8%, 0); } to { transform: scale(1.1) translate3d(1.4%, .9%, 0); } }
@keyframes hx6-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* ---------- İçerik zemini ve bölümler ---------- */
.hx6-sheet { position: relative; padding-block: clamp(40px, 5vw, 72px) clamp(64px, 7vw, 104px); }
.hx6-section + .hx6-section { margin-top: clamp(56px, 7vw, 96px); }
.hx6-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 20px; margin-bottom: 22px; }
.hx6-h2 { margin: 0; font: 800 clamp(36px, 4vw, 56px)/1 var(--six-display); letter-spacing: 0; color: var(--six-ink); }
.hx6-h2 small { display: block; margin-top: 8px; font: 400 17px/1.5 var(--six-serif); color: var(--six-fog); }
.hx6-sub { max-width: 60ch; margin: 8px 0 0; font-size: 17px; line-height: 1.6; color: var(--six-fog); }

/* ---------- Kartlar ---------- */
.v6 .hx-grid .hx-card { --c-accent: hsl(var(--ah) var(--as) 62%); padding-bottom: 14px; border-radius: var(--six-radius); background: linear-gradient(180deg, hsl(var(--ah) var(--as) 62% / .1), hsl(var(--gh) var(--gs) 9% / .9) 70%); box-shadow: inset 0 0 0 1px hsl(var(--ah) var(--as) 62% / .2); overflow: hidden; color: var(--six-ink); }
.v6 .hx-grid .hx-card .hx-card-art { margin-bottom: 12px; border-radius: 0; box-shadow: none; }
.v6 .hx-grid .hx-card .hx-card-art::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 4px; background: var(--c-accent); }
.v6 .hx-grid .hx-card > :not(.hx-card-art) { padding-inline: 12px; }
.v6 .hx-card-title { font-size: 23px; font-weight: 800; line-height: 1.02; }
.v6 .hx-card-type { font-size: 15px; font-weight: 600; color: hsl(var(--ah) var(--as) 74%); }
.v6 .hx-card-status { font-family: var(--six-serif); font-size: 13px; color: var(--six-fog); }
.v6 .hx-card-new { background: var(--c-accent); color: hsl(var(--ah) 50% 9%); font-size: 13px; letter-spacing: .02em; text-transform: none; box-shadow: none; }
.v6 .hx-grid .hx-card:hover, .v6 .hx-grid .hx-card:focus-visible { transform: translateY(-4px); box-shadow: inset 0 0 0 1px var(--c-accent), 0 24px 48px hsl(var(--gh) var(--gs) 2% / .7); }

.hx6-guides { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 18px; }
.hx6-guide { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--six-radius); background: var(--six-raise); color: var(--six-ink); box-shadow: inset 0 0 0 1px var(--six-line); transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s; }
.hx6-guide img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.hx6-guide-game { padding: 12px 14px 0; font: 600 15px/1.2 var(--six-display); color: var(--six-accent-text); }
.hx6-guide-title { padding: 6px 14px 16px; font: 800 21px/1.08 var(--six-display); }
.hx6-guide:hover, .hx6-guide:focus-visible { transform: translateY(-3px); color: var(--six-ink); box-shadow: inset 0 0 0 1px var(--six-accent), 0 18px 40px hsl(var(--gh) var(--gs) 2% / .6); }

/* ---------- Ana sayfa ---------- */
.v6 .hx-ys { background: var(--six-ground-deep); }
.v6 .hx-ys-bg { filter: saturate(.8) contrast(1.05) brightness(.88); }
.v6 .hx-ys-slide::before { background:
  radial-gradient(130% 100% at 65% 35%, transparent 40%, hsl(var(--gh) var(--gs) 3% / .7) 100%),
  linear-gradient(0deg, var(--six-ground) 0%, color-mix(in srgb, var(--six-ground) 86%, transparent) 16%, transparent 56%),
  linear-gradient(90deg, hsl(var(--gh) var(--gs) 4% / .9) 0%, hsl(var(--gh) var(--gs) 4% / .5) 38%, transparent 70%),
  linear-gradient(180deg, hsl(var(--gh) var(--gs) 4% / .8) 0%, transparent 30%); }
.hx6-site-title { max-width: 26ch; margin: 0; font: 800 clamp(24px, 2.6vw, 36px)/1.02 var(--six-display); letter-spacing: 0; color: var(--six-ink); }
.hx6-site-lead { max-width: 54ch; margin: 10px 0 0; font-size: 16px; line-height: 1.55; color: var(--six-soft); }
.v6 .hx-ys-top .hx-hero-meta { margin-top: 14px; }
.v6 .hx-ys-name { max-width: 12ch; font: 800 clamp(56px, 8vw, 128px)/.86 var(--six-display); letter-spacing: 0; }
.v6 .hx-ys-desc { font-size: 17px; color: var(--six-soft); }
.v6 .hx-ys-tag span { background: var(--six-accent); color: var(--six-on-accent); font: 800 15px var(--six-display); letter-spacing: .02em; text-transform: none; }
.v6 .hx-library-bar { background: color-mix(in srgb, var(--six-ground) 90%, transparent); }
.v6 .hx-sheet { background: var(--six-ground); }
.hx6-about { display: flex; flex-wrap: wrap; gap: 32px 64px; padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--six-line); }
.hx6-about-text { flex: 999 1 460px; min-width: 0; max-width: var(--six-measure); }
.hx6-about-text p { margin: 14px 0 0; font-size: 18px; line-height: 1.75; color: var(--six-soft); }
.hx6-about-links { flex: 1 1 280px; min-width: 0; }
.hx6-about-links h3 { margin: 0 0 14px; font: 800 26px/1.1 var(--six-display); }
.hx6-series-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.hx6-about-links .hx6-series-links { grid-template-columns: 1fr; }
.hx6-series-links a { display: flex; align-items: center; min-height: 50px; padding: 0 16px; border-radius: 12px; background: var(--six-raise); color: var(--six-ink); font: 600 19px/1.15 var(--six-display); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-series-links a:hover { background: var(--six-raise-2); color: var(--six-accent-text); }

/* Topluluk bandı (ana sayfa, ekip ve yazı sonları) */
.hx6-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; padding: clamp(26px, 4vw, 44px); border-radius: 22px; background:
  radial-gradient(80% 140% at 100% 0%, hsl(var(--ah) var(--as) 55% / .22), transparent 60%), var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line-2); }
.hx6-cta h2 { margin: 0; font: 800 clamp(32px, 3.6vw, 48px)/1 var(--six-display); }
.hx6-cta p { max-width: 56ch; margin: 10px 0 0; font-size: 17px; line-height: 1.6; color: var(--six-soft); }
.hx6-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Yama sayfası ---------- */
.hx6-patch-grid { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 32px 48px; }
.hx6-patch-copy { flex: 999 1 520px; min-width: 0; }
.hx6-patch-title { max-width: none; }
.hx6-patch-title .hx6-game { display: block; font-size: clamp(60px, 9.4vw, 150px); line-height: .86; }
.hx6-patch-title .hx6-kind { display: block; margin-top: 12px; font-size: clamp(24px, 2.6vw, 36px); font-weight: 600; color: var(--six-accent-text); }
.hx6-patch-cats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.hx6-download { flex: 1 1 340px; max-width: 420px; padding: 24px; border-radius: 22px; background: color-mix(in srgb, var(--six-raise) 84%, transparent); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: inset 0 0 0 2px var(--six-accent), 0 0 0 7px var(--six-glow), 0 30px 70px hsl(var(--gh) var(--gs) 2% / .7); }
.hx6-download h2 { margin: 0; font: 800 34px/1 var(--six-display); }
.hx6-download-links { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.hx6-download .hx-btn { justify-content: center; min-height: 52px; }
.hx6-download .hx6-download-main { min-height: 64px; font-size: 25px; }
.hx6-download-note { margin: 14px 0 0; font-size: 15px; line-height: 1.5; color: var(--six-fog); }
.hx6-rar { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 10px 0 0; font-size: 14px; color: var(--six-fog); }
.hx6-rar code { padding: 0; background: none; color: var(--six-ink); font: 600 14px var(--six-serif); }
.hx6-rar .hx-copy { min-height: 32px; padding: 0 10px; font-size: 14px; }

.hx6-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 1px; margin: 0; overflow: hidden; border-radius: var(--six-radius); background: var(--six-line); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-facts div { padding: 16px 18px; background: var(--six-raise); }
.hx6-facts dt { font: 600 15px/1.2 var(--six-display); color: var(--six-fog); }
.hx6-facts dd { margin: 6px 0 0; font: 800 22px/1.15 var(--six-display); color: var(--six-ink); }
.hx6-facts .is-pending { background: repeating-linear-gradient(135deg, var(--six-raise) 0 10px, var(--six-raise-2) 10px 20px); }
.hx6-facts .is-pending dd { font: 400 14px/1.4 var(--six-serif); color: var(--six-fog); }
.hx6-status-dot { display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 50%; background: #5fd38a; box-shadow: 0 0 0 4px #5fd38a33; vertical-align: 2px; }
.hx6-status-dot.is-warn { background: #f0b84a; box-shadow: 0 0 0 4px #f0b84a33; }

.v6 .hx-tabs { background: color-mix(in srgb, var(--six-ground) 94%, transparent); border-bottom: 1px solid var(--six-line); }
.v6 .hx-tabs a { font-size: 19px; font-weight: 600; }
.v6 .hx-tabs a::after { background: var(--six-accent); }
.hx6-patch-body { max-width: 1080px; }
.hx6-patch-body .hx-block { scroll-margin-top: calc(var(--hx-header-h) + 70px); }
.hx6-patch-body .hx-block + .hx-block { margin-top: clamp(48px, 6vw, 80px); }
.hx6-patch-body .hx-block-title { margin: 0 0 18px; font: 800 clamp(34px, 3.6vw, 50px)/1 var(--six-display); letter-spacing: 0; }
.hx6-patch-body .hx-prose { max-width: var(--six-measure); font-size: 18px; line-height: 1.75; color: var(--six-soft); }
.hx6-install { padding: clamp(20px, 3vw, 30px); border-radius: 20px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-install .hx-prose { max-width: none; }
.hx6-trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; margin-top: 18px; }
.hx6-trust article { padding: 20px; border-radius: var(--six-radius); background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-trust h3 { margin: 0 0 8px; font: 800 22px/1.1 var(--six-display); }
.hx6-trust p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--six-soft); }
.hx6-fix { padding: 20px 22px; border-radius: var(--six-radius); background: var(--six-raise); box-shadow: inset 4px 0 0 var(--six-accent), inset 0 0 0 1px var(--six-line); }
.hx6-fix .hx-prose { max-width: none; }
.hx6-fix .hx-prose p > strong:first-child { display: block; margin-top: 10px; font: 800 21px/1.15 var(--six-display); color: var(--six-ink); }

/* ---------- Rehber yazısı ---------- */
.hx6-progress { position: fixed; left: 0; right: 0; top: 0; z-index: 70; height: 3px; pointer-events: none; }
.hx6-progress span { display: block; height: 100%; background: var(--six-accent); transform: scaleX(0); transform-origin: 0 50%; }
.hx6-article-title { max-width: 17ch; font-size: clamp(46px, 6.4vw, 96px); }
.hx6-byline { display: flex; align-items: center; gap: 12px; }
.hx6-byline .hx-writer-avatar { width: 44px; height: 44px; }
.hx6-byline a, .hx6-byline strong { font: 800 19px/1.1 var(--six-display); color: var(--six-ink); }
.hx6-byline small { display: block; margin-top: 3px; font-size: 14px; color: var(--six-fog); }
.hx6-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(32px, 5vw, 72px); align-items: start; }
.hx6-article-main { min-width: 0; max-width: 720px; }
.hx6-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 28px; padding-bottom: 16px; border-bottom: 1px solid var(--six-line); }
.hx6-body { font-family: var(--six-serif); font-size: 19px; line-height: 1.75; color: var(--six-soft); hyphens: auto; }
.hx6-body > * + * { margin-top: 1.05em; }
.hx6-body p { margin: 0; }
.hx6-body strong { color: var(--six-ink); font-weight: 600; }
.hx6-body a { color: var(--six-accent-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hx6-body h2 { margin: 2em 0 .5em; font: 800 clamp(32px, 3.2vw, 46px)/1 var(--six-display); letter-spacing: 0; color: var(--six-ink); scroll-margin-top: calc(var(--hx-header-h) + 24px); }
.hx6-body h3 { margin: 1.6em 0 .4em; font: 800 clamp(24px, 2.2vw, 30px)/1.05 var(--six-display); letter-spacing: 0; color: var(--six-ink); }
.hx6-body img { display: block; width: 100%; height: auto; border-radius: 14px; }
.hx6-body ul, .hx6-body ol { padding-left: 1.3em; }
.hx6-body li + li { margin-top: .45em; }
.hx6-body li::marker { color: var(--six-accent); }
.hx6-body table { width: 100%; border-collapse: collapse; font-size: .9em; }
.hx6-body th, .hx6-body td { padding: 10px 12px; border-bottom: 1px solid var(--six-line); text-align: left; }
.hx6-body th { font: 800 17px var(--six-display); color: var(--six-ink); }

/* Kısaca: yazının cevabı en başta */
.hx6-answer { position: relative; padding: 22px 24px 24px; border-radius: 18px; background: var(--six-raise); box-shadow: inset 4px 0 0 var(--six-accent), inset 0 0 0 1px var(--six-line); }
.hx6-answer-label { margin: 0 0 6px !important; font: 800 17px/1 var(--six-display); color: var(--six-accent-text); }
.hx6-answer p:not(.hx6-answer-label) { font-size: 1.08em; line-height: 1.65; color: var(--six-ink); }

/* Kasa paneli: yazıdaki bütün şifreler oyun içindeki bir kâğıt not gibi */
.hx6-vault { margin-top: 28px; padding: clamp(20px, 3vw, 28px); border-radius: 20px; background: hsl(var(--ah) 22% 11%); box-shadow: inset 0 0 0 2px var(--six-accent), 0 0 0 7px var(--six-glow); }
.hx6-vault-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 16px; }
.hx6-vault-head h2 { margin: 0; font: 800 30px/1 var(--six-display); color: var(--six-paper); }
.hx6-vault-head p { margin: 0; font-size: 15px; color: hsl(var(--ah) 20% 72%); }
.hx6-vault-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.hx6-vault-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 18px; padding: 14px; border-radius: 14px; background: hsl(var(--ah) 20% 15%); }
.hx6-vault-row[hidden] { display: none; }
.hx6-vault-label { font: 800 20px/1.15 var(--six-display); color: var(--six-paper); }
.hx6-vault-diff { display: block; margin-top: 4px; font: 400 14px/1.3 var(--six-serif); color: hsl(var(--ah) 20% 70%); }
.hx6-tiles { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; transition: filter .35s; }
.hx6-tiles li { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 54px; min-height: 64px; padding: 6px 10px; border-radius: 10px; background: var(--six-paper); color: var(--six-paper-ink); box-shadow: inset 0 -3px 0 var(--six-paper-2); }
.hx6-tiles small { font: 600 13px/1 var(--six-display); color: var(--six-paper-mute); }
.hx6-tiles b { font: 800 40px/1 var(--six-display); }
.hx6-vault-copy { min-height: 40px; padding: 0 14px; border: 1px solid hsl(var(--ah) 30% 45%); border-radius: 10px; background: transparent; color: var(--six-paper); font: 600 16px var(--six-display); cursor: pointer; }
.hx6-vault-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.hx6-vault-reveal { min-height: 46px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--six-accent); color: var(--six-on-accent); font: 800 19px var(--six-display); cursor: pointer; }
.js .hx6-vault:not(.is-open) .hx6-tiles { filter: blur(9px); user-select: none; }
.hx6-vault.is-open .hx6-vault-reveal { display: none; }

/* Zorluk seçici */
.hx6-diff { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 18px; padding: 16px 18px; border-radius: 16px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-diff p { margin: 0; font: 800 21px/1.1 var(--six-display); color: var(--six-ink); }
.hx6-diff p small { display: block; margin-top: 4px; font: 400 14px/1.4 var(--six-serif); color: var(--six-fog); }
.hx6-diff-buttons { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 999px; background: var(--six-ground); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-diff-buttons button { min-height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: transparent; color: var(--six-soft); font: 600 18px var(--six-display); cursor: pointer; }
.hx6-diff-buttons button[aria-pressed="true"] { background: var(--six-accent); color: var(--six-on-accent); font-weight: 800; }
.hx6-body [data-diff].is-dim { display: none; }

/* Uyarı kutuları */
.hx6-callout { padding: 16px 20px 18px; border-radius: 16px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-callout-title { margin: 0 0 4px !important; font: 800 18px/1.2 var(--six-display); }
.hx6-callout p:not(.hx6-callout-title) { font-size: .95em; line-height: 1.65; }
.hx6-callout--spoiler { background: repeating-linear-gradient(135deg, hsl(0 50% 40% / .1) 0 12px, transparent 12px 24px), var(--six-raise); box-shadow: inset 0 0 0 1px hsl(0 60% 60% / .35); }
.hx6-callout--spoiler .hx6-callout-title { color: hsl(0 80% 76%); }
.hx6-callout--dikkat { box-shadow: inset 4px 0 0 #f0b84a, inset 0 0 0 1px var(--six-line); }
.hx6-callout--dikkat .hx6-callout-title { color: #f3c66b; }
.hx6-callout--ipucu { box-shadow: inset 4px 0 0 #5fd38a, inset 0 0 0 1px var(--six-line); }
.hx6-callout--ipucu .hx6-callout-title { color: #7fe0a3; }
.hx6-callout--not .hx6-callout-title { color: var(--six-accent-text); }

/* Etiketli maddeler kart olur */
.hx6-body .hx6-items { display: grid; gap: 10px; padding: 0; list-style: none; }
.hx6-body .hx6-items > li { margin: 0; padding: 14px 16px; border-radius: 14px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-items li > p, .hx6-items li { line-height: 1.6; }
.hx6-items li > p { display: grid; grid-template-columns: minmax(6.5rem, 26%) minmax(0, 1fr); gap: 4px 16px; align-items: baseline; }
.hx6-items .hx6-item-label { font: 800 21px/1.12 var(--six-display); color: var(--six-accent-text); }
.hx6-items .hx6-item-text { min-width: 0; font-size: .95em; }
/* Adımlar numaralı kartlar */
.hx6-body .hx6-steps { counter-reset: hx6-step; display: grid; gap: 10px; padding: 0; list-style: none; }
.hx6-body .hx6-steps > li { position: relative; margin: 0; padding: 14px 16px 14px 64px; border-radius: 14px; background: var(--six-raise); counter-increment: hx6-step; box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-body .hx6-steps > li::before { content: counter(hx6-step); position: absolute; left: 18px; top: 10px; font: 800 34px/1 var(--six-display); color: var(--six-accent); }
.hx6-diff-section { padding-left: 16px; border-left: 2px solid var(--six-line-2); }

/* Satır içi şifre kutuları, komutlar ve klasör yolları */
.v6 .hx-code { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: 100%; margin: 2px; padding: 4px 4px 4px 12px; border-radius: 10px; background: var(--six-paper); box-shadow: 0 0 0 2px var(--six-accent), 0 0 0 6px var(--six-glow); vertical-align: middle; }
.v6 .hx-code .hx-code-value { font: 800 1.4em/1.1 var(--six-display); letter-spacing: .05em; color: var(--six-paper-ink); }
.v6 .hx-code--combo .hx-code-value { font-size: 1.12em; letter-spacing: .02em; }
.js .v6 .hx-code:not(.is-revealed) .hx-code-value { filter: blur(7px); cursor: pointer; user-select: none; }
.v6 .hx-code-copy { min-height: 32px; padding: 0 10px; border: 0; border-radius: 8px; background: var(--six-paper-ink); color: var(--six-paper); font-size: 15px; font-weight: 600; cursor: pointer; }
.v6 .hx-cmd { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: 100%; margin: 3px 2px; padding: 4px 4px 4px 12px; border-radius: 10px; background: var(--six-ground-deep); box-shadow: inset 0 0 0 1px var(--six-line-2); vertical-align: middle; }
.v6 .hx-cmd code { min-width: 0; padding: 0; background: none; color: var(--six-ink); font: 500 .86em/1.4 ui-monospace, 'Cascadia Mono', Consolas, monospace; overflow-wrap: anywhere; }
.v6 .hx-cmd .hx-code-copy { background: var(--six-raise-3); color: var(--six-ink); }

/* İçindekiler, yazar, yazı sonu */
.hx6-aside { position: sticky; top: calc(var(--hx-header-h) + 18px); display: grid; gap: 18px; }
.hx6-box { padding: 20px; border-radius: 18px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-box h2 { margin: 0 0 12px; font: 800 22px/1 var(--six-display); }
.hx6-toc ol { display: grid; gap: 9px; margin: 0; padding-left: 22px; font-size: 16px; line-height: 1.4; color: var(--six-fog); }
.hx6-toc a { color: inherit; }
.hx6-toc a:hover, .hx6-toc a[aria-current] { color: var(--six-accent-text); }
.hx6-toc li::marker { font: 800 16px var(--six-display); color: var(--six-accent); }
.hx6-author { display: flex; gap: 16px; align-items: flex-start; margin-top: 40px; padding: 20px; border-radius: 18px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-author .hx-writer-avatar { flex: none; width: 56px; height: 56px; }
.hx6-author h2 { margin: 0; font: 800 24px/1.1 var(--six-display); }
.hx6-author p { margin: 6px 0 0; font-size: 16px; line-height: 1.55; color: var(--six-soft); }
.hx6-play { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 40px; padding: 26px 28px; border-radius: 20px; background: var(--six-accent); color: var(--six-on-accent); transition: background-color .25s; }
.hx6-play:hover { background: var(--six-accent-hi); color: var(--six-on-accent); }
.hx6-play strong { font: 800 clamp(28px, 2.8vw, 38px)/1 var(--six-display); }
.hx6-play span { font: 800 21px var(--six-display); }
.v6 .hx-article-tags { margin-top: 32px; }
.v6 .hx-comments { margin-top: 56px; }
.v6 .hx-comments .hx-block-title { font: 800 clamp(32px, 3vw, 44px)/1 var(--six-display); }

/* ---------- Blog listesi ---------- */
.hx6-blog-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(32px, 4vw, 56px); align-items: start; }
.hx6-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; margin-bottom: 28px; }
.v6 .hx-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 22px; }
.v6 .hx-post { overflow: hidden; border-radius: var(--six-radius); background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); color: var(--six-ink); }
.v6 .hx-post-art { border-radius: 0; }
.v6 .hx-post > :not(.hx-post-art) { padding-inline: 16px; }
.v6 .hx-post-title { font-size: 24px; font-weight: 800; line-height: 1.05; }
.v6 .hx-post-excerpt { color: var(--six-fog); }
.v6 .hx-post:hover { box-shadow: inset 0 0 0 1px var(--six-accent), 0 20px 44px hsl(var(--gh) var(--gs) 2% / .6); }
.v6 .hx-widget { padding: 20px; border-radius: 18px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.v6 .hx-widget-title { font-size: 22px; font-weight: 800; text-transform: none; color: var(--six-ink); }

/* ---------- Ekip, destek, başvuru ---------- */
.hx6-intro { max-width: var(--six-measure); font-size: 19px; line-height: 1.75; color: var(--six-soft); }
.hx6-intro p { margin: 0; }
.hx6-intro p + p { margin-top: 1em; }
.v6 .hx-role-head h2 { font: 800 32px/1 var(--six-display); }
.v6 .hx-member { border-radius: var(--six-radius); background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.v6 .hx-member h3 { font: 800 22px/1.1 var(--six-display); }
.v6 .hx-org, .v6 .hx-form-card, .v6 .hx-support-how { border-radius: 20px; background: var(--six-raise); box-shadow: inset 0 0 0 1px var(--six-line); }
.v6 .hx-org h3, .v6 .hx-join-form-title { font: 800 28px/1 var(--six-display); }
.hx6-steps-row { counter-reset: hx6-row; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.hx6-steps-row li { position: relative; padding: 18px 18px 18px 62px; border-radius: 16px; background: var(--six-raise); counter-increment: hx6-row; font-size: 16px; line-height: 1.55; color: var(--six-soft); box-shadow: inset 0 0 0 1px var(--six-line); }
.hx6-steps-row li::before { content: counter(hx6-row); position: absolute; left: 18px; top: 12px; font: 800 34px/1 var(--six-display); color: var(--six-accent); }
.hx6-lost-code { position: absolute; right: -2vw; bottom: -6vw; z-index: -1; font: 800 clamp(200px, 34vw, 520px)/.8 var(--six-display); color: hsl(var(--ah) var(--as) 62% / .08); pointer-events: none; }

/* ---------- Alt bilgi ---------- */
.v6 .hx-footer { background: var(--six-ground-deep); border-top: 1px solid var(--six-line); }
.v6 .hx-footer .hx-brand-word { font-size: 30px; }
.v6 .hx-footer p { color: var(--six-fog); }

/* Önizleme rozeti (yalnızca önizleme çerezi olan tarayıcıda görünür) */
.hx6-preview-badge { position: fixed; left: 12px; bottom: 12px; z-index: 85; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--six-ink); color: var(--six-ground); font: 800 14px var(--six-display); opacity: .92; box-shadow: 0 12px 30px hsl(var(--gh) var(--gs) 2% / .6); }
.hx6-preview-badge:hover { background: var(--six-accent); color: var(--six-on-accent); }

/* Yama ızgarası geniş ekranlarda en fazla 5 sütun; daha dar ekranlarda v3-pages.css'teki 4 ve 2 sütun geçerli */
@media (min-width: 1081px) {
  .v6 .hx-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ---------- Dar ekranlar ---------- */
@media (max-width: 980px) {
  .hx6-article-layout, .hx6-blog-layout { grid-template-columns: minmax(0, 1fr); }
  .hx6-aside { position: static; }
}
@media (max-width: 760px) {
  .v6 .hx-brand-word, .v6 .hx-brand-word span { font-size: 24px; }
  .v6 .hx-brand-word span { display: none; }
  .hx6-band { min-height: clamp(360px, 62vh, 520px); }
  .hx6-band--short, .hx6-band--plain { min-height: 300px; }
  .hx6-title { font-size: clamp(42px, 12vw, 64px); }
  .hx6-patch-title .hx6-game { font-size: clamp(50px, 15vw, 76px); }
  .hx6-download { max-width: none; }
  .hx6-body { font-size: 18px; }
  .hx6-items li > p { grid-template-columns: minmax(0, 1fr); }
  .hx6-vault-row { grid-template-columns: minmax(0, 1fr); }
  .hx6-tiles b { font-size: 34px; }
  .hx6-tiles li { min-width: 46px; min-height: 58px; }
  .v6 .hx-grid .hx-card > :not(.hx-card-art) { padding-inline: 10px; }
  .v6 .hx-card-title { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .hx6-band-art img { animation: none; }
  .hx6-band-inner > * { animation: none; }
  .hx6-guide, .hx6-tiles { transition: none; }
}