/* ROGUEZERO-LIVE-1105-FIX2 walkthrough_v1 — same-origin CSS (CSP style-src self) */
#rzWalk{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,14,0.72);backdrop-filter:blur(8px)}
#rzWalk .rzWcard{max-width:440px;width:100%;border-radius:18px;padding:22px 20px 16px;background:linear-gradient(160deg,rgba(15,23,42,0.96),rgba(8,47,73,0.92));border:1px solid rgba(34,211,238,0.35);box-shadow:0 24px 60px -20px rgba(0,0,0,0.65),0 0 40px -12px rgba(34,211,238,0.35);color:#e8eef8;font:600 15px/1.45 ui-sans-serif,system-ui,sans-serif}
html[data-theme=light] #rzWalk .rzWcard{background:linear-gradient(160deg,#fff,#f0f9ff);color:#0b1220;border-color:rgba(8,145,178,0.35)}
#rzWalk .rzWey{color:#22d3ee;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;margin:0 0 6px}
html[data-theme=light] #rzWalk .rzWey{color:#0891b2}
#rzWalk h3{margin:0 0 10px;font-size:22px;line-height:1.15}
#rzWalk p{margin:0 0 16px;opacity:.88;font-weight:500}
#rzWalk .rzWprog{display:flex;gap:5px;margin:0 0 14px;flex-wrap:wrap}
#rzWalk .rzWprog i{width:18px;height:4px;border-radius:99px;background:rgba(148,163,184,.35);display:inline-block}
#rzWalk .rzWprog i.on{background:#22d3ee}
#rzWalk .rzWacts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
#rzWalk button{border-radius:12px;padding:10px 14px;font-weight:700;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.06);color:inherit;cursor:pointer}
#rzWalk button.pri{background:linear-gradient(135deg,#22d3ee,#0891b2);color:#042f2e;border:0}
html[data-theme=light] #rzWalk button{background:rgba(255,255,255,.92);border-color:rgba(15,23,42,.14);color:#0b1220}
#rzWalkBtnWrap{margin:12px 0}
#rzWalkBtn{border-radius:12px;padding:10px 14px;font-weight:700;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.12);color:inherit;cursor:pointer}
html[data-theme=light] #rzWalk button.pri{background:linear-gradient(135deg,#22d3ee,#0891b2);color:#042f2e;border:0}
body:has(#rzWalk) #rzWalkBtnWrap{display:none!important}

/* ==== ROGUEZERO-LIVE-1105-FIX3 walkthrough polish ==== */
#rzWalk{padding:14px}
#rzWalk .rzWcard{
  max-width:460px;width:100%;
  border-radius:18px;padding:24px 22px 18px;
  font:600 16px/1.5 ui-sans-serif,system-ui,sans-serif;
}
html[data-theme=light] #rzWalk .rzWcard,
html[data-theme="light"] #rzWalk .rzWcard{
  background:linear-gradient(160deg,#ffffff,#eef9ff);
  color:#0b1220;
  border:1px solid rgba(8,145,178,0.35);
  box-shadow:0 24px 50px -16px rgba(15,23,42,0.28),0 0 36px -12px rgba(34,211,238,0.3);
}
#rzWalk .rzWey{font-size:12px;letter-spacing:.08em;margin:0 0 8px}
html[data-theme=light] #rzWalk .rzWey,
html[data-theme="light"] #rzWalk .rzWey{color:#0891b2}
#rzWalk h3{font-size:24px;line-height:1.15;margin:0 0 12px;font-weight:800}
#rzWalk p{margin:0 0 18px;opacity:1;font-weight:500;font-size:15px;line-height:1.5;color:inherit}
html[data-theme=light] #rzWalk p,
html[data-theme="light"] #rzWalk p{color:rgba(15,23,42,0.78)}
#rzWalk .rzWprog{margin:0 0 16px}
#rzWalk .rzWprog i{width:22px;height:5px}
#rzWalk button{padding:12px 16px;font-size:14px;border-radius:12px;min-height:44px}
#rzWalk button.pri{
  background:linear-gradient(135deg,#22d3ee,#0891b2)!important;
  color:#042f2e!important;border:0!important;font-weight:800;
}
@media (max-width:400px){
  #rzWalk{padding:10px;align-items:flex-end}
  #rzWalk .rzWcard{padding:20px 16px 14px;border-radius:16px 16px 12px 12px;max-height:92vh;overflow:auto}
  #rzWalk h3{font-size:20px}
  #rzWalk p{font-size:14px;margin-bottom:14px}
  #rzWalk .rzWacts{gap:8px}
  #rzWalk button{flex:1;min-width:0;padding:11px 12px}
}