/* Hile kodu arşivi, /oyun-hileleri ve altı.
   Base = LIGHT (site varsayılanı data-theme="light"); dark override her blokta hemen altında.
   Motor oyun bağımsız: renkler .og-cheat üstünde değişkenle tanımlı, tema sınıfı (og-cheat--sims)
   yalnız bu değişkenleri ezer. Yeni oyun eklerken tek yapılacak yeni bir tema bloğu yazmak. */

.og-cheat {
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 16px 64px;
    --ch-accent: #1f9c3d;
    --ch-btn: #15803d;
    --ch-ink: #15803d;
    --ch-accent-2: #1b86c9;
    --ch-accent-soft: rgba(31, 156, 61, .10);
    --ch-card: #ffffff;
    --ch-bg: rgba(0, 0, 0, .025);
    --ch-border: rgba(0, 0, 0, .10);
    --ch-text: rgba(18, 24, 38, .95);
    --ch-muted: rgba(18, 24, 38, .58);
    --ch-code-bg: #0f1620;
    --ch-code-text: #e8f4ea;
    --ch-warn-bg: rgba(214, 143, 22, .10);
    --ch-warn-border: rgba(214, 143, 22, .35);
    --ch-warn-text: #8a5a09;
    --ch-radius: 16px;
    color: var(--ch-text);
}

[data-theme="dark"] .og-cheat {
    --ch-accent: #4fcf6a;
    --ch-btn: #4fcf6a;
    --ch-ink: #4fcf6a;
    --ch-accent-2: #4ab6ef;
    --ch-accent-soft: rgba(79, 207, 106, .14);
    --ch-card: rgba(255, 255, 255, .05);
    --ch-bg: rgba(255, 255, 255, .03);
    --ch-border: rgba(255, 255, 255, .12);
    --ch-text: rgba(255, 255, 255, .95);
    --ch-muted: rgba(255, 255, 255, .62);
    --ch-code-bg: #0a0f16;
    --ch-code-text: #d9f2dd;
    --ch-warn-bg: rgba(240, 176, 60, .12);
    --ch-warn-border: rgba(240, 176, 60, .32);
    --ch-warn-text: #f0b03c;
}

/* Sims teması: plumbob yeşili + arayüzün mavisi. EA görseli kullanılmaz, kristal CSS ile çizilir. */
.og-cheat--sims {
    --ch-accent: #16a34a;
    --ch-btn: #15803d;
    --ch-ink: #15803d;
    --ch-accent-2: #0f8fd4;
    --ch-accent-soft: rgba(22, 163, 74, .10);
}

[data-theme="dark"] .og-cheat--sims {
    --ch-accent: #4ade80;
    --ch-btn: #4ade80;
    --ch-ink: #4ade80;
    --ch-accent-2: #38bdf8;
    --ch-accent-soft: rgba(74, 222, 128, .14);
}

/* site.css'teki genel gece-modu kuralı
   ([data-theme="dark"] a:not(.btn):not(.badge):not(.nav-link):not(.dropdown-item):not(.og-buy-btn))
   6 sınıf özgüllüğünde ve buradaki her bağlantıyı mercan kırmızısına çeviriyor. Arşiv kendi renk
   düzenini korur, bu yüzden !important şart: özgüllük yarışıyla kazanılmıyor. */
.og-cheat a.ch-tile,
.og-cheat a.ch-cat,
.og-cheat a.ch-game,
.og-cheat .ch-linkrow a { color: var(--ch-text) !important; }
.og-cheat .ch-crumbs a { color: var(--ch-muted) !important; }
.og-cheat a.ch-cta { color: #fff !important; }
.og-cheat a.ch-tile:hover,
.og-cheat a.ch-cat:hover,
.og-cheat a.ch-game:hover,
.og-cheat .ch-crumbs a:hover,
.og-cheat .ch-linkrow a:hover { color: var(--ch-ink) !important; }

/* ---------------------------------------------------------------- kırıntı ve başlık */

.ch-crumbs { font-size: .85rem; color: var(--ch-muted); margin-bottom: 14px; }
.ch-crumbs a { text-decoration: none; }
.ch-crumb-sep { margin: 0 6px; opacity: .55; }
.ch-crumb-current { color: var(--ch-text); font-weight: 600; }

.ch-hero {
    position: relative;
    display: flex;
    gap: 22px;
    align-items: flex-start;
    background: linear-gradient(135deg, var(--ch-accent-soft), transparent 65%);
    border: 1px solid var(--ch-border);
    border-radius: var(--ch-radius);
    padding: 26px 26px 22px;
    margin-bottom: 26px;
    overflow: hidden;
}

.ch-hero h1 { font-size: 1.9rem; font-weight: 800; margin: 0 0 10px; letter-spacing: -.02em; }
.ch-hero p { color: var(--ch-muted); margin: 0 0 14px; line-height: 1.65; max-width: 68ch; }
.ch-hero-body { flex: 1 1 auto; min-width: 0; }

.ch-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: .84rem; }
.ch-chip {
    display: inline-flex; align-items: center; gap: 6px;
    background: var(--ch-bg); border: 1px solid var(--ch-border);
    border-radius: 999px; padding: 5px 12px; color: var(--ch-muted);
}
.ch-chip strong { color: var(--ch-text); font-weight: 700; }

/* Plumbob: saf CSS elmas. Oyunun kendi görseli değil, geometrik bir yorum. */
.ch-plumbob {
    flex: 0 0 auto;
    width: 58px; height: 84px;
    position: relative;
    animation: ch-float 3.4s ease-in-out infinite;
}
.ch-plumbob i {
    position: absolute; inset: 0;
    clip-path: polygon(50% 0, 100% 38%, 50% 100%, 0 38%);
    background: linear-gradient(160deg, #b9f6c0 0%, var(--ch-accent) 45%, #0b6b2c 100%);
    box-shadow: 0 0 26px var(--ch-accent-soft);
}
.ch-plumbob i::after {
    content: ""; position: absolute; left: 18%; top: 12%; width: 26%; height: 34%;
    background: rgba(255, 255, 255, .55);
    clip-path: polygon(50% 0, 100% 40%, 50% 100%, 0 40%);
}
@keyframes ch-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}
@media (prefers-reduced-motion: reduce) {
    .ch-plumbob { animation: none; }
}

/* ---------------------------------------------------------------- bölüm başlığı */

.ch-section { margin: 34px 0 0; }
.ch-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.ch-section h2 { font-size: 1.28rem; font-weight: 800; margin: 0; }
.ch-section-note { font-size: .84rem; color: var(--ch-muted); }
.ch-lead { color: var(--ch-muted); line-height: 1.65; margin: -4px 0 16px; max-width: 74ch; }

/* ---------------------------------------------------------------- konsol açma */

.ch-console { border: 1px solid var(--ch-border); border-radius: var(--ch-radius); background: var(--ch-card); overflow: hidden; }
.ch-console-tabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--ch-border); background: var(--ch-bg); }
.ch-console-tab {
    appearance: none; border: 0; background: transparent; cursor: pointer;
    padding: 12px 18px; font-weight: 700; font-size: .92rem; color: var(--ch-muted);
    border-bottom: 3px solid transparent;
}
.ch-console-tab[aria-selected="true"] { color: var(--ch-ink); border-bottom-color: var(--ch-accent); }
.ch-console-panel { padding: 20px 22px; }
.ch-console-panel[hidden] { display: none; }
.ch-keys {
    display: inline-block; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background: var(--ch-code-bg); color: var(--ch-code-text);
    padding: 7px 14px; border-radius: 10px; font-size: 1rem; margin-bottom: 14px;
}
.ch-steps { margin: 0 0 12px; padding-left: 20px; color: var(--ch-text); }
.ch-steps li { margin-bottom: 6px; line-height: 1.6; }
.ch-note { font-size: .87rem; color: var(--ch-muted); line-height: 1.6; }

/* ---------------------------------------------------------------- arama */

.ch-search-wrap { position: relative; margin: 22px 0 0; }
.ch-search {
    width: 100%; border: 1px solid var(--ch-border); background: var(--ch-card); color: var(--ch-text);
    border-radius: 999px; padding: 14px 20px 14px 46px; font-size: 1rem; outline: none;
}
.ch-search:focus { border-color: var(--ch-accent); box-shadow: 0 0 0 3px var(--ch-accent-soft); }
.ch-search-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--ch-muted); }
.ch-search-count { font-size: .84rem; color: var(--ch-muted); margin-top: 8px; }

/* ---------------------------------------------------------------- kod kartı */

.ch-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.ch-card {
    border: 1px solid var(--ch-border); background: var(--ch-card);
    border-radius: var(--ch-radius); padding: 16px 16px 14px;
    display: flex; flex-direction: column; gap: 10px;
}
.ch-card[hidden] { display: none; }
.ch-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ch-card h3 { font-size: 1rem; font-weight: 700; margin: 0; line-height: 1.4; }
.ch-card p { font-size: .9rem; color: var(--ch-muted); margin: 0; line-height: 1.6; }

.ch-code {
    display: flex; align-items: center; gap: 10px;
    background: var(--ch-code-bg); border-radius: 12px; padding: 10px 10px 10px 14px;
}
.ch-code code {
    flex: 1 1 auto; min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--ch-code-text); font-size: .93rem; word-break: break-word; background: none; padding: 0;
}
.ch-copy {
    flex: 0 0 auto; appearance: none; border: 0; cursor: pointer;
    background: var(--ch-btn); color: #fff; font-weight: 700; font-size: .82rem;
    border-radius: 9px; padding: 7px 12px; white-space: nowrap;
}
.ch-copy:hover { filter: brightness(1.08); }
.ch-copy.is-done { background: #0f7a35; color: #fff; }

/* Gece modunda aksan rengi parlak yeşile döndüğü için beyaz yazı okunmuyordu:
   dolu zeminli butonların yazısı koyu tona geçer (onay durumu hariç, o koyu yeşil kalır). */
[data-theme="dark"] .og-cheat .ch-copy,
[data-theme="dark"] .og-cheat .ch-tray-copy { color: #06210f; }
[data-theme="dark"] .og-cheat .ch-copy.is-done { color: #fff; }
[data-theme="dark"] .og-cheat a.ch-cta { color: #06210f !important; }
[data-theme="dark"] .og-cheat .ch-star.is-on { color: #06210f; }

.ch-hint { display: flex; align-items: center; gap: 10px; background: var(--ch-bg); border-radius: 12px; padding: 10px 14px; }
.ch-hint span { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9rem; }

.ch-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ch-tag {
    font-size: .74rem; font-weight: 700; letter-spacing: .01em;
    border-radius: 999px; padding: 3px 9px;
    background: var(--ch-accent-soft); color: var(--ch-ink); border: 1px solid transparent;
}
.ch-tag--muted { background: var(--ch-bg); color: var(--ch-muted); border-color: var(--ch-border); }
.ch-tag--pack { background: rgba(15, 143, 212, .12); color: var(--ch-accent-2); }

.ch-warn {
    font-size: .85rem; line-height: 1.55;
    background: var(--ch-warn-bg); border: 1px solid var(--ch-warn-border); color: var(--ch-warn-text);
    border-radius: 10px; padding: 9px 12px;
}

.ch-star {
    appearance: none; border: 1px solid var(--ch-border); background: transparent;
    color: var(--ch-muted); cursor: pointer; border-radius: 9px; padding: 5px 9px; font-size: .8rem;
}
.ch-star:hover { color: var(--ch-accent); border-color: var(--ch-accent); }
.ch-star.is-on { color: #fff; background: var(--ch-btn); border-color: var(--ch-btn); }

.ch-empty { color: var(--ch-muted); padding: 22px; text-align: center; border: 1px dashed var(--ch-border); border-radius: var(--ch-radius); }

/* ---------------------------------------------------------------- kategori ızgarası */

.ch-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.ch-cat {
    display: block; text-decoration: none;
    border: 1px solid var(--ch-border); background: var(--ch-card);
    border-radius: var(--ch-radius); padding: 18px;
    transition: transform .15s ease, border-color .15s ease;
}
.ch-cat:hover { transform: translateY(-2px); border-color: var(--ch-accent); }
.ch-cat-icon {
    width: 40px; height: 40px; border-radius: 11px; margin-bottom: 12px;
    display: flex; align-items: center; justify-content: center;
    background: var(--ch-accent-soft); color: var(--ch-ink); font-size: 1.05rem;
}
.ch-cat h3 { font-size: 1.02rem; font-weight: 700; margin: 0 0 6px; }
.ch-cat p { font-size: .86rem; color: var(--ch-muted); margin: 0 0 10px; line-height: 1.55; }
.ch-cat-count { font-size: .8rem; font-weight: 700; color: var(--ch-ink); }

/* ---------------------------------------------------------------- kod üretici */

.ch-builders { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 16px; }
.ch-builder { border: 1px solid var(--ch-border); background: var(--ch-card); border-radius: var(--ch-radius); padding: 18px; }
.ch-builder-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.ch-builder-head i { color: var(--ch-ink); }
.ch-builder h3 { font-size: 1.02rem; font-weight: 700; margin: 0; }
.ch-builder > p { font-size: .87rem; color: var(--ch-muted); margin: 0 0 14px; line-height: 1.55; }
.ch-field { margin-bottom: 12px; }
.ch-field label { display: block; font-size: .82rem; font-weight: 700; margin-bottom: 5px; color: var(--ch-muted); }
.ch-field select, .ch-field input {
    width: 100%; border: 1px solid var(--ch-border); background: var(--ch-bg); color: var(--ch-text);
    border-radius: 10px; padding: 9px 12px; font-size: .93rem; outline: none;
}
.ch-field select:focus, .ch-field input:focus { border-color: var(--ch-accent); box-shadow: 0 0 0 3px var(--ch-accent-soft); }
/* Açılır listeyi işletim sistemi çiziyor ve kendi beyaz zeminini kullanıyor. Buraya yarı saydam
   token (--ch-card, --ch-text) verilirse gece modunda beyaz üstüne beyaz yazı çıkıyor ve seçenekler
   kayboluyor, yalnız imlecin üstündeki satır okunuyordu. Bu yüzden renkler OPAK yazılır. */
.ch-field select option,
.ch-field select optgroup { background-color: #ffffff; color: #16181d; }
.ch-field select optgroup { font-weight: 700; }

[data-theme="dark"] .og-cheat .ch-field select option,
[data-theme="dark"] .og-cheat .ch-field select optgroup { background-color: #1b2029; color: #f2f4f7; }

/* Tarayıcı açılır listenin zeminini select'in kendi background-color'ından türetiyor. Yarı saydam
   kalırsa listenin boş alanları ve kaydırma çubuğu yine beyaz oluyor, o yüzden burası da opak.
   Renkler kapalı haldeki görüntüyü bozmayacak şekilde seçildi. */
.ch-field select { background-color: #f7f8f9; }
[data-theme="dark"] .og-cheat .ch-field select { background-color: #171a21; }

/* ---------------------------------------------------------------- hile panom */

.ch-tray {
    position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%);
    z-index: 1030; width: min(680px, calc(100vw - 24px));
    background: var(--ch-card); border: 1px solid var(--ch-border);
    border-radius: 14px; box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
    padding: 12px 14px; display: flex; align-items: center; gap: 12px;
}
.ch-tray[hidden] { display: none; }
.ch-tray-text { flex: 1 1 auto; font-size: .88rem; color: var(--ch-muted); }
.ch-tray-text strong { color: var(--ch-text); }
.ch-tray button { appearance: none; border: 0; cursor: pointer; border-radius: 9px; padding: 8px 13px; font-size: .84rem; font-weight: 700; }
.ch-tray-copy { background: var(--ch-btn); color: #fff; }
.ch-tray-clear { background: var(--ch-bg); color: var(--ch-muted); border: 1px solid var(--ch-border) !important; }

/* ---------------------------------------------------------------- SSS */

.ch-faq { border: 1px solid var(--ch-border); border-radius: var(--ch-radius); overflow: hidden; background: var(--ch-card); }
.ch-faq details { border-bottom: 1px solid var(--ch-border); }
.ch-faq details:last-child { border-bottom: 0; }
.ch-faq summary { cursor: pointer; padding: 15px 18px; font-weight: 700; font-size: .96rem; list-style: none; }
.ch-faq summary::-webkit-details-marker { display: none; }
.ch-faq summary::after { content: "+"; float: right; color: var(--ch-ink); font-weight: 800; }
.ch-faq details[open] summary::after { content: "−"; }
.ch-faq details > div { padding: 0 18px 16px; color: var(--ch-muted); line-height: 1.65; font-size: .92rem; }

/* ---------------------------------------------------------------- oyun ızgarası (hub) */

.ch-games { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.ch-game {
    display: block; text-decoration: none; position: relative; overflow: hidden;
    border: 1px solid var(--ch-border); background: var(--ch-card);
    border-radius: var(--ch-radius); padding: 22px;
    transition: transform .15s ease, border-color .15s ease;
}
.ch-game:hover { transform: translateY(-3px); border-color: var(--ch-accent); }
.ch-game-icon {
    width: 48px; height: 48px; border-radius: 13px; margin-bottom: 14px;
    display: flex; align-items: center; justify-content: center;
    background: var(--ch-accent-soft); color: var(--ch-ink); font-size: 1.3rem;
}
.ch-game-cover {
    position: relative; margin: -22px -22px 15px; aspect-ratio: 460 / 215;
    background: var(--ch-accent-soft); overflow: hidden;
    border-bottom: 1px solid var(--ch-border);
}
.ch-game-cover img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .25s ease;
}
.ch-game:hover .ch-game-cover img { transform: scale(1.04); }
.ch-game h2 { font-size: 1.18rem; font-weight: 800; margin: 0 0 8px; }
.ch-game p { font-size: .89rem; color: var(--ch-muted); margin: 0 0 14px; line-height: 1.6; }

/* ---------------------------------------------------------------- alt gezinme */

.ch-linkrow { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ch-linkrow a {
    text-decoration: none; font-size: .88rem; font-weight: 600;
    border: 1px solid var(--ch-border); background: var(--ch-card);
    border-radius: 999px; padding: 8px 15px;
}
.ch-linkrow a:hover { border-color: var(--ch-accent); }

.ch-cta {
    display: inline-flex; align-items: center; gap: 8px; text-decoration: none;
    background: var(--ch-btn); border-radius: 11px; padding: 11px 18px; font-weight: 700; font-size: .92rem;
}

/* ---------------------------------------------------------------- mobil */

@media (max-width: 640px) {
    .og-cheat { padding: 14px 12px 72px; }
    .ch-hero { flex-direction: column; gap: 14px; padding: 20px 18px; }
    .ch-hero h1 { font-size: 1.5rem; }
    .ch-plumbob { width: 44px; height: 64px; }
    .ch-cards, .ch-cats, .ch-builders, .ch-games { grid-template-columns: 1fr; }
    .ch-console-tab { padding: 11px 13px; font-size: .86rem; }
    .ch-tray { flex-wrap: wrap; }
    .ch-tray-text { flex-basis: 100%; }
}

/* ---------------------------------------------------------------- hile çantası */

/* Çanta sayfası listesi */
.ch-bag-actions { display: flex; gap: 8px; }
.ch-bag-clear {
    appearance: none; cursor: pointer; border-radius: 9px; padding: 7px 12px;
    font-size: .82rem; font-weight: 700;
    background: var(--ch-bg); color: var(--ch-muted); border: 1px solid var(--ch-border);
}
.ch-bag-clear:hover { color: #d33b3b; border-color: #d33b3b; }

.ch-bag-list { display: flex; flex-direction: column; gap: 10px; }

.ch-bag-row {
    display: flex; align-items: flex-start; gap: 12px;
    border: 1px solid var(--ch-border); background: var(--ch-card);
    border-radius: var(--ch-radius); padding: 14px;
}
.ch-bag-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.ch-bag-title { font-weight: 700; font-size: .97rem; }
.ch-bag-meta { font-size: .8rem; color: var(--ch-muted); }
.ch-bag-meta a { color: var(--ch-muted) !important; text-decoration: none; }
.ch-bag-meta a:hover { color: var(--ch-ink) !important; }

.ch-bag-order { display: flex; flex-direction: column; gap: 4px; flex: 0 0 auto; }
.ch-bag-move {
    appearance: none; cursor: pointer; width: 26px; height: 22px;
    border: 1px solid var(--ch-border); background: var(--ch-bg); color: var(--ch-muted);
    border-radius: 7px; font-size: .6rem; line-height: 1; padding: 0;
}
.ch-bag-move:hover { color: var(--ch-ink); border-color: var(--ch-accent); }

.ch-bag-remove {
    appearance: none; cursor: pointer; flex: 0 0 auto;
    width: 30px; height: 30px; border-radius: 9px; font-size: 1.15rem; line-height: 1;
    border: 1px solid var(--ch-border); background: transparent; color: var(--ch-muted);
}
.ch-bag-remove:hover { color: #fff; background: #d33b3b; border-color: #d33b3b; }

@media (max-width: 640px) {
    .ch-bag-actions { flex-wrap: wrap; }
}


/* ---------------------------------------------------------------- çanta şeridi */

/* Şerit sayfanın altında durur, çantada kod varken görünür. Liste onun üstünde açılır,
   yani kod eklerken ya da çıkarırken sayfadan hiç ayrılmazsın. */
.ch-bag-bar {
    position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%);
    z-index: 1030; width: min(720px, calc(100vw - 24px));
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    background: var(--ch-card); border: 1px solid var(--ch-border);
    border-radius: 14px; box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
    padding: 12px 14px;
}
.ch-bag-bar[hidden] { display: none; }

.ch-bag-toggle {
    appearance: none; cursor: pointer; flex: 1 1 auto; text-align: left;
    display: flex; align-items: center; gap: 8px;
    background: transparent; border: 0; padding: 6px 2px;
    color: var(--ch-text); font-weight: 700; font-size: .9rem;
}
.ch-bag-toggle i { color: var(--ch-ink); }
.ch-bag-toggle::after { content: "▲"; margin-left: auto; font-size: .6rem; color: var(--ch-muted); }
.ch-bag-toggle[aria-expanded="true"]::after { content: "▼"; }

.ch-bag-panel {
    position: absolute; left: 0; right: 0; bottom: calc(100% + 8px);
    max-height: min(52vh, 460px); overflow-y: auto;
    background: var(--ch-card); border: 1px solid var(--ch-border);
    border-radius: 14px; box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
    padding: 12px;
}
.ch-bag-panel[hidden] { display: none; }
.ch-bag-panel-head {
    display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
    margin-bottom: 10px; font-size: .9rem;
}
.ch-bag-panel-head a { font-size: .82rem; color: var(--ch-muted) !important; text-decoration: none; }
.ch-bag-panel-head a:hover { color: var(--ch-ink) !important; }

@media (max-width: 640px) {
    .ch-bag-bar { bottom: 74px; }
    .ch-bag-panel { max-height: 46vh; }
}

/* Şerit ve panel içeriğin ÜSTÜNDE duruyor, bu yüzden zeminleri opak olmak zorunda.
   --ch-card gece modunda yarı saydam (rgba(255,255,255,.05)); sayfa akışındaki kartlarda
   sorun değil ama üste binen bir panelde alttaki yazılar içinden görünüyordu. */
.ch-bag-bar, .ch-bag-panel { background-color: #ffffff; }
[data-theme="dark"] .og-cheat .ch-bag-bar,
[data-theme="dark"] .og-cheat .ch-bag-panel { background-color: #171a21; }

/* Panel içindeki satırlar da bir ton ayrışsın. */
.ch-bag-panel .ch-bag-row { background-color: #f7f8f9; }
[data-theme="dark"] .og-cheat .ch-bag-panel .ch-bag-row { background-color: #1e222b; }

/* Arşiv dışındaki sayfalara (oyuncu profili gibi) taşınan çanta için ince sarmalayıcı.
   Kendi boşluğunu ve genişlik sınırını sıfırlar, sayfanın düzenine hiç dokunmaz. */
.og-cheat--bare { max-width: none; margin: 0; padding: 0; }

/* Davet rozeti: Çanta boşken şeridin yerine geçer. */
.ch-bag-invite {
    position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%);
    z-index: 1030; display: inline-flex; align-items: center; gap: 9px;
    text-decoration: none; font-size: .85rem; font-weight: 700;
    background: var(--ch-btn); color: #fff !important;
    border-radius: 999px; padding: 10px 18px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .26);
}
.ch-bag-invite[hidden] { display: none; }
.ch-bag-invite:hover { filter: brightness(1.06); color: #fff !important; }
[data-theme="dark"] .og-cheat .ch-bag-invite { color: #06210f !important; }

@media (max-width: 640px) {
    .ch-bag-invite { bottom: 74px; font-size: .8rem; padding: 9px 15px; }
}

/* Platforma özgü giriş satırı (GTA 5'te telefon numarası ile PC kodu ayrı satırlar). */
.ch-variant { margin-top: -2px; }
.ch-variant[hidden] { display: none; }
.ch-variant-label {
    flex: 0 0 auto; font-size: .7rem; font-weight: 700; letter-spacing: .02em;
    text-transform: uppercase; color: rgba(255, 255, 255, .55);
    border-right: 1px solid rgba(255, 255, 255, .18); padding-right: 10px;
}

/* GTA teması: serinin sıcak turuncusu, plumbob yeşilinin yerine geçer. */
.og-cheat--gta {
    --ch-accent: #d4761a;
    --ch-btn: #b45309;
    --ch-ink: #b45309;
    --ch-accent-2: #1b86c9;
    --ch-accent-soft: rgba(212, 118, 26, .12);
}

[data-theme="dark"] .og-cheat--gta {
    --ch-accent: #fbbf24;
    --ch-btn: #fbbf24;
    --ch-ink: #fbbf24;
    --ch-accent-2: #38bdf8;
    --ch-accent-soft: rgba(251, 191, 36, .14);
}

[data-theme="dark"] .og-cheat--gta .ch-copy,
[data-theme="dark"] .og-cheat--gta .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--gta .ch-star.is-on { color: #2a1a04; }
[data-theme="dark"] .og-cheat--gta .ch-copy.is-done { color: #fff; }

/* Red Dead Redemption 2 teması: serinin sepya kırmızısı. */
.og-cheat--rdr {
    --ch-accent: #b03a2e;
    --ch-btn: #9a3324;
    --ch-ink: #9a3324;
    --ch-accent-2: #8a6d3b;
    --ch-accent-soft: rgba(176, 58, 46, .10);
}

[data-theme="dark"] .og-cheat--rdr {
    --ch-accent: #e07a5f;
    --ch-btn: #e07a5f;
    --ch-ink: #e07a5f;
    --ch-accent-2: #d4a373;
    --ch-accent-soft: rgba(224, 122, 95, .14);
}

[data-theme="dark"] .og-cheat--rdr .ch-copy,
[data-theme="dark"] .og-cheat--rdr .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--rdr .ch-star.is-on { color: #2b0f0a; }
[data-theme="dark"] .og-cheat--rdr .ch-copy.is-done { color: #fff; }

/* Skyrim teması: buzul mavisi ve soğuk taş tonu. */
.og-cheat--skyrim {
    --ch-accent: #2c7a9e;
    --ch-btn: #1f5f7d;
    --ch-ink: #1f5f7d;
    --ch-accent-2: #6b7f8c;
    --ch-accent-soft: rgba(44, 122, 158, .10);
}

[data-theme="dark"] .og-cheat--skyrim {
    --ch-accent: #7dd3fc;
    --ch-btn: #7dd3fc;
    --ch-ink: #7dd3fc;
    --ch-accent-2: #a8b8c4;
    --ch-accent-soft: rgba(125, 211, 252, .14);
}

[data-theme="dark"] .og-cheat--skyrim .ch-copy,
[data-theme="dark"] .og-cheat--skyrim .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--skyrim .ch-star.is-on { color: #06202b; }
[data-theme="dark"] .og-cheat--skyrim .ch-copy.is-done { color: #fff; }

/* Henüz çıkmamış oyunun hazırlık rozeti. */
.ch-chip--pending {
    background: var(--ch-warn-bg);
    border-color: var(--ch-warn-border);
    color: var(--ch-warn-text);
    font-weight: 700;
}

/* GTA 6 teması: serinin neon pembe ve turkuaz tanıtım paleti. */
.og-cheat--gta6 {
    --ch-accent: #c2185b;
    --ch-btn: #a3134c;
    --ch-ink: #a3134c;
    --ch-accent-2: #0f8fd4;
    --ch-accent-soft: rgba(194, 24, 91, .10);
}

[data-theme="dark"] .og-cheat--gta6 {
    --ch-accent: #f472b6;
    --ch-btn: #f472b6;
    --ch-ink: #f472b6;
    --ch-accent-2: #38bdf8;
    --ch-accent-soft: rgba(244, 114, 182, .14);
}

[data-theme="dark"] .og-cheat--gta6 .ch-copy,
[data-theme="dark"] .og-cheat--gta6 .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--gta6 .ch-star.is-on { color: #2b0716; }
[data-theme="dark"] .og-cheat--gta6 .ch-copy.is-done { color: #fff; }

/* Mount & Blade Warband teması: ortaçağ kahvesi ve altın. */
.og-cheat--warband {
    --ch-accent: #8b5e34;
    --ch-btn: #6f4a29;
    --ch-ink: #6f4a29;
    --ch-accent-2: #7d6b55;
    --ch-accent-soft: rgba(139, 94, 52, .10);
}
[data-theme="dark"] .og-cheat--warband {
    --ch-accent: #d4a24c;
    --ch-btn: #d4a24c;
    --ch-ink: #d4a24c;
    --ch-accent-2: #b8a184;
    --ch-accent-soft: rgba(212, 162, 76, .14);
}
[data-theme="dark"] .og-cheat--warband .ch-copy,
[data-theme="dark"] .og-cheat--warband .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--warband .ch-star.is-on { color: #241705; }
[data-theme="dark"] .og-cheat--warband .ch-copy.is-done { color: #fff; }

/* Hearts of Iron IV teması: harita masası yeşili ve haki. */
.og-cheat--hoi4 {
    --ch-accent: #4a6741;
    --ch-btn: #3d5636;
    --ch-ink: #3d5636;
    --ch-accent-2: #7a6b52;
    --ch-accent-soft: rgba(74, 103, 65, .10);
}
[data-theme="dark"] .og-cheat--hoi4 {
    --ch-accent: #a3c293;
    --ch-btn: #a3c293;
    --ch-ink: #a3c293;
    --ch-accent-2: #c4b498;
    --ch-accent-soft: rgba(163, 194, 147, .14);
}
[data-theme="dark"] .og-cheat--hoi4 .ch-copy,
[data-theme="dark"] .og-cheat--hoi4 .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--hoi4 .ch-star.is-on { color: #16200f; }
[data-theme="dark"] .og-cheat--hoi4 .ch-copy.is-done { color: #fff; }

/* Fallout 4 teması: Pip-Boy ekranının yeşili. */
.og-cheat--fallout {
    --ch-accent: #2f7d32;
    --ch-btn: #256128;
    --ch-ink: #256128;
    --ch-accent-2: #8a6d3b;
    --ch-accent-soft: rgba(47, 125, 50, .10);
}
[data-theme="dark"] .og-cheat--fallout {
    --ch-accent: #7cfc9a;
    --ch-btn: #7cfc9a;
    --ch-ink: #7cfc9a;
    --ch-accent-2: #d4b483;
    --ch-accent-soft: rgba(124, 252, 154, .14);
}
[data-theme="dark"] .og-cheat--fallout .ch-copy,
[data-theme="dark"] .og-cheat--fallout .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--fallout .ch-star.is-on { color: #05210d; }
[data-theme="dark"] .og-cheat--fallout .ch-copy.is-done { color: #fff; }

/* The Blood of Dawnwalker teması: gece moru ve kan kırmızısı. */
.og-cheat--dawnwalker {
    --ch-accent: #7b2d4e;
    --ch-btn: #63233e;
    --ch-ink: #63233e;
    --ch-accent-2: #4a4e7a;
    --ch-accent-soft: rgba(123, 45, 78, .10);
}
[data-theme="dark"] .og-cheat--dawnwalker {
    --ch-accent: #e05c7e;
    --ch-btn: #e05c7e;
    --ch-ink: #e05c7e;
    --ch-accent-2: #8b8fd4;
    --ch-accent-soft: rgba(224, 92, 126, .14);
}
[data-theme="dark"] .og-cheat--dawnwalker .ch-copy,
[data-theme="dark"] .og-cheat--dawnwalker .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--dawnwalker .ch-star.is-on { color: #2a0812; }
[data-theme="dark"] .og-cheat--dawnwalker .ch-copy.is-done { color: #fff; }

/* CS2 teması: turuncu ve gri, serinin arayüz rengi. */
.og-cheat--cs2 {
    --ch-accent: #b5651d; --ch-btn: #92500f; --ch-ink: #92500f;
    --ch-accent-2: #5b7a99; --ch-accent-soft: rgba(181, 101, 29, .10);
}
[data-theme="dark"] .og-cheat--cs2 {
    --ch-accent: #f5a05a; --ch-btn: #f5a05a; --ch-ink: #f5a05a;
    --ch-accent-2: #8fb4d4; --ch-accent-soft: rgba(245, 160, 90, .14);
}
[data-theme="dark"] .og-cheat--cs2 .ch-copy,
[data-theme="dark"] .og-cheat--cs2 .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--cs2 .ch-star.is-on { color: #2a1503; }
[data-theme="dark"] .og-cheat--cs2 .ch-copy.is-done { color: #fff; }

/* Cities Skylines teması: şehir planı mavisi ve park yeşili. */
.og-cheat--cities {
    --ch-accent: #1e7a8c; --ch-btn: #175f6e; --ch-ink: #175f6e;
    --ch-accent-2: #4a8c5a; --ch-accent-soft: rgba(30, 122, 140, .10);
}
[data-theme="dark"] .og-cheat--cities {
    --ch-accent: #5cc8dc; --ch-btn: #5cc8dc; --ch-ink: #5cc8dc;
    --ch-accent-2: #8fd4a0; --ch-accent-soft: rgba(92, 200, 220, .14);
}
[data-theme="dark"] .og-cheat--cities .ch-copy,
[data-theme="dark"] .og-cheat--cities .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--cities .ch-star.is-on { color: #04222a; }
[data-theme="dark"] .og-cheat--cities .ch-copy.is-done { color: #fff; }

/* Terraria teması: orman yeşili ve toprak. */
.og-cheat--terraria {
    --ch-accent: #3f7d3f; --ch-btn: #326430; --ch-ink: #326430;
    --ch-accent-2: #9a6b3f; --ch-accent-soft: rgba(63, 125, 63, .10);
}
[data-theme="dark"] .og-cheat--terraria {
    --ch-accent: #8fd46a; --ch-btn: #8fd46a; --ch-ink: #8fd46a;
    --ch-accent-2: #d4a76a; --ch-accent-soft: rgba(143, 212, 106, .14);
}
[data-theme="dark"] .og-cheat--terraria .ch-copy,
[data-theme="dark"] .og-cheat--terraria .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--terraria .ch-star.is-on { color: #0d2007; }
[data-theme="dark"] .og-cheat--terraria .ch-copy.is-done { color: #fff; }

/* Stardew Valley teması: hasat sarısı ve çayır yeşili. */
.og-cheat--stardew {
    --ch-accent: #a8761d; --ch-btn: #8a600f; --ch-ink: #8a600f;
    --ch-accent-2: #5a8c4a; --ch-accent-soft: rgba(168, 118, 29, .10);
}
[data-theme="dark"] .og-cheat--stardew {
    --ch-accent: #f0c05a; --ch-btn: #f0c05a; --ch-ink: #f0c05a;
    --ch-accent-2: #9ed48a; --ch-accent-soft: rgba(240, 192, 90, .14);
}
[data-theme="dark"] .og-cheat--stardew .ch-copy,
[data-theme="dark"] .og-cheat--stardew .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--stardew .ch-star.is-on { color: #2a1d02; }
[data-theme="dark"] .og-cheat--stardew .ch-copy.is-done { color: #fff; }

.og-cheat--paralives {
    --ch-accent: #0e8f8a; --ch-btn: #0b7a76; --ch-ink: #0b7a76;
    --ch-accent-2: #e07a3f; --ch-accent-soft: rgba(14, 143, 138, .10);
}
[data-theme="dark"] .og-cheat--paralives {
    --ch-accent: #4fd6cf; --ch-btn: #4fd6cf; --ch-ink: #4fd6cf;
    --ch-accent-2: #f2a06a; --ch-accent-soft: rgba(79, 214, 207, .14);
}
[data-theme="dark"] .og-cheat--paralives .ch-copy,
[data-theme="dark"] .og-cheat--paralives .ch-bag-toggle i,
[data-theme="dark"] .og-cheat--paralives .ch-star.is-on { color: #03302e; }
[data-theme="dark"] .og-cheat--paralives .ch-copy.is-done { color: #fff; }