/* Kariyer köprüsü — terminal / editorial, AI-slop yok */
.qq-pt-root{
  position:fixed;inset:0;z-index:10050;
  font-family:Manrope,Sora,system-ui,sans-serif;
  color:#e2e8f0;
}
.qq-pt-scrim{
  position:absolute;inset:0;
  background:rgba(4,7,12,.94);
  animation:qqPtIn .35s ease both;
}
.qq-pt-stage{
  position:relative;z-index:1;
  width:100%;height:100%;
  /* align-items:center on a scroll container clips the top of anything taller
     than the viewport and makes it unreachable. Auto margins on the panel
     centre it when it fits and scroll cleanly when it does not. */
  display:flex;align-items:flex-start;justify-content:center;
  padding:24px 16px max(24px,env(safe-area-inset-bottom,0px));
  overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;
}
.qq-pt-panel{
  width:min(440px,100%);margin-block:auto;
  padding:28px 24px 22px;
  border-radius:16px;
  background:rgba(10,14,22,.98);
  border:1px solid rgba(148,163,184,.14);
  box-shadow:0 24px 64px rgba(0,0,0,.5);
  animation:qqPtUp .4s cubic-bezier(.22,1,.36,1) both;
}
.qq-pt-panel--wide{width:min(500px,100%)}
@keyframes qqPtIn{from{opacity:0}to{opacity:1}}
@keyframes qqPtUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.qq-pt-kicker{
  margin:0 0 6px;
  font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;
  color:#64748b;
}
.qq-pt-title{
  margin:0 0 10px;
  font-family:Outfit,sans-serif;
  font-size:clamp(22px,4vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.2;
  color:#f1f5f9;
}
.qq-pt-title em{font-style:normal;color:#cbd5e1;border-bottom:1px solid rgba(148,163,184,.35)}
.qq-pt-lead{
  margin:0 0 18px;
  font-size:13.5px;line-height:1.6;font-weight:500;color:#94a3b8;
}

/* Lived-in stats from THEIR session */
.qq-pt-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  margin:0 0 18px;
}
.qq-pt-stat{
  padding:10px 8px;border-radius:10px;text-align:center;
  background:rgba(8,12,20,.8);
  border:1px solid rgba(148,163,184,.1);
}
.qq-pt-stat-n{
  font-family:Outfit,sans-serif;font-size:18px;font-weight:800;color:#f1f5f9;letter-spacing:-.02em;
}
.qq-pt-stat-l{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-top:2px}

.qq-pt-features{
  list-style:none;margin:0 0 18px;padding:0;
  display:grid;gap:6px;
}
.qq-pt-features li{
  display:flex;align-items:flex-start;gap:10px;
  padding:10px 12px;border-radius:10px;
  border:1px solid rgba(148,163,184,.1);
  background:rgba(255,255,255,.02);
  font-size:12.5px;line-height:1.4;font-weight:600;color:#cbd5e1;
}
.qq-pt-features li i,
.qq-pt-features li svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px;color:#94a3b8}

.qq-pt-cta{
  width:100%;
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 16px;border-radius:12px;cursor:pointer;
  border:1px solid rgba(226,232,240,.28);
  background:rgba(255,255,255,.07);
  color:#f8fafc;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  transition:background .15s,border-color .15s,transform .15s;
}
.qq-pt-cta:hover{background:rgba(255,255,255,.11);border-color:rgba(226,232,240,.4);transform:translateY(-1px)}
.qq-pt-cta svg{width:16px;height:16px}

.qq-pt-dismiss{
  display:block;width:100%;margin-top:12px;padding:6px;
  background:none;border:none;cursor:pointer;
  font-size:12px;font-weight:600;color:#64748b;text-align:center;
}
.qq-pt-dismiss:hover{color:#94a3b8}
.qq-pt-dismiss small{display:block;margin-top:3px;font-size:10.5px;font-weight:500;color:#475569;line-height:1.35}

.qq-pt-note{
  margin:0 0 14px;padding:10px 12px;border-radius:10px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(148,163,184,.04);
  font-size:12px;line-height:1.5;color:#94a3b8;
}

/* Fiyat — sade iki seçenek */
.qq-pt-price-row{display:grid;gap:10px;margin:0 0 16px}
@media(min-width:460px){.qq-pt-price-row{grid-template-columns:1fr 1.1fr}}
.qq-pt-plan{
  padding:14px;border-radius:12px;cursor:pointer;text-align:left;width:100%;
  background:rgba(8,12,20,.9);
  border:1px solid rgba(148,163,184,.14);
  color:inherit;transition:border-color .15s;
}
.qq-pt-plan.is-sel{border-color:rgba(226,232,240,.4);background:rgba(255,255,255,.04)}
.qq-pt-plan-badge{
  display:inline-block;margin-bottom:6px;padding:2px 7px;border-radius:4px;
  font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#1a1204;background:#e3b341;
}
.qq-pt-plan-name{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#64748b}
.qq-pt-plan-price{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;color:#f8fafc;margin-top:2px}
.qq-pt-plan-price small{font-size:11px;font-weight:600;color:#94a3b8;margin-left:4px}
.qq-pt-plan-permo{margin-top:4px;font-size:11px;color:#94a3b8;font-weight:600}
.qq-pt-plan-permo s{color:#64748b;margin-right:4px}
.qq-pt-plan-save{margin-top:4px;font-size:11px;font-weight:800;color:#94a3b8}
.qq-pt-plan.is-sel .qq-pt-plan-save{color:#e3b341}
.qq-pt-guarantee-badge{
  display:flex;gap:9px;align-items:center;margin:2px 0 14px;padding:10px 12px;border-radius:10px;
  background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.22);
  font-size:11.5px;line-height:1.45;color:#a7f3d0;font-weight:500;text-align:left;
}
.qq-pt-guarantee-badge svg{width:16px;height:16px;flex:0 0 16px;color:#34d399}
.qq-pt-guarantee-badge strong{color:#e6fff5;font-weight:700}

/* Launch offer strip — amber, deliberately warmer than the rest so the deal
   reads at a glance without shouting. Code-gated: it advertises LANSMAN, it
   does not silently change the card price. */
.qq-pt-launch{
  display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;padding:11px 13px;border-radius:11px;
  background:linear-gradient(180deg,rgba(245,158,11,.13),rgba(245,158,11,.05));
  border:1px solid rgba(245,158,11,.32);text-align:left;
}
.qq-pt-launch-tag{
  flex:0 0 auto;padding:3px 8px;border-radius:5px;white-space:nowrap;
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#0f172a;background:linear-gradient(135deg,#fbbf24,#f59e0b);
}
.qq-pt-launch-copy{font-size:12.5px;line-height:1.42;color:#fde9c8;font-weight:500}
.qq-pt-launch-copy b{color:#fbbf24;font-weight:800;letter-spacing:.03em}
.qq-pt-launch-copy s{color:#94a3b8;margin:0 3px}
.qq-pt-launch-copy strong{color:#fff;font-weight:800;font-size:14.5px}
.qq-pt-launch-copy em{display:block;margin-top:2px;font-style:normal;font-size:11px;color:#cbb088}
.qq-pt-usd{margin:10px 0 0;font-size:11px;color:#8a94a6;text-align:center}

.qq-pt-outcomes{list-style:none;margin:0 0 12px;padding:0}
.qq-pt-outcomes li{
  display:flex;gap:8px;align-items:flex-start;
  margin:0 0 8px;font-size:12.5px;line-height:1.4;color:#cbd5e1;font-weight:500;
}
.qq-pt-outcomes li svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px;color:#94a3b8}
.qq-pt-guarantee{margin:0 0 14px;text-align:center;font-size:11px;color:#64748b;font-weight:600}

.qq-pt-unlocks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px}
.qq-pt-unlocks li{
  display:flex;gap:8px;align-items:flex-start;
  padding:10px 12px;border-radius:10px;
  border:1px solid rgba(148,163,184,.12);
  font-size:12.5px;font-weight:600;color:#e2e8f0;line-height:1.4;
}
.qq-pt-unlocks li svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px;color:#94a3b8}

.qq-pt-nudge .qq-pt-panel{width:min(380px,100%)}

/* Pro chrome — sakin, görünür */
.qq-pro-pill{
  display:none;align-items:center;justify-content:center;
  padding:2.5px 7px;border-radius:6px;line-height:1;
  font-size:10.5px;font-weight:800;letter-spacing:.1em;
  color:#e3b341;background:rgba(227,179,65,.08);
  border:1px solid rgba(227,179,65,.35);
}
/* ── Pro chrome ───────────────────────────────────────────────────────────
   Unlocking Pro used to change three things: a 1px border tint, a ring on the
   logo, and a career bar that turned *grey*. Grey is the colour this product
   uses for locked and disabled states, so the reward for paying looked like
   something had been switched off. Players reported, correctly, that nothing
   happened.

   The design system already establishes gold as the earned colour — it is
   what the level-up card and every badge use. Pro owns it now. The treatment
   stays quiet on purpose: a premium tier announces itself by being obviously
   more finished, not by glittering. */

body.qq-is-pro .qq-pro-pill{display:inline-flex}
/* Free users: the same pill is a live "Pro'yu Gör" button — an always-present,
   working entry to the paywall. */
body:not(.qq-is-pro) .qq-pro-pill.qq-pro-cta{display:inline-flex;cursor:pointer;letter-spacing:.04em;
  transition:background .15s,border-color .15s,color .15s}
body:not(.qq-is-pro) .qq-pro-pill.qq-pro-cta:hover{background:rgba(227,179,65,.18);
  border-color:rgba(227,179,65,.6);color:#f2c862}

body.qq-is-pro .qq-hud{
  /* `position` so the light passes below can be placed at all — .qq-hud is
     static by default and the sweep would have anchored to the viewport. */
  position:relative;
  border-color:rgba(227,179,65,.26)!important;
  /* An inset shadow rather than a background-image: .qq-hud paints its own
     gradient through the `background` shorthand, and setting background-image
     here would silently erase it. */
  box-shadow:0 16px 50px rgba(0,0,0,.35),
             inset 0 1px 0 rgba(255,255,255,.05),
             inset 0 22px 40px -30px rgba(227,179,65,.5);
}
body.qq-is-pro .qq-hud::after{
  content:"";
  position:absolute; left:14px; right:14px; bottom:-1px; height:1px;
  background:linear-gradient(90deg,
    transparent, rgba(227,179,65,.55) 22%, rgba(255,214,107,.75) 50%,
    rgba(227,179,65,.55) 78%, transparent);
  pointer-events:none;
}
body.qq-is-pro .qq-hud-logo{
  box-shadow:0 0 0 1px rgba(227,179,65,.5), 0 0 18px rgba(227,179,65,.18);
  border-radius:10px;
}
body.qq-is-pro .aca-hud-career-fill{
  background:linear-gradient(90deg,#c9922c,#e3b341 55%,#ffd66b)!important;
  box-shadow:0 0 12px rgba(227,179,65,.35);
}

/* The tier is not only a colour. These are the things that were gated, and
   Pro's job is to make their unlocking visible rather than merely true. */
body.qq-is-pro .qq-locked-chip,
body.qq-is-pro .aca-node-lock-badge{
  border-color:rgba(227,179,65,.42)!important;
  color:#e3b341!important;
}
body.qq-is-pro .qq-acc-stat strong#qq-acc-pro{
  color:#e3b341;
  text-shadow:0 0 14px rgba(227,179,65,.35);
}

/* The first paint after activation. One pass of light across the header, once
   — the moment the tier turns on, and never again. */
body.qq-is-pro.qq-pro-just-unlocked .qq-hud{ overflow:hidden; }
body.qq-is-pro.qq-pro-just-unlocked .qq-hud::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(105deg, transparent 30%,
    rgba(255,214,107,.22) 46%, rgba(255,255,255,.3) 51%,
    rgba(255,214,107,.22) 56%, transparent 72%);
  transform:translateX(-120%);
  animation:qqProSweep 1.15s cubic-bezier(.32,.72,.28,1) .12s 1 both;
  pointer-events:none;
}
@keyframes qqProSweep{ to{ transform:translateX(120%); } }

@media (prefers-reduced-motion: reduce){
  body.qq-is-pro.qq-pro-just-unlocked .qq-hud::before{ animation:none; opacity:0; }
}
/* Canlı hesap / terminal kaldırıldı */
#tab-live,#mode-live{display:none!important}
body.qq-is-pro #tab-live{display:none!important}

/* Pro “Değerdi” win moment */
.qq-pt-root.qq-pt-win .qq-pt-panel{
  position:relative;overflow:hidden;
  border:1px solid rgba(251,191,36,.35);
  box-shadow:0 0 0 1px rgba(251,191,36,.12),0 24px 80px rgba(0,0,0,.55),0 0 60px rgba(251,191,36,.12);
}
.qq-pt-win-burst{
  position:absolute;inset:-40% -20%;pointer-events:none;
  background:
    radial-gradient(circle at 50% 20%,rgba(251,191,36,.22),transparent 45%),
    radial-gradient(circle at 20% 80%,rgba(56,189,248,.12),transparent 40%),
    radial-gradient(circle at 80% 70%,rgba(52,211,153,.1),transparent 40%);
  animation:qqPtBurst 1.2s ease-out both;
}
@keyframes qqPtBurst{
  from{opacity:0;transform:scale(.85)}
  to{opacity:1;transform:scale(1)}
}
.qq-pt-kicker-gold{color:#fbbf24!important;letter-spacing:.18em}
.qq-pt-title-win{
  font-size:clamp(36px,7vw,52px)!important;
  background:linear-gradient(135deg,#fff7ed,#fbbf24 45%,#f59e0b);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:qqPtTitleIn .7s cubic-bezier(.22,1,.36,1) both;
}
@keyframes qqPtTitleIn{
  from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(6px)}
  to{opacity:1;transform:none;filter:none}
}
.qq-pt-lead-win{font-size:15px;color:#cbd5e1}
.qq-pt-unlocks-win li{
  opacity:0;animation:qqPtUnlock .45s ease forwards;
}
@keyframes qqPtUnlock{
  from{opacity:0;transform:translateX(-8px)}
  to{opacity:1;transform:none}
}
/* Orion celebrating on the "Değerdi" purchase-win screen. */
.qq-pt-win-mascot{ width:100px; margin:0 auto 4px; }
.qq-pt-win-mascot svg{ width:100px; height:100px; display:block; margin:0 auto;
  filter:drop-shadow(0 8px 22px rgba(251,191,36,.30)); }
.qq-pt-win-say{ margin-top:4px; text-align:center; font-size:12.5px; font-weight:600;
  color:#fcd34d; letter-spacing:-.01em; }
.qq-pt-cta-gold{
  background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;
  color:#0f172a!important;border:none!important;font-weight:900!important;
}
.qq-pt-cta-gold:hover{filter:brightness(1.06);transform:translateY(-1px)}

.aca-hud-career{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:8px;font-size:11px;font-weight:700;color:#94a3b8;
}
.aca-hud-career-lv{color:#e2e8f0;font-weight:800}
.aca-hud-career-bar{
  height:4px;border-radius:4px;margin-top:6px;
  background:rgba(148,163,184,.15);overflow:hidden;
}
.aca-hud-career-fill{
  height:100%;border-radius:4px;
  background:#94a3b8;
  transition:width .35s ease;
}

@media(prefers-reduced-motion:reduce){
  .qq-pt-panel,.qq-pt-scrim{animation:none}
}

/* Ödeme başlatılamadığında sebep, bakılan yerde söylenir. */
.qq-pt-err{
  margin:10px 0 2px;padding:9px 12px;border-radius:10px;font-size:12.5px;font-weight:600;
  color:#fecaca;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);
}

/* ── Arkadaşını getir (paywall'daki ikinci yol) ── */
.qq-pt-refer{margin-top:14px;padding:14px 16px;border-radius:14px;
  background:rgba(56,189,248,.06);border:1px dashed rgba(56,189,248,.3)}
.qq-pt-refer-head{font-size:13.5px;font-weight:700;color:#e0f2fe;margin-bottom:6px}
.qq-pt-refer-head b{color:#7dd3fc}
.qq-pt-refer-p{font-size:12px;color:#94a3b8;line-height:1.5;margin:0 0 10px}
.qq-pt-refer-row{display:flex;gap:8px;align-items:stretch}
.qq-pt-refer-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;color:#cbd5e1;background:rgba(8,12,20,.7);border:1px solid rgba(148,163,184,.18);
  border-radius:9px;padding:9px 11px;line-height:1.4}
.qq-pt-refer-row button{flex:0 0 auto;padding:0 14px;border-radius:9px;border:1px solid rgba(56,189,248,.35);
  background:rgba(56,189,248,.12);color:#7dd3fc;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit}
.qq-pt-refer-row button:hover{background:rgba(56,189,248,.2)}
.qq-pt-refer-note{font-size:11.5px;color:#6ee7b7;margin:8px 0 0}