/* css/tutorial.css — Tutorial: dicas contextuais (coach marks). (a ordem dos arquivos no index.html importa) */
  /* ---- Fase 1: dicas contextuais (coach marks) ---- */
  .coach{position:fixed;inset:0;z-index:70;pointer-events:none}
  .coach .cblock{position:fixed;inset:0;pointer-events:auto;background:transparent}
  .coach .cring{position:fixed;border-radius:9px;box-shadow:0 0 0 3px var(--gold),0 0 0 9999px rgba(8,6,4,.66);transition:all .25s ease;pointer-events:none}
  .coach .cring.none{box-shadow:0 0 0 9999px rgba(8,6,4,.66);width:0;height:0;left:50%;top:40%}
  .coach .cbub{position:fixed;pointer-events:auto;width:min(360px,calc(100vw - 20px));background:#1f1b16;border:1px solid var(--gold);border-radius:10px;padding:14px 16px 12px;font-family:system-ui,sans-serif;color:var(--ink);box-shadow:0 12px 40px #000;transition:top .25s ease,left .25s ease}
  .coach .cbub .ck{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
  .coach .cbub h4{margin:3px 0 6px;font-family:Georgia,serif;font-weight:normal;font-size:1.12rem;color:#f3e6c8}
  .coach .cbub p{margin:0 0 6px;font-size:.86rem;line-height:1.45;color:#ddd3c2}
  .coach .cbub ul{margin:4px 0 6px;padding-left:18px;font-size:.82rem;line-height:1.4;color:#ddd3c2}
  .coach .cbub b{color:#f3e6c8}
  .coach .cbtns{display:flex;gap:6px;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap}
  .coach .cbtns .r{display:flex;gap:6px}
  .coach .cskip{background:none;border:1px solid #6b6255;color:#cfc6b6;border-radius:5px;padding:6px 10px;font-size:.78rem;cursor:pointer}
  .coach .cskip:hover{border-color:var(--gold);color:var(--ink)}
  .coach .cnext{padding:7px 14px;font-size:.84rem}
  .coach .cprev{padding:7px 10px;font-size:.84rem}