/* Beta 7.2 — Tema sistemi. En son yüklenir; her tema tam bir değişken seti tanımlar.
 * 10 tema: 8 koyu + 2 açık. Eski adlar (royal, titanium, mist-light) sunucuda
 * en yakın yeni temaya çevrilir. */

html[data-theme]{
  --on-accent:#08090c;
  --accent-2:#46dfb2;
  --danger:#ff5b62;
  --ok:#5fe09a;
  --warn:#ffbd65;
  --radius:16px;
  --shadow:0 18px 50px rgba(0,0,0,.28);
  --sb-bg:color-mix(in srgb,var(--bg) 82%,var(--surface));
  --panel-bg:linear-gradient(150deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface));
  --glass:color-mix(in srgb,var(--surface) 82%,transparent);
  --glass-strong:color-mix(in srgb,var(--surface) 94%,transparent);
  --glass-border:var(--line);
  --soft-shadow:var(--shadow);
  --glow:var(--glow-a);
}

/* ---------- Koyu temalar ---------- */
html[data-theme="obsidian"]{color-scheme:dark;--bg:#07080c;--surface:#10121a;--surface2:#171a24;--line:#262a37;--text:#f3f4f8;--muted:#8a90a0;--accent:#8e91ff;--accent-2:#46dfb2;--glow-a:rgba(109,83,255,.20);--glow-b:rgba(70,223,178,.08)}
html[data-theme="midnight-blue"]{color-scheme:dark;--bg:#050a14;--surface:#0b1322;--surface2:#111c30;--line:#1d2b45;--text:#eef4ff;--muted:#8394b3;--accent:#6ea8ff;--accent-2:#3fd0e6;--glow-a:rgba(40,104,255,.24);--glow-b:rgba(43,203,231,.10)}
html[data-theme="carbon"]{color-scheme:dark;--bg:#0a0b0c;--surface:#131517;--surface2:#1a1d20;--line:#2b2f33;--text:#f1f3f5;--muted:#8d949b;--accent:#dfe4e9;--accent-2:#f0b35a;--glow-a:rgba(200,210,220,.09);--glow-b:rgba(240,179,90,.05)}
html[data-theme="cyber-cyan"]{color-scheme:dark;--bg:#020a0c;--surface:#071519;--surface2:#0c1e23;--line:#123138;--text:#e9fdff;--muted:#7fa3aa;--accent:#3ff0ff;--accent-2:#9dff6a;--glow-a:rgba(26,215,255,.22);--glow-b:rgba(157,255,106,.08)}
html[data-theme="deep-violet"]{color-scheme:dark;--bg:#0a0613;--surface:#140d22;--surface2:#1c132e;--line:#2d2146;--text:#f6f1ff;--muted:#9a8fb4;--accent:#b692ff;--accent-2:#ff7ad9;--glow-a:rgba(125,72,255,.28);--glow-b:rgba(255,122,217,.09)}
html[data-theme="crimson"]{color-scheme:dark;--bg:#0d0607;--surface:#190d10;--surface2:#221216;--line:#3a1d23;--text:#fff1f2;--muted:#b08d92;--accent:#ff5f6d;--accent-2:#ffae5c;--glow-a:rgba(255,45,77,.22);--glow-b:rgba(255,174,92,.08)}
html[data-theme="emerald"]{color-scheme:dark;--bg:#03100a;--surface:#091a12;--surface2:#0e2419;--line:#18382a;--text:#effff6;--muted:#86a898;--accent:#4fe3a0;--accent-2:#e6c75a;--glow-a:rgba(27,210,119,.20);--glow-b:rgba(230,199,90,.07)}
html[data-theme="void"]{color-scheme:dark;--bg:#000;--surface:#0a0a0a;--surface2:#121212;--line:#1f1f1f;--text:#f5f5f5;--muted:#8a8a8a;--accent:#ffffff;--accent-2:#9a9a9a;--glow-a:transparent;--glow-b:transparent;--panel-bg:#0a0a0a;--shadow:none}

/* ---------- Açık temalar ---------- */
html[data-theme="light"]{color-scheme:light;--bg:#f2f4f8;--surface:#ffffff;--surface2:#eaeef4;--line:#d7dde7;--text:#121722;--muted:#5f6b7c;--accent:#3b5bdb;--accent-2:#0f9d7a;--on-accent:#fff;--danger:#c92a3a;--ok:#17834b;--warn:#b86e00;--glow-a:rgba(59,91,219,.10);--glow-b:rgba(15,157,122,.08);--shadow:0 10px 30px rgba(30,40,70,.08);--panel-bg:#ffffff;--sb-bg:#ffffff}
html[data-theme="warm-light"]{color-scheme:light;--bg:#f6f1e7;--surface:#fffcf5;--surface2:#efe7d7;--line:#ddd0b9;--text:#231d15;--muted:#6e6353;--accent:#b4582f;--accent-2:#4d7c4a;--on-accent:#fff;--danger:#b3303d;--ok:#39734e;--warn:#9a6200;--glow-a:rgba(180,88,47,.10);--glow-b:rgba(77,124,74,.07);--shadow:0 10px 30px rgba(77,58,37,.09);--panel-bg:#fffcf5;--sb-bg:#fffaf0}

/* ---------- Beta 7.4 · yeni koyu temalar ---------- */
html[data-theme="sunset"]{color-scheme:dark;--bg:#170b12;--surface:#24121c;--surface2:#2e1824;--line:#452636;--text:#fff1ec;--muted:#b9959f;--accent:#ff8a5b;--accent-2:#ff5fa2;--glow-a:rgba(255,120,80,.24);--glow-b:rgba(255,80,160,.14);--panel-bg:linear-gradient(155deg,#2a1420,#20101a)}
html[data-theme="deep-sea"]{color-scheme:dark;--bg:#04161a;--surface:#0a2428;--surface2:#0f2e33;--line:#1a4148;--text:#e8fbf8;--muted:#86aeb0;--accent:#2fc6b4;--accent-2:#ff7f6b;--glow-a:rgba(47,198,180,.20);--glow-b:rgba(255,127,107,.10);--panel-bg:linear-gradient(160deg,#0c2a2f,#08201f)}
html[data-theme="aurora"]{color-scheme:dark;--bg:#070b16;--surface:#0f1526;--surface2:#151d33;--line:#232e4a;--text:#f1f5ff;--muted:#8d97b4;--accent:#b8f36a;--accent-2:#a78bff;--glow-a:rgba(167,139,255,.26);--glow-b:rgba(184,243,106,.14);--panel-bg:linear-gradient(150deg,#121a30,#0d1322)}
html[data-theme="mocha"]{color-scheme:dark;--bg:#15100c;--surface:#211912;--surface2:#2b2118;--line:#3e3024;--text:#f8efe4;--muted:#b09c86;--accent:#e0a86a;--accent-2:#f2dcb9;--glow-a:rgba(224,168,106,.16);--glow-b:rgba(242,220,185,.06);--panel-bg:linear-gradient(150deg,#261d15,#1d1610)}
html[data-theme="rose-gold"]{color-scheme:dark;--bg:#160e12;--surface:#22161c;--surface2:#2c1d24;--line:#432d37;--text:#fdf1f4;--muted:#b89aa4;--accent:#f4a7bb;--accent-2:#e6c17a;--glow-a:rgba(244,167,187,.18);--glow-b:rgba(230,193,122,.12);--panel-bg:linear-gradient(150deg,#281a21,#1e1419)}
html[data-theme="nord"]{color-scheme:dark;--bg:#232833;--surface:#2e3440;--surface2:#3b4252;--line:#4c566a;--text:#eceff4;--muted:#a7b0c2;--accent:#88c0d0;--accent-2:#a3be8c;--glow-a:rgba(136,192,208,.12);--glow-b:rgba(163,190,140,.08);--panel-bg:#2e3440;--shadow:0 14px 34px rgba(10,14,22,.35)}
html[data-theme="synthwave"]{color-scheme:dark;--bg:#140b26;--surface:#1f1238;--surface2:#281846;--line:#3d2566;--text:#fbefff;--muted:#b49ccc;--accent:#ff4fd8;--accent-2:#ffd23f;--glow-a:rgba(255,79,216,.28);--glow-b:rgba(255,210,63,.14);--panel-bg:linear-gradient(165deg,#241543,#1a0f31)}
html[data-theme="forest"]{color-scheme:dark;--bg:#0e120b;--surface:#171d13;--surface2:#1f2719;--line:#2f3a26;--text:#f1f4ea;--muted:#9fa98f;--accent:#a8c66c;--accent-2:#df7f4f;--glow-a:rgba(168,198,108,.14);--glow-b:rgba(223,127,79,.09);--panel-bg:linear-gradient(150deg,#1a2115,#141a10)}

/* ---------- Beta 7.4 · yeni açık temalar ---------- */
html[data-theme="mint-light"]{color-scheme:light;--bg:#eef7f3;--surface:#ffffff;--surface2:#e2f0ea;--line:#c9e0d6;--text:#10231d;--muted:#557067;--accent:#0f8a6d;--accent-2:#e4704f;--on-accent:#fff;--danger:#c33a3a;--ok:#11875c;--warn:#a86a00;--glow-a:rgba(15,138,109,.12);--glow-b:rgba(228,112,79,.10);--shadow:0 10px 30px rgba(20,60,45,.08);--panel-bg:#ffffff;--sb-bg:#f8fcfa}
html[data-theme="lavender-light"]{color-scheme:light;--bg:#f4f1fb;--surface:#ffffff;--surface2:#ebe5f7;--line:#d9d0ee;--text:#1c1530;--muted:#665c80;--accent:#6a4fd8;--accent-2:#d6457a;--on-accent:#fff;--danger:#c2304a;--ok:#1f8a5a;--warn:#a06400;--glow-a:rgba(106,79,216,.12);--glow-b:rgba(214,69,122,.09);--shadow:0 10px 30px rgba(50,30,100,.08);--panel-bg:#ffffff;--sb-bg:#fbf9ff}

.theme-group{display:block;margin:14px 0 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.theme-group:first-of-type{margin-top:2px}

/* ---------- Bileşenler ---------- */
body{background:radial-gradient(circle at 80% -10%,var(--glow-a),transparent 36%),radial-gradient(circle at 10% 110%,var(--glow-b),transparent 36%),var(--bg)!important;background-attachment:fixed!important;color:var(--text)}
.panel{background:var(--panel-bg);border-color:var(--line);color:var(--text)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 22%,transparent)}
.btn:not(.primary):not(.danger){background:var(--surface2);border-color:var(--line);color:var(--text)}
.eyebrow{color:var(--muted)}
.flash{border-radius:12px}
input,select,textarea{background:color-mix(in srgb,var(--surface2) 70%,var(--bg));border-color:var(--line);color:var(--text)}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
html[data-scheme="light"] .mobile-dock,html[data-theme="warm-light"] .mobile-dock{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}

/* ---------- Ayarlar: tema kartları ---------- */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:6px 0 4px}
.theme-card{position:relative;cursor:pointer;display:block}
.theme-card input{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;opacity:0;cursor:pointer}
.theme-card span{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .2s,transform .2s}
.theme-card:hover span{transform:translateY(-2px)}
.theme-card input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}
.theme-card input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.theme-swatch{position:relative;height:62px;border-radius:10px;overflow:hidden;background:var(--sw-bg);border:1px solid color-mix(in srgb,var(--sw-text) 12%,transparent)}
.theme-swatch::before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:22%;border-radius:6px;background:var(--sw-surface)}
.theme-swatch::after{content:'';position:absolute;left:calc(22% + 16px);right:8px;top:10px;height:8px;border-radius:4px;background:var(--sw-accent);box-shadow:0 16px 0 -1px var(--sw-surface),0 30px 0 -1px var(--sw-surface)}
.theme-swatch i{position:absolute;right:8px;bottom:8px;width:14px;height:14px;border-radius:50%;background:var(--sw-accent2)}
.theme-card b{font-size:13px;color:var(--text)}
.theme-card small{font-size:11px;color:var(--muted)}

/* Açık temalarda sayfa vurgu renkleri (neon tonlar) okunur olsun */
html:is([data-scheme="light"],[data-theme="warm-light"]) :is(.dly-page,.wk-page,.cc-page,.pg-page,.chp-page) :is(.eyebrow,.dly-chip,.dly-score>span,.dly-link,.dly-tiles span,.pry-note b,.cc-tile-head,.cc-rank,.session-live span,.beta31-stopwatch strong){color:color-mix(in srgb,var(--tone,var(--accent)) 62%,#000)}
html:is([data-scheme="light"],[data-theme="warm-light"]) :is(.dly-chip,.session-live){border-color:color-mix(in srgb,var(--tone,var(--accent)) 50%,transparent)}
html:is([data-scheme="light"],[data-theme="warm-light"]) .dly-col{background:var(--surface2)}
.theme-picker{margin:4px 0 0;padding:0;border:0;min-width:0}
.theme-picker legend{padding:0;margin-bottom:6px;font-size:13px;color:var(--muted)}
.theme-picker>small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}

/* ---------- Beta 8.4 · yeşil üçlü ---------- */
html[data-theme="sage"]{color-scheme:dark;--bg:#101412;--surface:#181e1a;--surface2:#1f2721;--line:#2e3a31;--text:#eef3ec;--muted:#98a699;--accent:#9cc59a;--accent-2:#d9c49b;--glow-a:rgba(156,197,154,.12);--glow-b:rgba(217,196,155,.07);--panel-bg:linear-gradient(150deg,#1b221d,#161b17)}
html[data-theme="lime"]{color-scheme:dark;--bg:#070907;--surface:#0f130e;--surface2:#151b13;--line:#232d1f;--text:#f4fbe9;--muted:#8f9c86;--accent:#b6f53b;--accent-2:#2ee6c9;--glow-a:rgba(182,245,59,.16);--glow-b:rgba(46,230,201,.08);--panel-bg:linear-gradient(160deg,#121810,#0c100b)}
html[data-theme="pistachio-light"]{color-scheme:light;--bg:#f0f5e8;--surface:#ffffff;--surface2:#e6eeda;--line:#cfdcbd;--text:#18230f;--muted:#5b6b4c;--accent:#4a7d23;--accent-2:#c07a2c;--on-accent:#fff;--danger:#c0392b;--ok:#2f7d32;--warn:#a06400;--glow-a:rgba(74,125,35,.12);--glow-b:rgba(192,122,44,.08);--shadow:0 10px 30px rgba(40,60,20,.08);--panel-bg:#ffffff;--sb-bg:#f8fbf3}

/* Beta 14.6 — tema yalnız bu cihazda */
.theme-scope{display:flex!important;align-items:flex-start;gap:10px;margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2,transparent);cursor:pointer}
.theme-scope input{width:18px!important;height:18px;min-height:0!important;margin:2px 0 0;flex:0 0 auto;accent-color:var(--accent)}
.theme-scope span{display:grid;gap:3px;min-width:0}
.theme-scope b{font-size:13px}
.theme-scope small{font-size:12px;line-height:1.5;color:var(--muted)}

/* ---------- Beta 14.7: paylaşım ("Kimler görür") ---------- */
.cs-share{margin:14px 0 0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--text,#fff) 3%,transparent);overflow:hidden}
.cs-share>summary{display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.cs-share>summary::-webkit-details-marker{display:none}
.cs-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.cs-ico svg,.cs-chev svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cs-sum{display:grid;gap:1px;min-width:0;flex:1}
.cs-sum b{font-size:13px}
.cs-sum small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-share[data-cs-mode="all"] .cs-sum small{color:color-mix(in srgb,var(--accent) 80%,var(--text))}
.cs-chev{display:grid;color:var(--muted);transition:transform .25s}
.cs-share[open] .cs-chev{transform:rotate(180deg)}
.cs-form{display:grid;gap:12px;padding:2px 14px 14px}
.cs-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cs-modes label{position:relative;display:block;cursor:pointer}
.cs-modes input{position:absolute;opacity:0;pointer-events:none}
.cs-modes span{display:grid;gap:2px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;box-sizing:border-box;transition:border-color .2s,background .2s}
.cs-modes b{font-size:13px}
.cs-modes small{font-size:11.5px;line-height:1.4;color:var(--muted)}
.cs-modes input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.cs-modes input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.cs-users{display:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}
.cs-share:has(input[value="some"]:checked) .cs-users{display:grid}
.cs-users label{display:flex!important;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:13px;min-width:0}
.cs-users label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-users input{width:18px!important;height:18px;min-height:0!important;margin:0;flex:none;accent-color:var(--accent)}
.cs-users label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}
.cs-av{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:800;color:var(--bg,#0b0d12);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#fff))}
.cs-empty{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--muted)}
.cs-note{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.cs-form .btn{justify-self:start}
.cs-share.is-compact{grid-column:1/-1;margin:2px 0 0}
.cs-share.is-compact>summary{padding:8px 10px}
.cs-share.is-compact .cs-ico{width:28px;height:28px;border-radius:8px}
.i2-share-set .cs-share{margin-top:4px}
@media (max-width:560px){.cs-modes{grid-template-columns:1fr}.cs-modes span{grid-template-columns:auto 1fr;column-gap:8px}.cs-modes small{grid-column:1/-1}}
.cs-share>summary{letter-spacing:normal;font-size:14px;font-weight:400;text-transform:none;color:var(--text)}

/* ================================================================
 * Beta 16.2 — Açık temalar: premium revizyon + 8 yeni tema
 *
 * Premium his dört şeyden gelir; on üç açık temanın hepsinde aynı kural:
 *   1. Yüzey saf beyaz DEĞİL. --surface zeminden bir tık açık, hafif tonlu
 *      kâğıt. Saf #fff kart ile zemini aynı düzleme indiriyordu.
 *   2. Gölge iki katmanlı: 1px temas gölgesi + geniş yumuşak ortam gölgesi.
 *      Tek katmanlı 0 10px 30px kartı yüzdürüyor, oturtmuyordu.
 *   3. Çizgiler kıl inceliğinde: --line zemine çok yakın, kontrast düşük.
 *   4. Vurgular derin ve kısık. Açık zeminde doygun renk ucuz durur;
 *      mürekkep tonları (koyu, düşük doygunluk) pahalı durur.
 *
 * Sıralama: bu blok dosyanın sonundadır, yukarıdaki eski tanımları ezer.
 * ================================================================ */

/* ---------- Yenilenen beş tema ---------- */

html[data-theme="light"]{color-scheme:light;--bg:#f4f6f9;--surface:#fdfdfe;--surface2:#eaeef4;--line:#e3e8f0;--text:#111621;--muted:#5b6678;--accent:#2d4ec4;--accent-2:#0e8e6e;--on-accent:#fff;--danger:#c0283a;--ok:#167a48;--warn:#a6660a;--glow-a:rgba(45,78,196,.08);--glow-b:rgba(14,142,110,.06);--shadow:0 1px 2px rgba(20,32,60,.05),0 14px 34px rgba(20,32,60,.07);--panel-bg:#fdfdfe;--sb-bg:#fafbfd}
html[data-theme="warm-light"]{color-scheme:light;--bg:#f7f2e9;--surface:#fffdf7;--surface2:#f0e9db;--line:#e8dfcd;--text:#221c14;--muted:#6c6153;--accent:#a74f28;--accent-2:#46733f;--on-accent:#fff;--danger:#b02e3a;--ok:#366d49;--warn:#925c00;--glow-a:rgba(167,79,40,.08);--glow-b:rgba(70,115,63,.05);--shadow:0 1px 2px rgba(70,54,34,.05),0 14px 34px rgba(70,54,34,.08);--panel-bg:#fffdf7;--sb-bg:#fdfaf2}
html[data-theme="mint-light"]{color-scheme:light;--bg:#eff7f3;--surface:#fcfefd;--surface2:#e5f0ea;--line:#d9e8e0;--text:#0f221c;--muted:#526c64;--accent:#0c7a60;--accent-2:#d9643f;--on-accent:#fff;--danger:#be3636;--ok:#0f7d55;--warn:#9c6200;--glow-a:rgba(12,122,96,.08);--glow-b:rgba(217,100,63,.06);--shadow:0 1px 2px rgba(16,58,45,.05),0 14px 34px rgba(16,58,45,.07);--panel-bg:#fcfefd;--sb-bg:#f7fcfa}
html[data-theme="pistachio-light"]{color-scheme:light;--bg:#f1f6ea;--surface:#fdfefb;--surface2:#e8efdd;--line:#dde7cf;--text:#17220e;--muted:#586749;--accent:#41701d;--accent-2:#b06d22;--on-accent:#fff;--danger:#b8372a;--ok:#2c7430;--warn:#966000;--glow-a:rgba(65,112,29,.08);--glow-b:rgba(176,109,34,.06);--shadow:0 1px 2px rgba(38,56,20,.05),0 14px 34px rgba(38,56,20,.07);--panel-bg:#fdfefb;--sb-bg:#f8fcf3}
html[data-theme="lavender-light"]{color-scheme:light;--bg:#f5f2fb;--surface:#fdfcff;--surface2:#ece7f7;--line:#e2dcf0;--text:#1b1430;--muted:#625877;--accent:#5c42c9;--accent-2:#c83c6e;--on-accent:#fff;--danger:#b92c45;--ok:#1d8256;--warn:#9a6000;--glow-a:rgba(92,66,201,.08);--glow-b:rgba(200,60,110,.06);--shadow:0 1px 2px rgba(45,28,92,.05),0 14px 34px rgba(45,28,92,.07);--panel-bg:#fdfcff;--sb-bg:#faf8fe}

/* ---------- Yeni · beyazın tonları (vurgu kısık, aile olarak durur) ---------- */

html[data-theme="porcelain-light"]{color-scheme:light;--bg:#f6f8fa;--surface:#ffffff;--surface2:#ecf0f4;--line:#e4e9ef;--text:#0e1319;--muted:#5a6474;--accent:#27405c;--accent-2:#6b8299;--on-accent:#fff;--danger:#b32d3c;--ok:#156b49;--warn:#8f6209;--glow-a:rgba(39,64,92,.07);--glow-b:rgba(107,130,153,.05);--shadow:0 1px 2px rgba(16,28,44,.05),0 14px 34px rgba(16,28,44,.07);--panel-bg:#ffffff;--sb-bg:#fbfcfd}
html[data-theme="limestone-light"]{color-scheme:light;--bg:#f3f3f0;--surface:#fbfbf8;--surface2:#e9e9e4;--line:#e0e0d9;--text:#16181a;--muted:#62645e;--accent:#3f4440;--accent-2:#97825f;--on-accent:#fff;--danger:#a93540;--ok:#4a6b2f;--warn:#8a6412;--glow-a:rgba(63,68,64,.06);--glow-b:rgba(151,130,95,.06);--shadow:0 1px 2px rgba(34,34,28,.05),0 14px 34px rgba(34,34,28,.08);--panel-bg:#fbfbf8;--sb-bg:#f8f8f4}
html[data-theme="bone-light"]{color-scheme:light;--bg:#f8f4ed;--surface:#fffefa;--surface2:#f0ebe0;--line:#e9e1d2;--text:#1c1812;--muted:#6a6153;--accent:#5a4632;--accent-2:#9c7b4e;--on-accent:#fff;--danger:#a93b3b;--ok:#3f6b42;--warn:#8d6008;--glow-a:rgba(90,70,50,.07);--glow-b:rgba(156,123,78,.06);--shadow:0 1px 2px rgba(62,50,34,.05),0 14px 34px rgba(62,50,34,.08);--panel-bg:#fffefa;--sb-bg:#fdfbf5}
html[data-theme="pearl-light"]{color-scheme:light;--bg:#f5f4f9;--surface:#fefdff;--surface2:#eceaf3;--line:#e4e1ec;--text:#15131c;--muted:#5e5970;--accent:#4b4268;--accent-2:#8a7fa8;--on-accent:#fff;--danger:#b02f48;--ok:#1b7355;--warn:#8f6210;--glow-a:rgba(75,66,104,.07);--glow-b:rgba(138,127,168,.05);--shadow:0 1px 2px rgba(38,32,58,.05),0 14px 34px rgba(38,32,58,.07);--panel-bg:#fefdff;--sb-bg:#faf9fd}

/* ---------- Yeni · vurgu renkli (zemin beyaz, karakter vurguda) ---------- */

html[data-theme="navy-light"]{color-scheme:light;--bg:#f4f6f9;--surface:#fdfdff;--surface2:#e9edf3;--line:#dfe5ee;--text:#0c1320;--muted:#56627a;--accent:#16335c;--accent-2:#2f6f8f;--on-accent:#fff;--danger:#b02b3c;--ok:#136b4c;--warn:#8e6009;--glow-a:rgba(22,51,92,.08);--glow-b:rgba(47,111,143,.06);--shadow:0 1px 2px rgba(12,26,52,.05),0 14px 34px rgba(12,26,52,.08);--panel-bg:#fdfdff;--sb-bg:#f9fafd}
html[data-theme="moss-light"]{color-scheme:light;--bg:#f3f6f1;--surface:#fdfefc;--surface2:#e8eee3;--line:#dee5d7;--text:#111a0f;--muted:#586653;--accent:#2f5d3a;--accent-2:#7d8f4a;--on-accent:#fff;--danger:#ad3331;--ok:#2b6b3c;--warn:#8a6010;--glow-a:rgba(47,93,58,.08);--glow-b:rgba(125,143,74,.06);--shadow:0 1px 2px rgba(26,46,26,.05),0 14px 34px rgba(26,46,26,.08);--panel-bg:#fdfefc;--sb-bg:#f8fbf6}
html[data-theme="burgundy-light"]{color-scheme:light;--bg:#f8f4f4;--surface:#fffdfd;--surface2:#efe6e6;--line:#e8dbdb;--text:#1c1213;--muted:#6a5859;--accent:#6e1f2b;--accent-2:#a9643f;--on-accent:#fff;--danger:#a82a37;--ok:#2f6b4a;--warn:#8d5d0c;--glow-a:rgba(110,31,43,.08);--glow-b:rgba(169,100,63,.06);--shadow:0 1px 2px rgba(58,26,30,.05),0 14px 34px rgba(58,26,30,.08);--panel-bg:#fffdfd;--sb-bg:#fdf9f9}
html[data-theme="graphite-light"]{color-scheme:light;--bg:#f4f5f6;--surface:#fcfcfd;--surface2:#e8eaec;--line:#e0e3e6;--text:#0f1215;--muted:#596067;--accent:#22282e;--accent-2:#5d7a86;--on-accent:#fff;--danger:#ab2f3c;--ok:#176a4c;--warn:#8a600f;--glow-a:rgba(34,40,46,.06);--glow-b:rgba(93,122,134,.05);--shadow:0 1px 2px rgba(20,24,28,.05),0 14px 34px rgba(20,24,28,.08);--panel-bg:#fcfcfd;--sb-bg:#f9fafb}

/* ---------- Bütün açık temalarda ortak premium rötuşlar ---------- */

/* Kart: iki katmanlı gölge + kıl çizgi. Koyu temada panel degrade zemin kullanır;
   açık temada degrade kiri gösterdiği için düz yüzey daha temiz durur. */
html[data-scheme="light"] .panel{background:var(--panel-bg);border-color:var(--line);box-shadow:var(--shadow)}
/* Zeminde çok hafif, tek yönlü bir ışık; koyu temadaki geniş radial burada leke gibi duruyordu. */
html[data-scheme="light"] body{background:linear-gradient(180deg,var(--glow-a),transparent 420px),var(--bg)}
/* Birincil düğme: düz vurgu + kendi renginden kısık gölge (yüzen değil, basılı duruyor). */
html[data-scheme="light"] .btn.primary{box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 22%,transparent)}
/* Giriş alanları zeminle aynı değil, bir tık içeri çökük. */
html[data-scheme="light"] :is(input,select,textarea){background:color-mix(in srgb,var(--surface2) 55%,var(--surface))}

/* ================================================================
 * Beta 16.7 — Oyun temaları. Bu blokta yalnız Portal kaldı; diğerleri
 * aşağıdaki premium oyun temalarıyla değişti (17.1).
 * Koyu zemin + neon vurgu; parıltılar (--glow-a/b) diğer koyu temalardan
 * belirgin biçimde güçlü tutuldu, oyun arayüzü hissi oradan geliyor.
 * ================================================================ */

html[data-theme="portal"]{color-scheme:dark;--bg:#060b12;--surface:#0d1621;--surface2:#12202e;--line:#1d3246;--text:#eaf3ff;--muted:#8299ad;--accent:#ff8a00;--accent-2:#22a7ff;--glow-a:rgba(255,138,0,.24);--glow-b:rgba(34,167,255,.16);--panel-bg:linear-gradient(160deg,#102032,#0b1420)}

/* ================================================================
 * Beta 17.1 — Premium oyun temaları: Krallık, Ejder, Kale, Efsane.
 * 17.0'daki Klan/Şeker/Yıldız fazla yumuşak ve basit bulundu (pastel
 * zemin, nokta deseni, kalın düz kenar). Bu dördü büyük strateji
 * oyunlarının ciddi dili: derin mücevher tonu zemin (siyah değil),
 * metalik degrade çerçeve (altın · bronz · platin), derinlik veren iç
 * ışık-gölge, cilalı düğmeler, başlıkta altın degrade yazı.
 * Panel içi yazı açık olduğu için şema 'dark'. --bg iç zemindir;
 * sayfa zemini --g-base / --g-bg (body::before, fluid.css body'yi
 * şeffaf tutar). Kayıttaki "zemin" swatch içindir (--g-base).
 * ================================================================ */

html[data-theme="kingdom"]{color-scheme:dark;--bg:#0b1a4a;--surface:#16296a;--surface2:#1d3480;--line:#34498f;--text:#f6efdc;--muted:#aeb8d8;--accent:#f3c44a;--accent-2:#e0464f;--on-accent:#2a1a00;--ok:#5fe0a0;--warn:#ffbe4d;--danger:#ff5f6b;--glow-a:rgba(243,196,74,.18);--glow-b:rgba(224,70,79,.14);--sb-bg:#0d1d55;--panel-bg:linear-gradient(180deg,#1b3179,#13245f);--g-base:#1d48b8;--g-bg:radial-gradient(120% 80% at 50% -10%,#2f63e0 0,#1d48b8 34%,#112d82 70%,#0a1d5c 100%);--g-frame:linear-gradient(160deg,#fff1b8 0,#f3c44a 22%,#a8741a 50%,#f7d777 74%,#8a5c12 100%);--g-head:linear-gradient(180deg,#fff6d2 0,#f3c44a 55%,#b9821b 100%);--g-ray:rgba(255,224,140,.06)}
html[data-theme="dragon"]{color-scheme:dark;--bg:#24060b;--surface:#3a0d15;--surface2:#4a1220;--line:#6e2230;--text:#fbe9d7;--muted:#d3a9a0;--accent:#ffb23e;--accent-2:#ff6a2b;--on-accent:#2b1200;--ok:#6fe0a0;--warn:#ffbe4d;--danger:#ff6b6b;--glow-a:rgba(255,120,40,.2);--glow-b:rgba(255,178,62,.14);--sb-bg:#2c0910;--panel-bg:linear-gradient(180deg,#45101a,#2c0910);--g-base:#8c1726;--g-bg:radial-gradient(120% 80% at 50% -10%,#c22a3a 0,#8c1726 34%,#5c0d18 70%,#33060c 100%);--g-frame:linear-gradient(160deg,#ffe3a3 0,#ffb23e 22%,#9a4a10 50%,#ffc766 74%,#7a3008 100%);--g-head:linear-gradient(180deg,#fff0cf 0,#ffb23e 55%,#c25a14 100%);--g-ray:rgba(255,150,70,.07)}
html[data-theme="citadel"]{color-scheme:dark;--bg:#05261b;--surface:#0d3a2a;--surface2:#124a36;--line:#2c6b52;--text:#eef7ee;--muted:#a9cbb8;--accent:#e3a45a;--accent-2:#5fe0b0;--on-accent:#2a1600;--ok:#6fe8a8;--warn:#ffbe4d;--danger:#ff6b6b;--glow-a:rgba(95,224,176,.16);--glow-b:rgba(227,164,90,.14);--sb-bg:#072d20;--panel-bg:linear-gradient(180deg,#104433,#0a3022);--g-base:#11704e;--g-bg:radial-gradient(120% 80% at 50% -10%,#1f9a6c 0,#11704e 34%,#0a4a33 70%,#052a1d 100%);--g-frame:linear-gradient(160deg,#ffd9a6 0,#e3a45a 22%,#7d4a1c 50%,#e9b675 74%,#5e3410 100%);--g-head:linear-gradient(180deg,#fff0d6 0,#e3a45a 55%,#9a5f22 100%);--g-ray:rgba(170,255,210,.05)}
html[data-theme="legend"]{color-scheme:dark;--bg:#170a3b;--surface:#28145c;--surface2:#331b72;--line:#4f3a9a;--text:#f3edff;--muted:#bdb2e3;--accent:#8fe9ff;--accent-2:#ff8ad8;--on-accent:#08243a;--ok:#6fe8a8;--warn:#ffc561;--danger:#ff6f8a;--glow-a:rgba(143,233,255,.16);--glow-b:rgba(255,138,216,.16);--sb-bg:#1a0c45;--panel-bg:linear-gradient(180deg,#2f1868,#1f0f4c);--g-base:#5a2aa8;--g-bg:radial-gradient(120% 80% at 50% -10%,#7d45e0 0,#5a2aa8 34%,#3a1880 70%,#1d0a4d 100%);--g-frame:linear-gradient(160deg,#ffffff 0,#cfd8ff 22%,#6f78b8 50%,#e6ecff 74%,#5a5f9e 100%);--g-head:linear-gradient(180deg,#ffffff 0,#cfe9ff 50%,#8fa6ff 100%);--g-ray:rgba(200,220,255,.06)}

/* Sayfa zemini: mücevher tonu, yukarıdan ışık, ince ışın dokusu, kenarda koyulaşma */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]){background:var(--g-base)}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) body::before{background:radial-gradient(140% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.42) 100%),repeating-linear-gradient(115deg,var(--g-ray) 0 2px,transparent 2px 22px),var(--g-bg)}

/* Paneller: derin degrade dolgu + metalik degrade çerçeve (köşe yuvarlak kalır) + iç ışık */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .panel{border:2px solid transparent;border-radius:18px;background:var(--panel-bg) padding-box,var(--g-frame) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(0,0,0,.35),inset 0 -18px 30px rgba(0,0,0,.18),0 12px 32px rgba(0,0,0,.45)}

/* Başlıklar: metalik degrade yazı */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) :is(.pagehead h1,.hm-hello h1,.panel h2){background:var(--g-head);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .eyebrow{color:color-mix(in srgb,var(--accent) 82%,#fff);letter-spacing:.2em}

/* Cilalı düğmeler: üstte ışık, altta koyu, metalik çerçeve */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) :is(.btn.primary,.aw-sort button.is-on,.aw-sort-name button:first-of-type,.aw-filter button.is-on){border:2px solid transparent!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 55%,#fff) 0,var(--accent) 48%,color-mix(in srgb,var(--accent) 62%,#000) 100%) padding-box,var(--g-frame) border-box!important;color:var(--on-accent)!important;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 color-mix(in srgb,var(--accent) 40%,#000),0 8px 18px rgba(0,0,0,.4)!important;border-radius:12px}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .btn.primary:active{transform:translateY(2px)}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .btn:not(.primary){border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(180deg,var(--surface2),var(--surface));color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);border-radius:12px}

/* Zikir satırları: derin zemin, kendi renginde parlayan şerit ve ince metalik kenar */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .zkh-row{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--zikr-tone) 16%,var(--surface)),var(--surface) 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.3)}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .zkh-row::before{width:4px;box-shadow:0 0 12px var(--zikr-tone)}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .zkh-q{background:linear-gradient(180deg,color-mix(in srgb,var(--zikr-tone) 60%,#fff),var(--zikr-tone) 55%,color-mix(in srgb,var(--zikr-tone) 65%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 0 color-mix(in srgb,var(--zikr-tone) 40%,#000)}

/* İlerleme çubukları: koyu oluk, parlak dolgu */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .dly-bar{background:rgba(0,0,0,.35);box-shadow:inset 0 1px 2px rgba(0,0,0,.5);border-radius:999px}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .dly-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 50%,#fff),var(--accent) 60%,color-mix(in srgb,var(--accent) 70%,#000))}

/* Kenar çubuğu ve alt çubuk: derin zemin, sağ/üst kenarda metalik çizgi */
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .sb{background:linear-gradient(180deg,var(--sb-bg),color-mix(in srgb,var(--sb-bg) 70%,#000))!important;border-right:2px solid color-mix(in srgb,var(--accent) 45%,transparent)!important}
html:is([data-theme="kingdom"],[data-theme="dragon"],[data-theme="citadel"],[data-theme="legend"]) .mobile-dock{background:linear-gradient(180deg,var(--surface2),var(--sb-bg))!important;border-top:2px solid color-mix(in srgb,var(--accent) 45%,transparent)!important}