/* ═══════════════════════════════════════════════════════════════════════
   ARENA — lobi + seans.
   Tek fikir: Akademi'nin ders sahnesiyle aynı dil. Bir vurgu rengi (cam
   göbeği — Vega'nın rengi), bol nefes payı, az ama dokunulası kontrol.
   Yeşil "fiziksel tuş" yalnızca birincil eylemdedir (design-system.css).
   ═══════════════════════════════════════════════════════════════════════ */

.rp-arena{ --ar-accent:var(--theme-accent,#22d3ee); --ar-accent-soft:rgba(34,211,238,.14); --ar-line:rgba(51,65,85,.55); }

/* This sheet gives several containers a display via #id or strong class
   selectors, which outweighs the utility .hidden — a lobby and a session
   both "hidden" and both painted. Inside the Arena, hidden always wins. */
.rp-arena .hidden{ display:none !important; }

/* ── LOBİ — tek kart, tek nefes ─────────────────────────────────────── */
#ar-lobby{ max-width:760px; margin:0 auto; padding:18px 4px 40px; display:flex; flex-direction:column; gap:18px; }

.ar-topline{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 4px; flex-wrap:wrap; }
.ar-kicker{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ar-accent);
}
.ar-mini-stats{ display:flex; gap:14px; flex-wrap:wrap; }
.ar-mini-stats span{ font-size:11px; font-weight:700; color:#64748b; }
.ar-mini-stats b{ color:#e2e8f0; font-weight:800; margin-left:3px; }

.ar-card{
  padding:30px 30px 26px; border-radius:24px; border:1px solid var(--ar-line);
  background:
    radial-gradient(90% 120% at 85% -20%, rgba(34,211,238,.09), transparent 55%),
    linear-gradient(180deg, rgba(15,23,42,.62), rgba(8,11,18,.78));
  display:flex; flex-direction:column; gap:14px;
}
.ar-title{
  font-family:Outfit,sans-serif; font-size:clamp(24px,3.4vw,32px); font-weight:800;
  color:#f1f5f9; line-height:1.15; margin:0;
}
.ar-title em{ font-style:normal; color:inherit; border-bottom:2px solid rgba(34,211,238,.45); padding-bottom:1px; }
.ar-sub{ font-size:13.5px; color:#94a3b8; line-height:1.6; margin:0; }
.ar-cfg-line{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding-top:4px; }
.ar-cfg-sep{ width:1px; height:20px; background:rgba(51,65,85,.7); }
.ar-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.ar-chips button{
  padding:7px 13px; border-radius:12px; cursor:pointer;
  background:rgba(15,23,42,.6); border:1px solid rgba(51,65,85,.8);
  color:#94a3b8; font-size:11.5px; font-weight:800;
  transition:color .14s ease, border-color .14s ease, background .14s ease;
}
.ar-chips button:hover{ color:#e2e8f0; border-color:rgba(100,116,139,.9); }
.ar-chips button.sel{ background:var(--ar-accent-soft); border-color:rgba(34,211,238,.45); color:#a5f3fc; }
.ar-cta-row{ display:flex; gap:10px; align-items:stretch; padding-top:6px; }
.ar-cta-row .ar-start{ flex:1; display:flex; align-items:center; justify-content:center; gap:8px; }
.ar-cta-row .ar-ghost-btn{ flex:0 0 auto; }

.ar-sec{ display:flex; flex-direction:column; gap:12px; }
.ar-sec-head{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; padding:0 2px; }
.ar-sec-title{
  display:inline-flex; align-items:center; gap:7px;
  font-family:Outfit,sans-serif; font-size:15px; font-weight:800; color:#e2e8f0;
}
.ar-sec-title svg{ color:var(--ar-accent); }
.ar-sec-hint{ font-size:11.5px; color:#64748b; font-weight:600; }

/* Görev kartları — kapı sınavının Arena kanıtları */
.ar-quest-row{ display:flex; gap:12px; overflow-x:auto; padding:2px 2px 8px; scrollbar-width:thin; }
.ar-quest{
  flex:0 0 172px; display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  padding:14px 14px 12px; border-radius:18px; text-align:left;
  border:1px solid var(--ar-line); background:linear-gradient(180deg, rgba(15,23,42,.55), rgba(9,13,22,.7));
  cursor:pointer; transition:transform .16s ease, border-color .16s ease;
}
.ar-quest:hover{ transform:translateY(-2px); border-color:rgba(34,211,238,.4); }
.ar-quest.is-done{ border-color:rgba(75,219,154,.35); cursor:default; }
.ar-quest.is-done:hover{ transform:none; }
.ar-quest-ring{ position:relative; width:44px; height:44px; }
.ar-quest-ring svg{ width:44px; height:44px; transform:rotate(-90deg); }
.ar-quest-ring .ring-bg{ stroke:rgba(51,65,85,.8); }
.ar-quest-ring .ring-fg{ stroke:var(--ar-accent); stroke-linecap:round; transition:stroke-dashoffset .5s ease; }
.ar-quest.is-done .ring-fg{ stroke:#4bdb9a; }
.ar-quest-ring b{
  position:absolute; inset:0; display:grid; place-items:center;
  font-size:12px; font-weight:900; color:#cbd5e1;
}
.ar-quest.is-done .ar-quest-ring b{ color:#86efac; }
.ar-quest-name{ font-family:Outfit,sans-serif; font-size:13.5px; font-weight:800; color:#e2e8f0; line-height:1.25; }
.ar-quest-state{ font-size:10.5px; font-weight:700; color:#64748b; }
.ar-quest.is-done .ar-quest-state{ color:#4bdb9a; }
.ar-quest-cta{
  margin-top:auto; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ar-accent); display:inline-flex; align-items:center; gap:4px;
}

.ar-foot{ display:flex; gap:14px; justify-content:center; padding-top:4px; }
.ar-foot button{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 12px; border-radius:12px; border:0; background:transparent; cursor:pointer;
  font-size:11.5px; font-weight:700; color:#64748b;
}
.ar-foot button:hover{ color:#cbd5e1; background:rgba(30,41,59,.5); }
.ar-foot .ar-foot-danger:hover{ color:#fda4af; }

/* ── SEANS ────────────────────────────────────────────────────────────── */
#ar-session{ max-width:1240px; margin:0 auto; padding:4px 2px 32px; display:flex; flex-direction:column; gap:12px; }

.ar-sess-bar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:10px 14px; border-radius:16px;
  border:1px solid var(--ar-line); background:rgba(15,23,42,.5);
}
.ar-back{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 12px; border-radius:12px; cursor:pointer;
  background:rgba(15,23,42,.7); border:1px solid rgba(51,65,85,.8);
  color:#cbd5e1; font-size:12px; font-weight:800;
}
.ar-back:hover{ color:#fff; border-color:rgba(100,116,139,.9); }
.ar-sess-label{
  font-family:Outfit,sans-serif; font-size:13.5px; font-weight:800; color:#e2e8f0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:280px;
}
.ar-sess-tf{ display:flex; gap:5px; }
.ar-sess-tf .rp-tfbtn{
  padding:5px 10px; border-radius:10px; cursor:pointer;
  background:rgba(15,23,42,.6); border:1px solid rgba(51,65,85,.8);
  color:#94a3b8; font-size:11px; font-weight:800;
}
.ar-sess-tf .rp-tfbtn.sel{ background:var(--ar-accent-soft); border-color:rgba(34,211,238,.45); color:#a5f3fc; }
.ar-sess-stats{ display:flex; gap:8px; margin-left:auto; }
.ar-ss{
  display:flex; flex-direction:column; align-items:center; min-width:56px;
  padding:4px 10px; border-radius:12px; background:rgba(8,11,18,.6); border:1px solid rgba(51,65,85,.5);
}
.ar-ss span{ font-size:10.5px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:#64748b; }
.ar-ss b{ font-size:13px; font-weight:800; color:#e2e8f0; }

/* Akış noktaları: Oku → Kanıt → Karar → Özet */
.rp-stepper{ display:flex; align-items:center; gap:6px; }
.rp-step{ display:flex; align-items:center; gap:5px; opacity:.45; transition:opacity .2s ease; }
.rp-step.active, .rp-step.done{ opacity:1; }
.rp-step-no{
  width:18px; height:18px; border-radius:50%; display:grid; place-items:center;
  font-size:10.5px; font-weight:900; color:#64748b;
  background:rgba(30,41,59,.8); border:1px solid rgba(51,65,85,.9);
}
.rp-step.active .rp-step-no{ background:var(--ar-accent-soft); border-color:rgba(34,211,238,.5); color:#a5f3fc; }
.rp-step.done .rp-step-no{ background:rgba(75,219,154,.15); border-color:rgba(75,219,154,.4); color:#86efac; }
.rp-step-label{ font-size:10.5px; font-weight:800; color:#94a3b8; }
.rp-step-line{ width:14px; height:1px; background:rgba(51,65,85,.9); }
.rp-step-line.done{ background:rgba(75,219,154,.5); }

/* Görev şeridi */
.rp-gorev-seridi{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px 16px; border-radius:16px;
  border:1px solid rgba(34,211,238,.3);
  background:linear-gradient(180deg, rgba(34,211,238,.08), rgba(15,23,42,.6));
}
.rp-gorev-icon{
  flex-shrink:0; width:34px; height:34px; border-radius:12px; display:grid; place-items:center;
  background:var(--ar-accent-soft); color:var(--ar-accent);
}
.rp-gorev-body{ flex:1; min-width:0; }
.rp-gorev-top{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; }
.rp-gorev-mode{ font-size:10.5px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:var(--ar-accent); }
.rp-gorev-skill{ font-family:Outfit,sans-serif; font-size:14px; font-weight:800; color:#f1f5f9; }
.rp-gorev-tour{ font-size:11px; color:#64748b; font-weight:700; margin-left:auto; }
.rp-gorev-prompt{ font-size:12.5px; color:#cbd5e1; margin-top:4px; line-height:1.5; }
.rp-gorev-orion{ font-size:11.5px; color:#94a3b8; margin-top:4px; font-style:italic; }
.rp-gorev-orion-name{ font-style:normal; font-weight:900; color:#a5f3fc; }
.rp-pocket-hint{ font-size:11px; color:#fbbf24; margin-bottom:2px; }
.rp-pocket-hint-k{ font-weight:900; letter-spacing:.06em; text-transform:uppercase; font-size:10.5px; }
.rp-gorev-dots{ display:flex; gap:5px; margin-top:8px; }
.rp-gorev-dot{ width:16px; height:5px; border-radius:3px; background:rgba(51,65,85,.9); }
.rp-gorev-dot.active{ background:var(--ar-accent); }
.rp-gorev-dot.done{ background:rgba(100,116,139,.9); }
.rp-gorev-dot.done.good{ background:#4bdb9a; }
.rp-gorev-x{
  flex-shrink:0; width:28px; height:28px; border-radius:10px; display:grid; place-items:center;
  background:transparent; border:0; color:#64748b; cursor:pointer;
}
.rp-gorev-x:hover{ color:#e2e8f0; background:rgba(30,41,59,.6); }

/* Sahne ızgarası */
.rp-stage-grid{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr); gap:14px; align-items:start; }
.rp-chart-col{ position:sticky; top:12px; }
.rp-decision-col{ display:flex; flex-direction:column; gap:14px; min-width:0; }

/* Grafik sahnesi — akademi çerçevesiyle aynı ağırlık */
.rp-chart-stage{
  position:relative; border-radius:20px; overflow:hidden;
  border:1px solid var(--ar-line);
  background:linear-gradient(180deg,#080b12,#0b101a);
  box-shadow:0 18px 50px rgba(2,6,14,.5);
}
/* pan-y lets the page scroll vertically past the tall chart without the
   browser routing every touch move into the crosshair/draw handlers, which
   spammed full canvas redraws on mobile. */
#rp-cv{ width:100%; height:auto; min-height:520px; display:block; touch-action:pan-y; }
.rp-draw-layer{ position:absolute; inset:0; pointer-events:none; }
.rp-tag{
  position:absolute; top:10px; left:14px;
  font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#64748b;
}
.rp-tag.rp-tag-live{ color:#67e8f9; }
.rp-tag.rp-tag-synth{ color:#94a3b8; }
.rp-tag.rp-tag-error{ color:#fda4af; }
.rp-session-tag{
  position:absolute; bottom:10px; left:14px;
  font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#475569;
}
.rp-draw-tools{ position:absolute; top:10px; right:12px; display:flex; gap:6px; }
.rp-draw-tools button{
  width:30px; height:30px; border-radius:10px; display:grid; place-items:center; cursor:pointer;
  background:rgba(8,11,18,.85); border:1px solid rgba(51,65,85,.8); color:#94a3b8;
}
.rp-draw-tools button:hover{ color:#e2e8f0; }
.rp-draw-tools button.is-on{ color:#67e8f9; border-color:rgba(103,232,249,.5); background:rgba(103,232,249,.1); }
.rp-zoom{ position:absolute; bottom:10px; right:12px; display:flex; gap:5px; }
.rp-zoom button{
  width:26px; height:26px; border-radius:8px; display:grid; place-items:center; cursor:pointer;
  background:rgba(8,11,18,.85); border:1px solid rgba(51,65,85,.8); color:#94a3b8;
}
.rp-zoom button:hover{ color:#e2e8f0; }
.rp-anno-ok{
  position:absolute; top:10px; right:52px; padding:6px 12px; border-radius:12px; cursor:pointer;
  background:rgba(8,11,18,.92); border:1px solid rgba(100,116,139,.7);
  color:#e2e8f0; font-size:11px; font-weight:800;
}
.rp-chart-error{ position:absolute; inset:0; display:grid; place-items:center; background:rgba(8,11,18,.85); }
.rp-chart-error-card{ text-align:center; max-width:320px; padding:20px; }
.rp-chart-error-kicker{ font-size:10.5px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:var(--ar-accent); }
.rp-chart-error-title{ font-family:Outfit,sans-serif; font-size:17px; font-weight:800; color:#f1f5f9; margin-top:6px; }
.rp-chart-error-msg{ font-size:12px; color:#94a3b8; margin-top:6px; line-height:1.5; }

/* Analiz yolu — bloklarla / tamamen özgür */
.ar-way{
  display:grid; grid-template-columns:1fr 1fr; gap:6px;
  padding:5px; border-radius:16px;
  border:1px solid var(--ar-line); background:rgba(8,11,18,.6);
}
.ar-way-btn{
  display:flex; flex-direction:column; align-items:center; gap:1px;
  padding:9px 8px; border-radius:12px; border:1px solid transparent; cursor:pointer;
  background:transparent; transition:all .15s ease;
}
.ar-way-btn b{ font-size:12.5px; font-weight:800; color:#94a3b8; }
.ar-way-btn small{ font-size:10.5px; color:#556074; font-weight:600; }
.ar-way-btn:hover b{ color:#cbd5e1; }
.ar-way-btn.sel{ background:var(--ar-accent-soft); border-color:rgba(34,211,238,.4); }
.ar-way-btn.sel b{ color:#a5f3fc; }
.ar-way-btn.sel small{ color:#67e8f9aa; }
.ar-way-btn:disabled{ opacity:.4; cursor:not-allowed; }
.ar-way-locknote{ font-size:10.5px; color:#64748b; text-align:center; padding:2px 6px 0; }

/* Blok panelleri */
.ar-block-head{
  display:flex; align-items:center; gap:6px;
  font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:#64748b;
  margin-bottom:8px;
}
.ar-block-head svg{ color:var(--ar-accent); }
.ar-block-hint{ font-weight:600; letter-spacing:0; text-transform:none; color:#475569; }
.rp-palette-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.builder-cat{ border-radius:14px; overflow:hidden; border:1px solid rgba(51,65,85,.6); background:rgba(15,23,42,.4); }
.builder-cat .builder-cat-header{ border:0; }
#rp-tree{ border-radius:16px; background:rgba(8,11,18,.5); border:1px solid rgba(51,65,85,.6); padding:12px; min-height:76px; }

/* Karar skoru */
#rp-score-bar{ padding:12px 14px; border-radius:16px; border:1px solid var(--ar-line); background:rgba(15,23,42,.45); }
.ar-score-top{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:6px; }
.ar-score-l{ font-size:10.5px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:#64748b; }
.ar-score-v{ font-family:Outfit,sans-serif; font-size:16px; font-weight:800; color:#a5f3fc; }
.ar-score-track{ height:8px; border-radius:5px; background:rgba(30,41,59,.9); overflow:hidden; }
.ar-score-fill{ height:100%; border-radius:5px; background:linear-gradient(90deg,#0ea5e9,#22d3ee); transition:width .5s ease; }
.ar-score-d{ font-size:10.5px; color:#64748b; margin-top:5px; }

/* Serbest analiz notu */
.ar-free-note{
  display:flex; gap:12px; align-items:flex-start;
  padding:14px 16px; border-radius:16px;
  border:1px solid rgba(34,211,238,.25); background:rgba(34,211,238,.05);
}
.ar-free-face{ flex-shrink:0; width:40px; height:40px; }
.ar-free-face svg{ width:100%; height:100%; }
.ar-free-txt{ font-size:12.5px; color:#cbd5e1; line-height:1.6; }
.ar-free-txt b{ color:#a5f3fc; display:block; margin-bottom:6px; }
.ar-free-steps{ display:flex; flex-direction:column; gap:5px; }
.ar-free-steps span{ display:flex; align-items:center; gap:8px; font-size:12px; color:#94a3b8; }
.ar-free-steps i{
  flex:0 0 18px; width:18px; height:18px; border-radius:50%; font-style:normal;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:10.5px; font-weight:800; color:#0a1220;
  background:rgba(103,232,249,.85);
}
/* Caption above the indicator dock — names the toolkit as the academy's own. */
.ar-ind-cap{ font-size:10.5px; font-weight:700; color:#64748b; margin:2px 0 6px; letter-spacing:.01em; }

.setup-flash-box{ padding:12px 16px; border-radius:14px; border:1px solid rgba(75,219,154,.35); background:rgba(75,219,154,.08); }
.setup-flash-t{ font-size:14px; font-weight:800; color:#86efac; }
.setup-flash-s{ font-size:11.5px; color:#86efac99; margin-top:2px; }

/* Karar tuşları */
.rp-cta-grid{ display:grid; grid-template-columns:1.6fr .8fr .8fr; gap:8px; align-items:stretch; }
.rp-cta-gir{
  border-radius:16px; padding:8px 10px 10px;
  border:1px solid rgba(51,65,85,.6); background:rgba(8,11,18,.4);
}
.rp-cta-kicker{
  font-size:10.5px; font-weight:900; letter-spacing:.14em; text-transform:uppercase;
  color:#64748b; text-align:center; margin-bottom:6px;
}
.rp-cta-pair{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ar-key{
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:12px 8px 10px; border-radius:14px; cursor:pointer;
  border:1px solid rgba(51,65,85,.7); background:rgba(15,23,42,.55);
  transition:transform .12s ease, border-color .14s ease, background .14s ease;
}
.ar-key:hover{ transform:translateY(-2px); }
.ar-key:active{ transform:translateY(1px); }
.ar-key b{ font-size:12.5px; font-weight:800; color:#e2e8f0; }
.ar-key small{ font-size:10.5px; color:#64748b; font-weight:700; }
.ar-key-long svg{ color:#4ade80; } .ar-key-long:hover, .ar-key-long.sel{ border-color:rgba(74,222,128,.55); background:rgba(74,222,128,.1); }
.ar-key-short svg{ color:#f87171; } .ar-key-short:hover, .ar-key-short.sel{ border-color:rgba(248,113,113,.55); background:rgba(248,113,113,.1); }
.ar-key-wait svg{ color:#38bdf8; } .ar-key-wait:hover, .ar-key-wait.sel{ border-color:rgba(56,189,248,.55); background:rgba(56,189,248,.1); }
.ar-key-reject svg{ color:#94a3b8; } .ar-key-reject:hover, .ar-key-reject.sel{ border-color:rgba(148,163,184,.5); background:rgba(148,163,184,.08); }
.ar-key.sel{ box-shadow:0 0 0 2px rgba(34,211,238,.25); }
.rp-cta-side{ height:100%; }

.ar-risk-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; }
.ar-risk-row .ar-cfg-label{ flex-basis:84px; }
.ar-risk-row .ar-chips button{ padding:6px 11px; font-size:11px; }
.ar-mini-toggle{
  padding:5px 12px; border-radius:10px; cursor:pointer;
  background:rgba(15,23,42,.6); border:1px solid rgba(51,65,85,.8);
  color:#94a3b8; font-size:11px; font-weight:800;
}
.ar-mini-toggle.sel{ color:#67e8f9; border-color:rgba(103,232,249,.5); background:rgba(103,232,249,.08); }
.ar-custom-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px; }
.rp-custom-field{ display:flex; flex-direction:column; gap:4px; }
.rp-custom-field span{ font-size:10.5px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#64748b; }
.rp-custom-field input{
  width:100%; padding:9px 12px; border-radius:12px; font-size:14px; font-weight:700; color:#e2e8f0;
  background:rgba(8,12,20,.8); border:1px solid rgba(148,163,184,.25); outline:none;
}
.rp-custom-field input:focus{ border-color:rgba(103,232,249,.55); }
.ar-custom-note{ font-size:10.5px; color:#64748b; margin-top:5px; }
.ar-lock{ display:flex; align-items:center; justify-content:center; width:100%; margin-top:14px; }
.ar-lockmsg{
  padding:12px 14px; border-radius:14px; text-align:center;
  background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.3);
  color:#fde68a; font-size:12px; font-weight:800;
}

/* Kanıt atlandı dürtmesi */
.rp-kanit-nudge{
  padding:12px 14px; border-radius:14px; margin-bottom:10px;
  background:rgba(56,189,248,.07); border:1px solid rgba(56,189,248,.3);
  opacity:0; transform:translateY(-4px); transition:all .25s ease;
}
.rp-kanit-nudge.show{ opacity:1; transform:none; }
.rp-kanit-nudge.hard{ background:rgba(251,191,36,.08); border-color:rgba(251,191,36,.35); }
.rp-kanit-nudge strong{ display:block; font-size:12px; color:#e2e8f0; }
.rp-kanit-nudge span{ font-size:11.5px; color:#94a3b8; line-height:1.5; }

/* ── SONUÇ ────────────────────────────────────────────────────────────── */
#rp-result-section{ display:flex; flex-direction:column; gap:12px; max-width:760px; margin:0 auto; width:100%; }
.rp-debrief{
  padding:22px 22px 18px; border-radius:20px; border:1px solid var(--ar-line);
  background:linear-gradient(180deg, rgba(15,23,42,.6), rgba(9,13,22,.75));
  font-size:13px; line-height:1.6; color:#cbd5e1;
}
.rp-debrief.bg-emerald-500\/10{ border-color:rgba(75,219,154,.35); }
.rp-process-hero{ text-align:center; padding-bottom:14px; border-bottom:1px solid rgba(51,65,85,.5); margin-bottom:12px; }
.rp-process-kicker{ font-size:10.5px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; color:#64748b; }
.rp-process-score{ font-family:Outfit,sans-serif; font-size:44px; font-weight:800; color:#f1f5f9; line-height:1.1; margin-top:2px; }
.rp-process-score span{ font-size:18px; color:#64748b; font-weight:700; }
.rp-process-label{ font-size:12.5px; font-weight:800; color:#67e8f9; text-transform:none; margin-top:2px; }
.rp-process-feedback{ font-size:12px; color:#94a3b8; margin-top:6px; max-width:480px; margin-left:auto; margin-right:auto; }
.rp-outcome-secondary{ display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.rp-outcome-pill{
  padding:5px 12px; border-radius:999px; font-size:11.5px; font-weight:800;
  background:rgba(30,41,59,.8); border:1px solid rgba(51,65,85,.9); color:#cbd5e1;
}
.rp-meta-note{ text-align:center; margin-top:10px; padding:9px 12px; border-radius:12px; font-size:12px; font-weight:700; }
.rp-meta-note.lucky{ background:rgba(251,191,36,.08); border:1px solid rgba(251,191,36,.3); color:#fde68a; }
.rp-meta-note.solid{ background:rgba(75,219,154,.08); border:1px solid rgba(75,219,154,.3); color:#86efac; }
.rp-bt-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:12px; }
.rp-bt-cell{ padding:10px; border-radius:12px; background:rgba(8,11,18,.55); border:1px solid rgba(51,65,85,.5); text-align:center; }
.rp-bt-label{ font-size:10.5px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:#64748b; }
.rp-bt-value{ font-size:14px; font-weight:800; color:#e2e8f0; margin-top:3px; }
.rp-bt-value.pos{ color:#4ade80; }
.rp-bt-value.neg{ color:#f87171; }
.ar-result-actions{ display:grid; grid-template-columns:1fr auto; gap:10px; }
.ar-result-actions .ar-ghost-btn{ padding-left:22px; padding-right:22px; }
.ar-next{ display:flex; align-items:center; justify-content:center; width:100%; }
.ar-ghost-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:12px 16px; border-radius:15px; cursor:pointer;
  background:rgba(15,23,42,.7); border:1px solid rgba(51,65,85,.9);
  color:#cbd5e1; font-size:13px; font-weight:800;
}
.ar-ghost-btn:hover{ color:#fff; border-color:rgba(100,116,139,.9); }
.rp-drill-complete{
  padding:18px 20px; border-radius:18px; text-align:center;
  border:1px solid rgba(75,219,154,.35); background:rgba(75,219,154,.06);
}
.rp-drill-complete-title{ font-family:Outfit,sans-serif; font-size:17px; font-weight:800; color:#86efac; }
.rp-drill-complete-sub{ font-size:12px; color:#94a3b8; margin-top:4px; }
.rp-drill-complete .ar-result-actions{ margin-top:12px; grid-template-columns:1fr 1fr; }

/* Drill modunda serbest-lab kontrolleri gizlenir */
.rp-chrome-hidden{ display:none !important; }

/* ── Acemi kapısı ─────────────────────────────────────────────────────── */
.arena-gate{ position:absolute; inset:0; z-index:30; display:grid; place-items:start center; padding:40px 16px; background:rgba(5,8,14,.92); backdrop-filter:blur(6px); border-radius:20px; }
#mode-replay{ position:relative; }
#mode-replay.arena-gated{ min-height:520px; }
.arena-gate-card{ max-width:520px; text-align:center; padding:30px 26px; border-radius:24px; border:1px solid var(--ar-line); background:linear-gradient(180deg, rgba(15,23,42,.9), rgba(8,11,18,.95)); }
.arena-gate-face{ width:72px; height:72px; margin:0 auto 12px; }
.arena-gate-face svg{ width:100%; height:100%; }
.arena-gate-kicker{ font-size:10.5px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:var(--ar-accent); }
.arena-gate-title{ font-family:Outfit,sans-serif; font-size:22px; font-weight:800; color:#f1f5f9; line-height:1.3; margin:8px 0 10px; }
.arena-gate-copy{ font-size:13px; color:#94a3b8; line-height:1.6; }
.arena-gate-steps{ display:flex; flex-direction:column; gap:8px; margin:16px 0 10px; text-align:left; }
.arena-gate-step{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:rgba(15,23,42,.6); border:1px solid rgba(51,65,85,.6); }
.arena-gate-step.is-done{ border-color:rgba(75,219,154,.4); }
.arena-gate-step-ic{ width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:900; background:rgba(30,41,59,.9); color:#94a3b8; flex-shrink:0; }
.arena-gate-step.is-done .arena-gate-step-ic{ background:rgba(75,219,154,.2); color:#86efac; }
.arena-gate-step-t{ font-size:13px; font-weight:800; color:#e2e8f0; }
.arena-gate-step-d{ font-size:11px; color:#64748b; margin-left:auto; }
.arena-gate-progress{ font-size:11px; font-weight:800; color:#64748b; margin-bottom:12px; }
.arena-gate-cta{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; max-width:320px; margin:0 auto; }

/* ── Builder koçu (Orion) ─────────────────────────────────────────────── */
.rp-builder-coach{ position:fixed; right:18px; bottom:18px; z-index:90; max-width:340px; } /* FAZ 11: mobil nav z-80'in ALTINDA kalıyordu — her telefonda görünmezdi */
.rp-builder-coach-card{
  padding:16px 18px; border-radius:18px;
  border:1px solid rgba(34,211,238,.35);
  background:linear-gradient(180deg, rgba(12,18,30,.97), rgba(8,11,18,.98));
  box-shadow:0 18px 50px rgba(2,6,14,.6);
}
.rp-builder-coach-k{ font-size:10.5px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:var(--ar-accent); }
.rp-builder-coach-t{ font-family:Outfit,sans-serif; font-size:16px; font-weight:800; color:#f1f5f9; margin-top:4px; }
.rp-builder-coach-b{ font-size:12.5px; color:#cbd5e1; line-height:1.55; margin:8px 0 0; }
.rp-builder-coach-tip{ font-size:11px; color:#64748b; margin-top:8px; }
.rp-builder-coach-actions{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }
.rp-builder-coach-skip{ background:transparent; border:0; color:#64748b; font-size:11.5px; font-weight:700; cursor:pointer; text-decoration:underline; }
.rp-builder-coach-skip:hover{ color:#94a3b8; }
.rp-builder-coach-next{
  padding:9px 16px; border-radius:12px; cursor:pointer;
  background:var(--ar-accent); border:0; color:#04222b; font-size:12px; font-weight:900;
}
.rp-builder-coach-step{ font-size:11px; color:#64748b; font-weight:800; }
.rp-coach-pulse{ animation:arCoachPulse 1.4s ease-in-out infinite; border-radius:12px; }
@keyframes arCoachPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(34,211,238,.0); }
  50%{ box-shadow:0 0 0 4px rgba(34,211,238,.28); }
}

/* ── Orion transfer brifingi ──────────────────────────────────────────── */
.rp-orion-brief{ position:fixed; inset:0; z-index:70; display:grid; place-items:center; padding:18px; background:rgba(5,8,14,.85); backdrop-filter:blur(5px); }
.rp-orion-brief-card{ max-width:480px; width:100%; padding:26px 24px; border-radius:22px; border:1px solid rgba(34,211,238,.3); background:linear-gradient(180deg, rgba(13,19,31,.98), rgba(8,11,18,.99)); text-align:center; }
.rp-orion-brief-face{ width:64px; height:64px; margin:0 auto 10px; }
.rp-orion-brief-face svg{ width:100%; height:100%; }
.rp-orion-brief-fallback{ width:64px; height:64px; margin:0 auto 10px; border-radius:50%; display:grid; place-items:center; font-size:24px; font-weight:900; color:var(--ar-accent); background:var(--ar-accent-soft); }
.rp-orion-brief-b{ font-size:13px; color:#cbd5e1; line-height:1.6; }
.rp-orion-brief-actions{ display:flex; gap:10px; justify-content:center; margin-top:16px; }
.rp-orion-brief-go{ padding:11px 20px; border-radius:14px; cursor:pointer; background:var(--ar-accent); border:0; color:#04222b; font-size:13px; font-weight:900; }
.rp-orion-brief-dots{ display:flex; gap:5px; justify-content:center; margin-top:14px; }

/* ── Metrik modal içi ─────────────────────────────────────────────────── */
.rp-help-item{ padding:12px 14px; border-radius:14px; background:rgba(15,23,42,.5); border:1px solid rgba(51,65,85,.5); }
.rp-metric-chip{ padding:8px 14px; border-radius:12px; background:rgba(15,23,42,.6); border:1px solid rgba(51,65,85,.6); text-align:center; }
.rp-metric-label{ font-size:10.5px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:#64748b; }
.rp-metric-val{ font-size:15px; font-weight:800; color:#e2e8f0; }

/* ── Duyarlılık ───────────────────────────────────────────────────────── */
@media (max-width:1023px){
  .rp-stage-grid{ grid-template-columns:1fr; }
  .rp-chart-col{ position:static; }
  #rp-cv{ min-height:380px; }
  .ar-modes{ grid-template-columns:1fr; }
  .ar-sess-stats{ margin-left:0; width:100%; justify-content:flex-start; }
}
@media (max-width:639px){
  .ar-hero{ flex-direction:column; gap:16px; padding:20px 18px; }
  .ar-hero-side{ border-left:0; border-top:1px solid rgba(51,65,85,.4); padding-left:0; padding-top:14px; flex-direction:row; }
  .ar-statrow{ grid-template-columns:repeat(2,1fr); }
  .ar-cfg-label{ flex-basis:100%; }
  .rp-stepper{ display:none; }
  .rp-cta-grid{ grid-template-columns:1fr; }
  .rp-cta-pair{ grid-template-columns:1fr 1fr; }
  .rp-bt-grid{ grid-template-columns:repeat(2,1fr); }
  .ar-result-actions{ grid-template-columns:1fr; }
}

/* ── Gösterge rıhtımı (panelde, tuşların üstünde) ─────────────────────── */
.ar-ind-dock{ display:flex; flex-wrap:wrap; gap:6px; }
.ar-ind{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 12px; border-radius:12px; cursor:grab;
  background:rgba(15,23,42,.6); border:1px solid rgba(51,65,85,.8);
  color:#94a3b8; font-size:11px; font-weight:800; letter-spacing:.02em;
  transition:color .14s ease, border-color .14s ease; touch-action:none;
  user-select:none; -webkit-user-select:none;
}
.ar-ind:hover{ color:#e2e8f0; border-color:rgba(100,116,139,.9); }
.ar-ind.on{ color:#e2e8f0; border-color:rgba(34,211,238,.45); background:rgba(34,211,238,.09); }
.ar-ind-dot{ width:7px; height:7px; border-radius:50%; opacity:.5; flex:0 0 auto; }
.ar-ind.on .ar-ind-dot{ opacity:1; }
.ar-ind-label{ line-height:1; }
/* The lesson each tool comes from, so "are these the academy ones?" answers
   itself. Dimmed until the tool is on. */
.ar-ind-sub{ font-size:10.5px; font-weight:700; color:#556074; letter-spacing:.01em; }
.ar-ind.on .ar-ind-sub{ color:#67e8f9; }
.ar-ind-ghost{
  position:fixed; z-index:230; pointer-events:none; opacity:.9;
  background:rgba(8,11,18,.95); box-shadow:0 10px 30px rgba(2,6,14,.6);
}
.ar-ind-ghost.drop-ok{ border-color:#22d3ee; color:#a5f3fc; }
#mode-replay.rp-drill-mode .ar-ind-dock{ display:none; }

/* Temel bloklar yalnızca görev antrenmanında görünür */
.rp-arena .builder-cat.ar-drill-only{ display:none; }
#mode-replay.rp-drill-mode .builder-cat.ar-drill-only{ display:block; }

/* ── Plan okuma satırı (SL/TP sürükleme) ──────────────────────────────── */
.ar-plan-readout{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:9px 12px; margin-top:10px; border-radius:12px;
  background:rgba(8,11,18,.6); border:1px solid rgba(51,65,85,.6);
  font-size:11.5px; font-weight:800; color:#cbd5e1;
}
.ar-plan-readout .pos{ color:#4ade80; }
.ar-plan-readout .neg{ color:#f87171; }
.ar-plan-hint{ margin-left:auto; font-weight:600; color:#556074; font-size:10.5px; }

/* ── Tam ekran grafik ─────────────────────────────────────────────────── */
.rp-chart-stage.ar-fs{
  position:fixed; inset:10px; z-index:220; /* app header dahil her şeyin üstünde */
  box-shadow:0 30px 90px rgba(0,0,0,.8);
}
.rp-chart-stage.ar-fs #rp-cv{ height:calc(100vh - 20px); min-height:0; }
body.ar-fs-open{ overflow:hidden; }
#ar-fs-btn.is-on{ color:#67e8f9; border-color:rgba(103,232,249,.5); background:rgba(103,232,249,.1); }

/* ── Lobi: canlı nabız ─────────────────────────────────────────────────── */
.ar-pulse{
  display:flex;align-items:center;gap:12px;margin:2px 0 16px;
  padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);
}
.ar-pulse canvas{flex:0 0 auto;display:block}
.ar-pulse-nums{display:flex;align-items:baseline;gap:8px;min-width:0}
.ar-pulse-price{font-family:Outfit,sans-serif;font-weight:800;font-size:15px;color:#f1f5f9;white-space:nowrap}
.ar-pulse-chg{font-weight:800;font-size:12px;white-space:nowrap}
.ar-pulse-chg.up{color:#34d399}
.ar-pulse-chg.dn{color:#f87171}
.ar-pulse-note{margin-left:auto;font-size:10.5px;color:#64748b;white-space:nowrap}
@media (max-width:560px){ .ar-pulse-note{display:none} }

/* CTA: mobil oyun blobu değil, terminal tuşu. */
#ar-lobby .ar-start{
  border-radius:11px !important;
  background-image:none !important;
  background-color:#0e9f6e !important;
  box-shadow:none !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:13.5px;
}
#ar-lobby .ar-start:hover{background-color:#10b981 !important;transform:none}


/* Sonuç kartındaki övgü satırı — insan sesi, ayrı vurgu. */
.rp-praise{
  margin:6px 0 2px;font-size:14px;font-weight:800;color:#a5f3fc;
  font-family:Outfit,sans-serif;letter-spacing:.01em;
}

/* ── Edge Karnesi: "avantajın kanıtlandı mı?" verdict ── */
.rp-edge{ border-radius:16px; padding:16px 18px; margin-bottom:6px; border:1px solid; }
.rp-edge-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.rp-edge-badge{ font-size:10.5px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:#64748b; }
.rp-edge-exp{ font-family:Outfit,sans-serif; font-size:22px; font-weight:900; font-variant-numeric:tabular-nums; }
.rp-edge-exp small{ font-size:11px; font-weight:700; color:#64748b; margin-left:4px; }
.rp-edge-title{ font-family:Outfit,sans-serif; font-size:16px; font-weight:800; color:#f1f5f9; margin-bottom:4px; }
.rp-edge-body{ font-size:12.5px; line-height:1.55; color:#94a3b8; }
.rp-edge--proven{ background:rgba(52,211,153,.09); border-color:rgba(52,211,153,.35); }
.rp-edge--promising{ background:rgba(56,189,248,.08); border-color:rgba(56,189,248,.3); }
.rp-edge--flat{ background:rgba(148,163,184,.06); border-color:rgba(148,163,184,.2); }
.rp-edge--losing{ background:rgba(248,113,113,.08); border-color:rgba(248,113,113,.3); }
.rp-edge--unknown{ background:rgba(148,163,184,.05); border-color:rgba(148,163,184,.16); }

/* Slim edge strip on the İlerleme screen */
.prog-edge{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:14px;
  margin-top:14px; border:1px solid rgba(148,163,184,.14); background:rgba(8,12,20,.6); cursor:pointer;
  transition:border-color .15s ease; }
.prog-edge:hover{ border-color:rgba(148,163,184,.28); }
.prog-edge-dot{ width:9px; height:9px; border-radius:50%; flex:0 0 auto; }
.prog-edge--proven .prog-edge-dot{ background:#34d399; }
.prog-edge--promising .prog-edge-dot{ background:#38bdf8; }
.prog-edge--flat .prog-edge-dot{ background:#94a3b8; }
.prog-edge--losing .prog-edge-dot{ background:#f87171; }
.prog-edge--unknown .prog-edge-dot{ background:#64748b; }
.prog-edge-txt{ flex:1; min-width:0; }
.prog-edge-k{ font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#64748b; }
.prog-edge-title{ font-size:13.5px; font-weight:700; color:#e2e8f0; }
.prog-edge-exp{ font-family:Outfit,sans-serif; font-size:18px; font-weight:900; font-variant-numeric:tabular-nums; flex:0 0 auto; }
.prog-edge-arrow{ flex:0 0 auto; color:#64748b; }

/* ── Arena: the free day is used up ───────────────────────────────────────
   The cap is enforced on the server and always was. This is the part that was
   missing on screen: without it the previous round's chart stayed lit and the
   Long/Short keys stayed clickable, so a finished day looked like a broken
   board. Dim the evidence, retire the keys, say why. */
.rp-spent .rp-chart-stage { filter: grayscale(.75) brightness(.55); transition: filter .3s ease; }
.rp-spent .rp-chart-stage::after {
  content: "Bugünkü ücretsiz Arena hakkın bitti";
  position: absolute; inset: auto 0 50% 0;
  text-align: center; font-size: 13px; font-weight: 600;
  color: #e2e8f0; text-shadow: 0 2px 12px rgba(0,0,0,.9);
  pointer-events: none;
}
.rp-spent .rpdir,
.rp-spent #rp-attack { opacity: .38; pointer-events: none; filter: saturate(.3); }

/* ── Gate chain: the win panel that hands over the next concept ─────────
   Data: every recorded transfer score was ≥70, yet nobody got past 2/8 —
   the loop broke at the seam between "concept cleared" and "what now".
   This block IS the seam. */
.rp-gate-win{
  margin-top:14px;padding:14px 16px;border-radius:14px;
  background:linear-gradient(180deg,rgba(52,211,153,.10),rgba(52,211,153,.04));
  border:1px solid rgba(52,211,153,.30);
}
.rp-gate-win-head{
  font-family:Outfit,Sora,sans-serif;font-size:15px;font-weight:800;
  letter-spacing:-.01em;color:#6ee7b7;margin-bottom:9px;
}
.rp-gate-win-bar{
  height:7px;border-radius:99px;background:rgba(148,163,184,.14);overflow:hidden;
}
.rp-gate-win-fill{
  height:100%;border-radius:99px;
  background:linear-gradient(90deg,#34d399,#22c7c7);
  transition:width .5s cubic-bezier(.22,1,.36,1);
}
.rp-gate-win-meta{font-size:11.5px;color:#94a3b8;margin:7px 0 12px}
.rp-gate-win-done{font-size:13px;font-weight:700;color:#e2e8f0;margin:2px 0 12px}
.rp-gate-next{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  min-height:46px;padding:11px 16px;border-radius:12px;cursor:pointer;
  font-family:Sora,sans-serif;font-size:13.5px;font-weight:800;letter-spacing:-.01em;
  color:#06151a;border:0;
  background:linear-gradient(135deg,#34d399,#22c7c7);
  box-shadow:0 8px 22px rgba(34,199,199,.22);
  transition:filter .16s ease,transform .14s ease;
}
.rp-gate-next:hover{filter:brightness(1.05);transform:translateY(-1px)}
.rp-gate-next span{font-weight:900}
.rp-gate-stay{
  display:block;width:100%;margin-top:8px;padding:9px;border-radius:10px;cursor:pointer;
  font-family:Sora,sans-serif;font-size:12px;font-weight:600;
  color:#94a3b8;background:transparent;border:1px solid rgba(148,163,184,.22);
}
.rp-gate-stay:hover{color:#cbd5e1;border-color:rgba(148,163,184,.4)}
/* drill-complete kutusuna eklenen zincir butonu biraz nefes alsin */
#rp-drill-complete .rp-gate-next{margin-top:12px;max-width:340px;margin-left:auto;margin-right:auto}

/* ── Quiet analysis-way control ─────────────────────────────────────────
   Was a two-tab segmented bar at the top of the decision panel; the field
   said "çok karmaşık" and one trace showed four confused toggles. One line
   states the current way; the pair only appears behind "değiştir". */
.ar-way--quiet{display:block}
.ar-way-line{
  display:flex;align-items:baseline;gap:6px;width:100%;
  padding:7px 10px;border-radius:9px;cursor:pointer;
  font-family:Sora,sans-serif;font-size:11.5px;color:#64748b;
  background:transparent;border:1px dashed rgba(148,163,184,.18);
}
.ar-way-line b{color:#cbd5e1;font-weight:700}
.ar-way-line .ar-way-change{
  margin-left:auto;font-size:10.5px;color:#67e8f9;
  border-bottom:1px solid rgba(103,232,249,.35);
}
.ar-way-line:hover{border-color:rgba(148,163,184,.35)}
#ar-way-opts{display:grid;gap:6px;margin-top:6px}
#ar-way-opts[hidden]{display:none}

/* ── Vega's Arena tour ──────────────────────────────────────────────────
   Spotlight: the ring's giant box-shadow IS the scrim, so the lit control
   stays fully interactive while everything else dims. */
.qq-vt{position:fixed;inset:0;z-index:9992;pointer-events:none}
.qq-vt-ring{
  position:fixed;border-radius:14px;opacity:0;
  border:2px solid rgba(103,232,249,.85);
  box-shadow:0 0 0 9999px rgba(3,6,12,.74), 0 0 22px rgba(103,232,249,.35);
  transition:top .38s cubic-bezier(.22,1,.36,1),left .38s cubic-bezier(.22,1,.36,1),
             width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1),opacity .3s ease;
  pointer-events:none;
}
.qq-vt-card{
  position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  display:flex;gap:13px;align-items:flex-start;
  width:min(460px,calc(100vw - 24px));
  padding:15px 16px;border-radius:16px;
  background:linear-gradient(180deg,rgba(13,20,33,.99),rgba(8,13,22,.99));
  border:1px solid rgba(103,232,249,.28);
  box-shadow:0 18px 50px rgba(0,0,0,.55);
  pointer-events:auto;
  font-family:Sora,Manrope,system-ui,sans-serif;
}
.qq-vt-face{flex:none;width:52px;height:52px}
.qq-vt-face svg{width:52px;height:52px;display:block}
.qq-vt-face-in{animation:qqVtPop .4s cubic-bezier(.34,1.56,.64,1) both}
@keyframes qqVtPop{from{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
.qq-vt-copy{min-width:0;flex:1}
.qq-vt-who{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:rgba(103,232,249,.8);margin-bottom:3px}
.qq-vt-title{font-family:Outfit,Sora,sans-serif;font-size:15.5px;font-weight:800;letter-spacing:-.01em;color:#f1f5f9;margin-bottom:5px}
.qq-vt-text{margin:0 0 10px;font-size:13px;line-height:1.55;color:#a9b7cc;min-height:40px}
.qq-vt-row{display:flex;align-items:center;gap:10px}
.qq-vt-dots{display:inline-flex;gap:5px;margin-right:auto}
.qq-vt-dot{width:6px;height:6px;border-radius:99px;background:rgba(148,163,184,.25)}
.qq-vt-dot.on{background:#67e8f9}
.qq-vt-next{
  padding:9px 16px;border-radius:10px;cursor:pointer;border:0;
  font-family:Sora,sans-serif;font-size:12.5px;font-weight:800;color:#04121a;
  background:linear-gradient(135deg,#7fe9f7,#3fcadf);
  box-shadow:0 6px 16px rgba(34,199,199,.25);
}
.qq-vt-next:hover{filter:brightness(1.06)}
.qq-vt-skip{
  padding:9px 10px;border:0;background:transparent;cursor:pointer;
  font-family:Sora,sans-serif;font-size:11.5px;font-weight:600;color:#64748b;
}
.qq-vt-skip:hover{color:#94a3b8}
/* During Vega's demo the board is hers — no stray taps mid-show. */
.qq-vt-hands-off{pointer-events:none}
@media (prefers-reduced-motion: reduce){
  .qq-vt-ring{transition:none}.qq-vt-face-in{animation:none}
}

/* FAZ 7 · kanit karar cipleri */
.rp-verdicts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rp-vchip{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid;letter-spacing:.01em}
.rp-vchip.ok{color:#4fc48a;border-color:rgba(79,196,138,.35);background:rgba(79,196,138,.08)}
.rp-vchip.bad{color:#ef6b72;border-color:rgba(239,107,114,.4);background:rgba(239,107,114,.08)}
.rp-vchip.na{color:#7d8ea8;border-color:rgba(125,142,168,.3);background:rgba(125,142,168,.06)}
.rp-praise.rp-miss{color:#e8b46a}

/* FAZ 6 · lobi ev sahibi */
.ar-vega-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ar-vega-face{width:44px;height:44px;flex:0 0 44px}
.ar-vega-face svg{width:100%;height:100%}
.ar-vega-line{font-size:13px;color:#a7b4c8;font-style:italic;line-height:1.4}

.rp-gate-win-vega{font-size:12px;color:#a7b4c8;font-style:italic;margin:4px 0 8px}


/* ── Lobi sadeleştirmesi (27 Ağu 2026) ──────────────────────────────
   Sekmeyi açanın %56'sı hiç seans başlatmıyordu: on seçim düğmesi
   ekranı forma çeviriyordu. Kurulum artık tek satır metin, ayarlar
   isteyene açılıyor. */
.ar-setup-line{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin-top:10px; font-size:12.5px; color:rgba(226,232,240,.55);
}
.ar-setup-now{ letter-spacing:.01em; }
.ar-setup-toggle{
  background:none; border:0; padding:2px 4px; cursor:pointer;
  font:inherit; color:#38bdf8; text-decoration:underline;
  text-underline-offset:3px;
}
.ar-setup-toggle:hover{ color:#7dd3fc; }
.ar-setup-toggle:focus-visible{ outline:2px solid #38bdf8; outline-offset:2px; border-radius:4px; }

.ar-cfg-line.is-folded{ display:none; }
.ar-cfg-line{
  display:flex; flex-direction:column; gap:12px;
  margin-top:14px; padding:14px; border-radius:14px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07);
}
.ar-cfg-group{ display:flex; flex-direction:column; gap:6px; }
.ar-cfg-lbl{
  font-size:10.5px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:rgba(226,232,240,.42);
}
.ar-daylink{
  display:flex; align-items:center; justify-content:center; gap:6px;
  width:100%; margin-top:12px; padding:8px;
  background:none; border:0; cursor:pointer;
  font-size:12.5px; font-weight:600; color:rgba(226,232,240,.5);
}
.ar-daylink:hover{ color:rgba(226,232,240,.8); }
.ar-daylink:focus-visible{ outline:2px solid #38bdf8; outline-offset:2px; border-radius:8px; }


/* ══ SAHA MODU (27 Ağu 2026) ═══════════════════════════════════════════
   Yolun üstündeki Saha adımı TEK bir karar (~20 sn) ama ekranda tam Arena
   kokpiti açılıyordu: 45+ düğme, karar blokları, karar ağacı, gösterge
   rıhtımı, skor çubuğu. "Ne yapacağımı anlamıyorum" tam olarak buydu.
   Saha'da geriye grafik ve dört karar düğmesi kalıyor. */
#mode-replay.qq-saha #ar-way,
#mode-replay.qq-saha #ar-ind-cap,
#mode-replay.qq-saha #ar-ind-dock,
#mode-replay.qq-saha #rp-builder-wrap,
#mode-replay.qq-saha #rp-tree-wrap,
#mode-replay.qq-saha #rp-score-bar,
#mode-replay.qq-saha #ar-free-note,
#mode-replay.qq-saha #rp-tf,
#mode-replay.qq-saha #rp-metrics-strip,
#mode-replay.qq-saha .ar-quests-sec,
#mode-replay.qq-saha #ar-quests-sec{ display:none !important; }

#mode-replay.qq-saha #rp-decision{ gap:0; }
#mode-replay.qq-saha #rp-final-decision{ margin-top:4px; }

/* Saha başlığı: ekranda tek cümlelik yönerge */
#mode-replay.qq-saha #ar-sess-label::after{
  content:"Tek karar · grafiğe bak, ne yapardın?";
  display:block; margin-top:3px;
  font-size:11.5px; font-weight:600; letter-spacing:.01em;
  color:rgba(226,232,240,.5);
}

/* ── Saha'ya ilk giriş tanıtımı ──────────────────────────────────────── */
.qq-sahademo{ position:fixed; inset:0; z-index:9200;
  display:flex; align-items:flex-end; justify-content:center; padding:18px; }
.qq-sahademo-scrim{ position:absolute; inset:0; background:rgba(4,8,11,.6); }
.qq-sahademo-card{ position:relative; width:100%; max-width:400px;
  background:#111820; border:1px solid rgba(56,189,248,.35);
  border-radius:18px; padding:20px;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.85);
  display:flex; flex-direction:column; gap:8px; }
.qq-sahademo-k{ font-size:11px; font-weight:800; letter-spacing:.14em;
  color:#38bdf8; }
.qq-sahademo-b{ margin:0; font-size:19px; font-weight:800; letter-spacing:-.015em;
  color:#f1f5f9; line-height:1.25; }
.qq-sahademo-p{ margin:0; font-size:14px; line-height:1.55; color:#9fb0bd; }
.qq-sahademo-p b{ color:#e2e8f0; }
.qq-sahademo-row{ display:flex; gap:8px; margin-top:6px; }
.qq-sahademo-next{ flex:1; padding:12px; border:0; border-radius:12px;
  background:#38bdf8; color:#06222e; font-size:14.5px; font-weight:800; cursor:pointer; }
.qq-sahademo-next:hover{ background:#7dd3fc; }
.qq-sahademo-skip{ padding:12px 16px; background:none; border:0;
  color:#64748b; font-size:13.5px; font-weight:600; cursor:pointer; }
.qq-sahademo-skip:hover{ color:#94a3b8; }

/* tanıtımın işaret ettiği bölüm öne çıksın */
.qq-sahademo-on{ position:relative; z-index:9250;
  outline:2px solid rgba(56,189,248,.75); outline-offset:5px;
  border-radius:14px; }
@media (prefers-reduced-motion: no-preference){
  .qq-sahademo-on{ transition:outline-color .25s ease; }
}