/* ÜRETİLMİŞ DOSYA — elle düzenleme! Kaynak: css/40-planet.src.css,
   üretici: scripts/planet_css.py (her seçiciye #pp#pp öneki ekler). */
/* ══════════════════════════════════════════════════════════════════
   40-planet.css — v5.1 "pixelplanet" arayüzü  (EN SON yüklenir)

   Kullanıcı isteği (2026-10-08): "GUI'yi sıfırdan yap, yapay zekâ gibi
   gözükmesin, pixelplanet.fun'daki gibi olsun."

   Ölçüler pixelplanet.fun'un kendi stil dosyasından alındı
   (assets/default.*.css, 2026-10-08):
     • yazı: Montserrat 16px, metin siyah, ikincil metin #6e6e6e
     • ekran kutuları: rgba(226,226,226,.8) + İNCE SİYAH çerçeve, köşe yok,
       gölge yok, 36px yükseklik, kenarlardan 16px
     • pencereler: rgba(252,252,252,.98) + ince siyah çerçeve, 3px iç boşluk,
       başlık çubuğu #e8e8e8 kutu, kapat düğmesi kutu (üstüne gelince #f29696)
     • düğme #f7f7f7, üstüne gelince #c9c9c9, basılı #cbcbcb
     • ayırıcı çizgi #b1b1b2, satır üstüne gelince #e7e7e7
     • perde rgba(255,255,255,.75) — bulanıklık yok

   YAPAY GÖRÜNÜM VEREN ŞEYLER BİLEREK SÖKÜLDÜ: degradeler, cam bulanıklığı,
   yumuşak gölgeler, büyük yuvarlak köşeler, hap rozetler, parlama, aralıklı
   BÜYÜK HARF başlıklar, sohbet balonları.

   Bu dosya tek başına geri alınabilir: index.html'den <link>'i silmek
   eski görünümü geri getirir. Eski katmanlara DOKUNULMADI.
══════════════════════════════════════════════════════════════════ */

/* ── 1. ÖZELLİKLER ──────────────────────────────────────────────────
   AÇIK mod: pixelplanet 'default'. KOYU mod (v5.3): pixelplanet'in kendi
   'theme-dark' stil dosyasının değerleri (assets/theme-dark.*.css,
   2026-10-08): pencere rgba(59,59,59,.98), kutu rgba(59,59,59,.8), metin
   #f4f4f4, kontrol #a6a4a4 / üstüne #dedede / seçili #c1c1c1, ayırıcı
   #68686a, ikincil metin #b1b1b1, bağlantı #91ffe0. Kurallar yalnız bu
   değişkenleri kullanır; renk sabiti yazma, buraya değişken ekle. */
html:root, html:root[data-theme="light"]{
  --pp-box:      rgba(226,226,226,.8);
  --pp-win:      rgba(252,252,252,.98);
  --pp-ctl:      #f7f7f7;
  --pp-ctl-hi:   #d9d9d9;
  --pp-ctl-sel:  #e8e8e8;
  --pp-pressed:  #cbcbcb;
  --pp-hover:    #c9c9c9;
  --pp-sep:      #b1b1b2;
  --pp-row-hi:   #e7e7e7;
  --pp-line:     #000;
  --pp-txt:      #000;
  --pp-ctl-txt:  #000;
  --pp-cap:      #6e6e6e;
  --pp-sub:      rgba(0,0,0,.6);
  --pp-head-txt: #4f545c;
  --pp-link:     #428bca;
  --pp-link-vis: #327bba;
  --pp-err:      #b73c3c;
  --pp-page:     #c4c4c4;
  --pp-veil:     rgba(255,255,255,.75);
  --pp-menu:     rgba(226,226,226,.95);
  --pp-card:     #fff;
  --pp-card-bd:  #d5d5d5;
  --pp-in-bg:    #fff;
  --pp-in-txt:   #000;
  --pp-in-bd:    #ccc;
  --pp-tab-hi:   #dbdbdb;
  --pp-tab-on:   #fff;
  --pp-badge:    #c1c1c1;
  --pp-badge-txt:#191919;
  --pp-chat-bg:  #fcfcfc;
  --pp-chat-name:#ebf2f9;
  --pp-chat-txt: #2d2d2d;
  --pp-mention:  #f2eee9;
  --pp-close-hi: #f29696;
  --pp-track:    #bdbdbd;
  --pp-ok-bg:    #e9f6e6;  --pp-ok-txt:  #2c7a21;
  --pp-wait-bg:  #fff6d6;  --pp-wait-txt:#7a5c00;
  --pp-bad-bg:   #fbe5e5;
  --pp-sel-bg:   #dde9f5;

  --bg:#c4c4c4;            --bg-rgb:196,196,196;
  --surf:#fcfcfc;          --surf-rgb:252,252,252;
  --surf2:#f7f7f7;         --surf2-rgb:247,247,247;
  --surf3:#e8e8e8;         --surf3-rgb:232,232,232;
  --bdr:#b1b1b2;           --bdr2:#8e8e8f;
  --txt:#000;              --muted:#6e6e6e;
  --accent:#428bca;        --accent-rgb:66,139,202;
  --accent-mid:#428bca;    --accent2:#327bba;  --accent2-rgb:50,123,186;
  --accent-text:#327bba;   --accent-glow:transparent;
  --shine-rgb:0,0,0;
  --card-glow:transparent; --card-glow-h:transparent;
  --card-border:#000;      --card-border-h:#000;
  --inner-shine:none;      --btn-shine:none;

  --pf-hair:#b1b1b2;  --pf-hair-2:#000;  --pf-glass:none;
  --pf-plate:var(--pp-win); --pf-plate-hi:var(--pp-ctl-sel);
  --pf-sh1:none; --pf-sh2:none; --pf-sh3:none;
  --pf-r1:0; --pf-r2:0; --pf-r3:0; --pf-r4:0;

  --font-display:'Montserrat', Arial, sans-serif;
  --font-ui:'Montserrat', Arial, sans-serif;
  --font-mono:'Montserrat', Arial, sans-serif;
  color-scheme: light;
}
html:root[data-theme="dark"]{
  --pp-box:      rgba(59,59,59,.8);
  --pp-win:      rgba(59,59,59,.98);
  --pp-ctl:      #a6a4a4;
  --pp-ctl-hi:   #dedede;
  --pp-ctl-sel:  #4a4a4a;
  --pp-pressed:  #c1c1c1;
  --pp-hover:    #dedede;
  --pp-sep:      #68686a;
  --pp-row-hi:   #505050;
  --pp-line:     #000;
  --pp-txt:      #f4f4f4;
  --pp-ctl-txt:  #000;
  --pp-cap:      #b1b1b1;
  --pp-sub:      rgba(244,244,244,.65);
  --pp-head-txt: #d7e5fb;
  --pp-link:     #91ffe0;
  --pp-link-vis: #b5d06d;
  --pp-err:      #fe5a5a;
  --pp-page:     #2b2b2b;
  --pp-veil:     rgba(0,0,0,.45);
  --pp-menu:     rgba(59,59,59,.95);
  --pp-card:     #444242;
  --pp-card-bd:  #68686a;
  --pp-in-bg:    #2f2f2f;
  --pp-in-txt:   #f4f4f4;
  --pp-in-bd:    #68686a;
  --pp-tab-hi:   #636363;
  --pp-tab-on:   #7b7b7b;
  --pp-badge:    #5a5a5a;
  --pp-badge-txt:#f4f4f4;
  --pp-chat-bg:  #3b3b3b;
  --pp-chat-name:#2e3f52;
  --pp-chat-txt: #e6e6e6;
  --pp-mention:  #57503f;
  --pp-close-hi: #8c5e5e;
  --pp-track:    #68686a;
  --pp-ok-bg:    #2f4a2c;  --pp-ok-txt:  #9be08f;
  --pp-wait-bg:  #4d4426;  --pp-wait-txt:#f2d675;
  --pp-bad-bg:   #522f2f;
  --pp-sel-bg:   #2e3f52;

  --bg:#2b2b2b;            --bg-rgb:43,43,43;
  --surf:#3b3b3b;          --surf-rgb:59,59,59;
  --surf2:#444242;         --surf2-rgb:68,66,66;
  --surf3:#4a4a4a;         --surf3-rgb:74,74,74;
  --bdr:#68686a;           --bdr2:#8b8b8b;
  --txt:#f4f4f4;           --muted:#b1b1b1;
  --accent:#5aa0dc;        --accent-rgb:90,160,220;
  --accent-mid:#5aa0dc;    --accent2:#91ffe0;  --accent2-rgb:145,255,224;
  --accent-text:#91ffe0;   --accent-glow:transparent;
  --shine-rgb:255,255,255;
  --card-glow:transparent; --card-glow-h:transparent;
  --card-border:#000;      --card-border-h:#000;
  --inner-shine:none;      --btn-shine:none;

  --pf-hair:#68686a;  --pf-hair-2:#000;  --pf-glass:none;
  --pf-plate:var(--pp-win); --pf-plate-hi:var(--pp-ctl-sel);
  --pf-sh1:none; --pf-sh2:none; --pf-sh3:none;
  --pf-r1:0; --pf-r2:0; --pf-r3:0; --pf-r4:0;

  --font-display:'Montserrat', Arial, sans-serif;
  --font-ui:'Montserrat', Arial, sans-serif;
  --font-mono:'Montserrat', Arial, sans-serif;
  color-scheme: dark;
}

#pp#pp body{
  font-family:'Montserrat', Arial, sans-serif !important;
  background:var(--pp-page) !important;
  color:var(--pp-txt);
}

/* ── 2. GENEL DÜZLEŞTİRME ─────────────────────────────────────────── */
#pp#pp body *:not(svg):not(svg *):not(canvas){
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  -webkit-backdrop-filter:none !important;
          backdrop-filter:none !important;
  letter-spacing:normal !important;
}
/* BÜYÜK HARF etiketleri normal yazıma döner (pixelplanet başlıkları
   cümle düzeninde). Etiket girişleri (fraksiyon etiketi) hariç. */
#pp#pp body *:not(input):not(textarea){ text-transform:none !important; }

/* Süs katmanları: çizgi parlamaları, ışık halkaları */
#pp#pp #faction-card::after,
#pp#pp #profile-card::after,
#pp#pp #quest-card::after,
#pp#pp #skill-card::after,
#pp#pp #tb-menu-card::after{ display:none !important; }

/* Avatarlar pixelplanet'teki gibi hafif yuvarlak kare */
#pp#pp .pb-avatar,
#pp#pp .cm-av,
#pp#pp .fc-member-av,
#pp#pp .pc-avatar,
#pp#pp .pp-av,
#pp#pp [class*="avatar"]{
  border-radius:15% !important;
}

#pp#pp a,
#pp#pp a:link{ color:var(--pp-link); }
#pp#pp a:visited{ color:var(--pp-link-vis); }

/* ── 3. DÜĞMELER VE GİRİŞLER ──────────────────────────────────────── */
#pp#pp button,
#pp#pp .fc-btn,
#pp#pp .fc-small-btn,
#pp#pp .tb-btn,
#pp#pp .ptbtn,
#pp#pp .pc-btn,
#pp#pp .cnt-chg,
#pp#pp .fc-copy-btn,
#pp#pp .am-btn,
#pp#pp .tpl-btn,
#pp#pp .q-claim,
#pp#pp .quest-claim,
#pp#pp .sk-btn,
#pp#pp input[type="button"],
#pp#pp input[type="submit"]{
  background:var(--pp-ctl) !important;
  background-image:none !important;
  color:var(--pp-ctl-txt) !important;
  border:1px solid var(--pp-line) !important;
  font-family:'Montserrat', Arial, sans-serif !important;
  font-weight:500 !important;
  transform:none !important;
  filter:none !important;
}
#pp#pp button:hover,
#pp#pp .fc-btn:hover,
#pp#pp .fc-small-btn:hover,
#pp#pp .tb-btn:hover,
#pp#pp .ptbtn:hover{
  background:var(--pp-hover) !important;
  cursor:pointer;
}
#pp#pp button.active,
#pp#pp button.sel,
#pp#pp button.selected,
#pp#pp .tb-btn.active,
#pp#pp .ptbtn.active,
#pp#pp button[aria-pressed="true"]{
  background:var(--pp-pressed) !important;
  font-weight:700 !important;
}
#pp#pp button:disabled,
#pp#pp button[disabled]{ opacity:.55 !important; }
#pp#pp .fc-btn.danger,
#pp#pp .danger,
#pp#pp .btn-danger{ color:var(--pp-err) !important; }

#pp#pp input[type="text"],
#pp#pp input[type="password"],
#pp#pp input[type="email"],
#pp#pp input[type="number"],
#pp#pp input[type="search"],
#pp#pp input:not([type]),
#pp#pp textarea,
#pp#pp select,
#pp#pp .pc-input{
  background:var(--pp-in-bg) !important;
  color:var(--pp-in-txt) !important;
  border:1px solid var(--pp-in-bd) !important;
  font-family:'Montserrat', Arial, sans-serif !important;
  font-size:14px !important;
  padding:6px !important;
  outline:0 !important;
}
#pp#pp input:focus,
#pp#pp textarea:focus,
#pp#pp select:focus,
#pp#pp .pc-input:focus{
  border-color:#007bff !important;
}
#pp#pp :focus-visible{ outline:2px solid #007bff !important; outline-offset:1px; }

/* ── 4. HARİTA ÜSTÜ KUTULAR (pixelplanet .actionbuttons/.coorbox) ──── */
#pp#pp #pixel-widget,
#pp#pp #profile-btn,
#pp#pp #pb-menu-btn,
#pp#pp #tb-desktop-dropdown.open,
#pp#pp #zbtn .zb,
#pp#pp #coord-box,
#pp#pp #ptoolbar,
#pp#pp #chat-btn,
#pp#pp #prov-find,
#pp#pp .ctrl-custom-btn,
#pp#pp #paint-toolbar{
  background:var(--pp-box) !important;
  background-image:none !important;
  border:1px solid var(--pp-line) !important;
  color:var(--pp-txt) !important;
}
/* display'e DOKUNMA: giriş öncesi ve düzenleyici gizlemesi display:none ile
   çalışıyor. 36px pixelplanet ölçüsü yalnız fareli ekranda — telefonda
   düğme sütunu büyüyünce İlk Adımlar kartının altına giriyordu. */
#pp#pp #zbtn .zb,
#pp#pp #chat-btn,
#pp#pp .ctrl-custom-btn{
  padding:0 !important; font-weight:400 !important;
  align-items:center; justify-content:center;
}
@media (hover:hover) and (pointer:fine){
  #pp#pp #zbtn .zb,
#pp#pp #chat-btn,
#pp#pp .ctrl-custom-btn{
    width:36px !important; height:36px !important; min-width:36px !important;
    line-height:34px !important; font-size:18px !important;
  }
}
#pp#pp #zbtn{ gap:5px !important; }
#pp#pp #zbtn .zb:hover,
#pp#pp #chat-btn:hover,
#pp#pp #pb-menu-btn:hover,
#pp#pp #profile-btn:hover{
  background:var(--pp-hover) !important;
}
#pp#pp #coord-box{ font-weight:400 !important; color:var(--pp-txt) !important; }
/* pixelplanet .coorbox ölçüsü yalnız fareli ekranda: telefonda kutu
   genişleyince düğme sütunu sola kayıp İlk Adımlar kartına biniyordu */
@media (hover:hover) and (pointer:fine){
  #pp#pp #coord-box{
    height:36px !important; line-height:34px !important; padding:0 16px !important;
    font-size:16px !important;
  }
}

/* Profil kutusu (sol üst) */
#pp#pp #profile-btn{ padding:6px 10px !important; }
#pp#pp #profile-btn .pb-name{ color:var(--pp-txt) !important; font-weight:700 !important; font-size:14px !important; }
#pp#pp #profile-btn .pb-pix,
#pp#pp #profile-btn .pb-faction-name{ color:var(--pp-txt) !important; font-size:13px !important; }
#pp#pp .pb-lv-badge,
#pp#pp .pb-streak-badge{
  background:transparent !important; color:var(--pp-txt) !important;
  border:1px solid var(--pp-line) !important; padding:0 4px !important; font-size:11px !important;
}
#pp#pp .pb-xp-bar-wrap{ background:var(--pp-card) !important; border:1px solid var(--pp-line) !important; height:6px !important; }
#pp#pp .pb-xp-bar{ background:#428bca !important; }
#pp#pp #pb-menu-btn{
  height:36px !important; font-size:15px !important; font-weight:500 !important;
  color:var(--pp-txt) !important; margin-top:5px !important;
}

/* Menü açılır listesi — pixelplanet .menu */
#pp#pp #tb-desktop-dropdown:not(.open){ border:0 !important; }
#pp#pp #tb-desktop-dropdown{
  background:var(--pp-menu) !important; padding:0 !important;
  margin-top:5px !important;
}
#pp#pp #tb-desktop-dropdown .tb-btn-group{ gap:0 !important; padding:0 !important; }
#pp#pp #tb-desktop-dropdown .tb-btn{
  background:transparent !important; border:0 !important;
  border-top:1px solid var(--pp-sep) !important;
  justify-content:flex-start !important; padding:9px 10px !important;
  font-size:14px !important; font-weight:400 !important; color:var(--pp-txt) !important;
  width:100% !important; margin:0 !important;
}
#pp#pp #tb-desktop-dropdown .tb-btn:first-child{ border-top:0 !important; }
#pp#pp #tb-desktop-dropdown .tb-btn:hover{ background:var(--pp-ctl-hi) !important; }
#pp#pp #tb-desktop-dropdown .tb-btn .tb-label{ color:var(--pp-txt) !important; }

/* Piksel sayacı (üst orta) — pixelplanet .cooldownbox */
#pp#pp #pixel-widget{ padding:4px 14px 4px 6px !important; gap:8px !important; }
#pp#pp #pixel-widget #pr-fill{ stroke:var(--pp-txt) !important; }
#pp#pp #pixel-widget .pr-track{ stroke:var(--pp-track) !important; }
#pp#pp #pnum{ color:var(--pp-txt) !important; font-weight:700 !important; font-family:'Montserrat', Arial, sans-serif !important; }
#pp#pp #pixel-widget-info,
#pp#pp #pixel-widget-info *{ color:var(--pp-txt) !important; font-family:'Montserrat', Arial, sans-serif !important; }
#pp#pp #cdlabel,
#pp#pp #cdtimer{ color:var(--pp-cap) !important; font-size:13px !important; }
#pp#pp #cd-bar-wrap{ background:var(--pp-card) !important; border:1px solid var(--pp-line) !important; }
#pp#pp #cd-bar{ background:var(--pp-txt) !important; }

/* v5.8: VPN/proxy uyarı şeridi (proxy-check.js) — piksel sayacının altında,
   tıklama yutmaz; oyuncu haritayı gezmeye devam eder. */
#pp#pp #pf-proxy-banner{
  position:fixed; top:76px; left:50%; transform:translateX(-50%);
  max-width:min(560px, calc(100vw - 32px)); box-sizing:border-box;
  padding:8px 14px; z-index:60; pointer-events:none;
  background:var(--pp-wait-bg); color:var(--pp-wait-txt);
  border:1px solid var(--pp-line);
  font:600 13px/1.4 'Montserrat', Arial, sans-serif; text-align:center;
}
@media (max-width:960px){
  #pp#pp #pf-proxy-banner{ top:100px; font-size:12px; }
}

/* Renk paleti (sağ alt) — pixelplanet #palettebox */
#pp#pp #ptoolbar{ padding:4px !important; gap:4px !important; }
#pp#pp #pen-toggle{
  background:var(--pp-ctl) !important; border:1px solid var(--pp-line) !important;
  width:36px !important; height:36px !important;
}
#pp#pp #pen-toggle.active,
#pp#pp #pen-toggle.on{ background:rgba(240,232,169,.95) !important; }
#pp#pp #palette-toggle,
#pp#pp .psw{ border:1px solid var(--pp-line) !important; }
#pp#pp .psw.sel{ outline:2px solid var(--pp-txt) !important; outline-offset:1px; }

/* Sohbet düğmesi: yuvarlak mavi yerine kutu */
#pp#pp #chat-btn{ color:var(--pp-txt) !important; }
#pp#pp .ch-badge{ background:#e53737 !important; color:#fff !important; border:1px solid var(--pp-line) !important; }

/* Bildirim (#popup) — pixelplanet .notifybox */
#pp#pp #popup,
#pp#pp #popup.show{
  background:var(--pp-menu) !important; color:var(--pp-txt) !important;
  border:1px solid var(--pp-line) !important; font-size:14px !important; font-weight:500 !important;
}

/* ── 5. PENCERELER (pixelplanet .window / .modal) ───────────────────── */
#pp#pp #profile-modal,
#pp#pp #faction-modal,
#pp#pp #quest-panel,
#pp#pp #skill-panel,
#pp#pp #tb-menu-sheet,
#pp#pp #owner-modal,
#pp#pp #am-modal,
#pp#pp #tplhub-modal,
#pp#pp #report-modal,
#pp#pp #history-modal,
#pp#pp #timelapse-modal,
#pp#pp #mailbox-modal,
#pp#pp #news-modal,
#pp#pp #reports-modal,
#pp#pp #rollback-modal,
#pp#pp #bans-modal,
#pp#pp #au-modal,
#pp#pp #announce-modal,
#pp#pp #region-modal,
#pp#pp #pixel-event-modal,
#pp#pp #banconfirm-modal,
#pp#pp #adminfac-modal,
#pp#pp #artmarket-modal,
#pp#pp #tpl-hub-modal,
#pp#pp #cnt-pick,
#pp#pp #onb-pick,
#pp#pp .pf-confirm-overlay,
#pp#pp #pf-confirm{
  background:var(--pp-veil) !important;
  background-image:none !important;
}
#pp#pp #faction-card,
#pp#pp #profile-card,
#pp#pp #quest-card,
#pp#pp #skill-card,
#pp#pp .mailbox-box,
#pp#pp .tut-card,
#pp#pp #tb-menu-card,
#pp#pp .cnt-pick-card,
#pp#pp .onb-pick-card,
#pp#pp .am-card,
#pp#pp .pf-confirm-card,
#pp#pp [id$="-modal"] > div:first-child{
  background:var(--pp-win) !important;
  background-image:none !important;
  border:1px solid var(--pp-line) !important;
  color:var(--pp-txt) !important;
}

/* Başlık çubuğu: gri kutu, solda başlık */
#pp#pp .fc-header,
#pp#pp .pc-header,
#pp#pp .quest-header,
#pp#pp .tut-header,
#pp#pp .am-header,
#pp#pp .mailbox-header,
#pp#pp .cnt-head,
#pp#pp .onb-pick-head,
#pp#pp .sk-header{
  background:var(--pp-ctl-sel) !important;
  border:1px solid var(--pp-line) !important;
  padding:2px 2px 2px 10px !important;
  margin:0 0 6px 0 !important;
  min-height:28px !important; height:auto !important;
  display:flex !important; justify-content:space-between !important;
  align-items:center !important;
}
#pp#pp .fc-header::before,
#pp#pp .fc-header::after,
#pp#pp .pc-header::before,
#pp#pp .pc-header::after,
#pp#pp .cnt-head::before,
#pp#pp .cnt-head::after{ display:none !important; }
#pp#pp #fc-title,
#pp#pp .pc-header > *:first-child,
#pp#pp .cnt-title,
#pp#pp .onb-pick-title,
#pp#pp .mailbox-title,
#pp#pp .quest-header h2,
#pp#pp .quest-header > *:first-child,
#pp#pp .tut-title{
  font-family:'Montserrat', Arial, sans-serif !important;
  font-size:15px !important; font-weight:500 !important; color:var(--pp-txt) !important;
}
/* Kapat düğmesi: pixelplanet .win-topbtn.close */
#pp#pp .fc-close,
#pp#pp .pc-close,
#pp#pp .qp-close,
#pp#pp .sk-close,
#pp#pp .tb-sheet-close,
#pp#pp .quest-close,
#pp#pp .mailbox-close,
#pp#pp .am-close,
#pp#pp .cnt-x,
#pp#pp .onb-pick-x,
#pp#pp .ch-close,
#pp#pp .apnl-close,
#pp#pp #faction-card .fc-header button,
#pp#pp #profile-card .pc-header button{
  background:var(--pp-ctl) !important; color:var(--pp-txt) !important;
  border:1px solid var(--pp-line) !important;
  width:22px !important; height:22px !important; min-width:22px !important;
  padding:0 !important; font-weight:700 !important; font-size:15px !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  transform:none !important;
}
#pp#pp .fc-close:hover,
#pp#pp .pc-close:hover,
#pp#pp .qp-close:hover,
#pp#pp .sk-close:hover,
#pp#pp .tb-sheet-close:hover,
#pp#pp .quest-close:hover,
#pp#pp .mailbox-close:hover,
#pp#pp .am-close:hover,
#pp#pp .cnt-x:hover,
#pp#pp .onb-pick-x:hover,
#pp#pp .ch-close:hover,
#pp#pp .apnl-close:hover{
  background:var(--pp-close-hi) !important; transform:none !important;
}

/* Pencere içi metin: pixelplanet .win-content (siyah %60, 14px) */
#pp#pp #faction-card,
#pp#pp #profile-card,
#pp#pp #quest-card,
#pp#pp #skill-card,
#pp#pp .cnt-pick-card{ font-size:14px !important; }
#pp#pp .fc-sec,
#pp#pp .pc-label,
#pp#pp .pca-section-title,
#pp#pp .lvl-leaderboard-title,
#pp#pp .cnt-sec-title,
#pp#pp .fc-set-title,
#pp#pp .pc-sec-title,
#pp#pp .pca-section-title,
#pp#pp .pca-row-title,
#pp#pp .tpl-rpanel-hdr-title{
  color:var(--pp-head-txt) !important; font-weight:500 !important; font-size:15px !important;
  font-family:'Montserrat', Arial, sans-serif !important;
}
#pp#pp .fc-empty,
#pp#pp .cnt-gate-sub,
#pp#pp .onb-pick-sub,
#pp#pp .fc-reqs,
#pp#pp .cnt-pick-warn{
  background:transparent !important; border:0 !important;
  color:var(--pp-sub) !important; font-size:14px !important; font-weight:500 !important;
}
#pp#pp .cnt-pick-warn,
#pp#pp .fc-reqs{ color:var(--pp-err) !important; }
#pp#pp .fc-empty strong{ display:none !important; }

/* Sekmeler — pixelplanet .tab-list */
#pp#pp .fc-tabs,
#pp#pp .pc-tabs,
#pp#pp #chat-tabs,
#pp#pp .quest-tabs{
  border-bottom:1px solid var(--pp-in-bd) !important; gap:0 !important;
  background:transparent !important; padding:0 !important;
}
#pp#pp .fc-tab,
#pp#pp .pc-tab,
#pp#pp .ch-tab,
#pp#pp .quest-tab,
#pp#pp .auth-tab{
  background:transparent !important; border:1px solid transparent !important;
  border-bottom:0 !important; margin-bottom:-1px !important;
  color:var(--pp-txt) !important; font-weight:400 !important; font-size:14px !important;
  padding:6px 10px !important;
}
#pp#pp .fc-tab:hover,
#pp#pp .pc-tab:hover,
#pp#pp .ch-tab:hover,
#pp#pp .quest-tab:hover{ background:var(--pp-tab-hi) !important; }
#pp#pp .fc-tab.active,
#pp#pp .pc-tab.active,
#pp#pp .ch-tab.active,
#pp#pp .ch-tab.faction-active,
#pp#pp .quest-tab.active,
#pp#pp .auth-tab.active{
  background:var(--pp-tab-on) !important; color:var(--pp-txt) !important;
  border-color:var(--pp-in-bd) !important; font-weight:500 !important;
}

/* Liste satırları — pixelplanet .factionlist */
#pp#pp .fc-browse-row,
#pp#pp .cnt-pick-row,
#pp#pp .onb-pick-row,
#pp#pp .fc-member,
#pp#pp .cnt-row,
#pp#pp .fc-diplo-row,
#pp#pp .lvl-rank-row,
#pp#pp .apnl-btn{
  background:transparent !important; border:0 !important;
  border-top:1px solid var(--pp-sep) !important;
  color:var(--pp-txt) !important;
}
#pp#pp .fc-browse-row:hover,
#pp#pp .cnt-pick-row:hover,
#pp#pp .onb-pick-row:hover,
#pp#pp .fc-member:hover,
#pp#pp .cnt-row:hover,
#pp#pp .apnl-btn:hover{
  background:var(--pp-row-hi) !important;
}
#pp#pp #fc-browse-list,
#pp#pp .cnt-pick-list,
#pp#pp .onb-pick-list{
  border:1px solid var(--pp-line) !important; gap:0 !important; padding:0 !important;
}
#pp#pp #fc-browse-list > :first-child,
#pp#pp .cnt-pick-list > :first-child,
#pp#pp .onb-pick-list > :first-child{ border-top:0 !important; }

/* İstatistik kutuları, kartlar, rozetler: düz kutu */
#pp#pp .fc-ro,
#pp#pp .pc-stat,
#pp#pp .pc-stat-card,
#pp#pp .fc-standing,
#pp#pp .fc-st-row,
#pp#pp .fc-settings,
#pp#pp .fc-invite-box,
#pp#pp .fc-standard,
#pp#pp .cnt-mine,
#pp#pp .pc-bio,
#pp#pp .pc-card,
#pp#pp .lvl-card,
#pp#pp .cnt-card,
#pp#pp .pc-section,
#pp#pp #country-rank-card{
  background:var(--pp-card) !important; background-image:none !important;
  border:1px solid var(--pp-card-bd) !important;
}
#pp#pp .fc-std-role,
#pp#pp .fc-member-role,
#pp#pp .cm-fac,
#pp#pp .cm-role,
#pp#pp .pp-badge,
#pp#pp [class*="badge"]:not(.ch-badge){
  background:var(--pp-badge) !important; color:var(--pp-badge-txt) !important;
  border:1px solid var(--pp-line) !important; font-weight:500 !important;
}

/* ── 6. SOHBET (pixelplanet .chatmsg) — balon yok, sıkı satırlar ────── */
#pp#pp #chat-panel{
  background:var(--pp-win) !important; border:1px solid var(--pp-line) !important;
}
#pp#pp #chat-header{
  background:var(--pp-ctl-sel) !important; border:0 !important;
  border-bottom:1px solid var(--pp-line) !important;
}
#pp#pp .ch-dot{ display:none !important; }
#pp#pp #chat-messages{ background:transparent !important; padding:3px !important; }
#pp#pp #chat-messages .cm{ padding:4px 2px !important; margin:0 !important; gap:6px !important; }
#pp#pp #chat-messages .cm:hover{ background:var(--pp-row-hi) !important; }
#pp#pp #chat-messages .cm-bubble{
  background:transparent !important; border:0 !important;
  padding:0 !important; color:var(--pp-chat-txt) !important; font-size:13px !important;
}
#pp#pp #chat-messages .cm-name{
  background:var(--pp-chat-name) !important; padding:0 4px !important;
  font-weight:500 !important; font-size:13px !important;
}
#pp#pp #chat-messages .cm-time{ color:var(--pp-cap) !important; font-size:10px !important; }
#pp#pp #chat-messages .cm-av{ width:28px !important; height:28px !important; font-size:12px !important; }
#pp#pp .cm-mention{ background:var(--pp-mention) !important; color:var(--pp-txt) !important; }
#pp#pp #chat-footer{ background:transparent !important; border-top:1px solid var(--pp-line) !important; }

/* ── 7. GİRİŞ EKRANI ─────────────────────────────────────────────────── */
#pp#pp #login{
  background:var(--pp-veil) !important; background-image:none !important;
}
#pp#pp #login > *{ background-image:none !important; }
#pp#pp .auth-card,
#pp#pp #login .login-card,
#pp#pp #login .auth-box{
  background:var(--pp-win) !important; border:1px solid var(--pp-line) !important;
}

/* ── 8. HAREKET: süs animasyonları kapatılır (yükleme döngüsü kalır) ── */
#pp#pp [class*="glow"],
#pp#pp [class*="shimmer"],
#pp#pp [class*="pulse"]{ animation:none !important; }

/* ── 9. DÜZELTMELER (1. tur ekran görüntülerinden) ─────────────────── */
/* VIP adı degrade yazıyla (background-clip:text) çiziliyordu; zemin
   değişince görünmez oldu. Ad düz siyah, zemin pixelplanet açık mavisi. */
#pp#pp #chat-messages .cm-name,
#pp#pp #chat-messages .cm-name *{
  -webkit-text-fill-color:var(--pp-txt) !important; color:var(--pp-txt) !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
}
#pp#pp #chat-messages .cm-name{ background:var(--pp-chat-name) !important; }
#pp#pp #chat-messages .cm [class*="bubble"],
#pp#pp #chat-messages .cm .pf-decor-wrap{
  background:transparent !important; border:0 !important; padding:0 !important;
}
/* Profil kartı: avatar halkası ve vurgu çizgileri */
/* .pc-avatar-ring AVATARIN KENDİSİ (adı yanıltıcı) — gizleme, düz renk ver */
#pp#pp .pc-avatar-ring{ background:#5b7fb0 !important; border:1px solid var(--pp-line) !important; color:#fff !important; }
#pp#pp .pc-avatar-ring::before,
#pp#pp .pc-avatar-ring::after,
#pp#pp .pc-stat::before,
#pp#pp .pc-stat::after,
#pp#pp .pc-stat-card::before,
#pp#pp .pc-stat-card::after{ display:none !important; }

/* Görevler: renkli kart zeminleri ve ikon kutuları düz */
#pp#pp .qcard,
#pp#pp .quest-summary,
#pp#pp .quest-sum-item{
  background:var(--pp-card) !important; background-image:none !important;
  border:1px solid var(--pp-card-bd) !important; color:var(--pp-txt) !important;
}
#pp#pp .qcard.done,
#pp#pp .qcard.claimable,
#pp#pp .qcard.ready{ background:var(--pp-row-hi) !important; }
#pp#pp .qcard-icon,
#pp#pp .quest-header-icon{
  background:var(--pp-ctl-sel) !important; color:var(--pp-txt) !important;
  border:1px solid var(--pp-line) !important;
}
#pp#pp .quest-sum-val,
#pp#pp .qcard-name{ color:var(--pp-txt) !important; }
#pp#pp .quest-sum-lbl,
#pp#pp .qcard-desc,
#pp#pp .qcard-prog-label,
#pp#pp .quest-reset-timer{ color:var(--pp-sub) !important; }
#pp#pp .qcard-diff,
#pp#pp .qcard-reward,
#pp#pp .qcard-done-badge{
  background:var(--pp-badge) !important; color:var(--pp-badge-txt) !important; border:1px solid var(--pp-line) !important;
}
#pp#pp .qcard-bar-wrap{ background:var(--pp-card) !important; border:1px solid var(--pp-line) !important; }
#pp#pp .qcard-bar{ background:#428bca !important; }
/* Telefondaki "çekme tutamacı" çizgisi masaüstünde süs */
@media (min-width:769px){
  #pp#pp #quest-card > :first-child:empty,
#pp#pp .sheet-grip,
#pp#pp .qp-grip,
#pp#pp [class*="grabber"]{ display:none !important; }
}

/* Sohbet paneli: telefonda arkası görünüyordu — tam opak */
#pp#pp #chat-panel,
#pp#pp #chat-messages{ background:var(--pp-chat-bg) !important; opacity:1 !important; }
/* Pencere başlığındaki kapat düğmesi başlık kutusunun içinde dursun.
   v5.12: telefonda 40px → 32px (45-olcek.css ile aynı ölçü) */
#pp#pp .pc-header .pc-close,
#pp#pp .fc-header .fc-close,
#pp#pp .cnt-head .cnt-x{
  position:static !important; margin-left:auto !important; flex-shrink:0 !important;
}

@media (max-width: 768px), (max-height: 600px) and (orientation: landscape) and (hover: none) and (pointer: coarse){
  #pp#pp .fc-close,
#pp#pp .pc-close,
#pp#pp .qp-close,
#pp#pp .sk-close,
#pp#pp .tb-sheet-close,
#pp#pp .quest-close,
#pp#pp .mailbox-close,
#pp#pp .am-close,
#pp#pp .cnt-x,
#pp#pp .onb-pick-x,
#pp#pp .ch-close{
    width:32px !important; height:32px !important; min-width:32px !important; min-height:32px !important;
  }
  #pp#pp #faction-card .fc-header button,
#pp#pp #profile-card .pc-header button{
    width:32px !important; height:32px !important; min-width:32px !important; min-height:32px !important;
  }
  #pp#pp .cnt-spots-toggle input[type="checkbox"]{ width:32px !important; height:32px !important; min-width:32px !important; flex-shrink:0 !important; }
}
/* Yetenek ağacı çipleri: koyu zemin için seçilmiş renkler açık zeminde okunmuyor */
#pp#pp .sk-st-chip,
#pp#pp .sk-st-chip *{ color:var(--pp-txt) !important; }

/* Fraksiyon plakası: ızgara dokusu, kesik köşe ve şeritler sökülür */
#pp#pp #faction-card *,
#pp#pp #faction-card *::before,
#pp#pp #faction-card *::after{ clip-path:none !important; }
#pp#pp .fc-standard::before,
#pp#pp .fc-standard::after,
#pp#pp .fc-std-crest::before,
#pp#pp .fc-std-crest::after,
#pp#pp .fc-readout::before,
#pp#pp .fc-readout::after{ display:none !important; }
#pp#pp .fc-standard{ background:var(--pp-card) !important; }
#pp#pp .fc-std-name{
  white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
  font-size:18px !important; line-height:1.2 !important; color:var(--pp-txt) !important;
}
#pp#pp .fc-std-tag{ background:var(--pp-badge) !important; color:var(--pp-badge-txt) !important; border:1px solid var(--pp-line) !important; }
#pp#pp .fc-ro b{ color:var(--pp-txt) !important; }
#pp#pp .fc-ro span,
#pp#pp .fc-std-sub{ color:var(--pp-cap) !important; }

#pp#pp .fc-std-crest img{ border:1px solid var(--pp-line) !important; object-fit:cover !important; }

/* v5.3: açık zeminde altın renkli VIP/yetkili adları okunmuyordu
   (kontrast 1,36). Koyu modda altın kalır. */
#pp#pp:not([data-theme="dark"]) .lvl-rank-name.pf-vip-name,
#pp#pp:not([data-theme="dark"]) .lvl-rank-name.pf-staff-name{
  color:#8a5a00 !important; -webkit-text-fill-color:#8a5a00 !important;
}

/* v5.11: altın "PF" amblemi (icons.js PF_LOGO_SVG → <img>). Giriş
   kartında büyük, başlıklarda yazıyla aynı boyda. */
#pp#pp #login .lbox-brand{ flex-wrap:wrap !important; row-gap:.5rem !important; }
#pp#pp #login .lbox-brand .pca-lang-switch{
  margin-left:0 !important; flex-basis:100% !important; justify-content:flex-start !important;
}
#pp#pp #login .lbox-logo .pf-logo-img{
  width:2.8rem !important; height:2.8rem !important; vertical-align:middle !important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));
}
@media (max-width:520px){
  #pp#pp #login .lbox-logo .pf-logo-img{ width:2.4rem !important; height:2.4rem !important; }
}