/* Rune guide panel. Loaded by signin.html and vault.html alongside
   style.css; every class is rg- prefixed so it cannot collide with
   the app styles. Palette matches style.css. */
.rg-launcher{
  position:fixed;right:18px;bottom:18px;z-index:99990;
  border:none;cursor:pointer;font:inherit;font-weight:700;font-size:.95rem;
  border-radius:999px;padding:12px 22px;background:#1e7a46;color:#fff;
  box-shadow:0 6px 16px rgba(20,83,45,.18);
}
.rg-launcher:hover{background:#2c9959}
.rg-panel{
  position:fixed;right:18px;bottom:18px;z-index:99991;
  width:330px;max-width:calc(100vw - 24px);
  background:#1a211b;border:1px solid #2a382c;border-radius:20px;
  box-shadow:0 14px 34px rgba(20,83,45,.13);
  padding:16px 18px 18px;font-size:.97rem;color:#edf2ed;
}
.rg-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rg-title{font-weight:800;color:#3ecf83;letter-spacing:.02em}
.rg-close{
  border:none;background:none;cursor:pointer;font:inherit;font-size:.85rem;
  color:#b4c6b6;text-decoration:underline;padding:2px 0;
}
.rg-close:hover{color:#a12622}
.rg-heading{margin:10px 0 0;font-size:1.06rem;font-weight:800;color:#3ecf83;line-height:1.3}
.rg-img{
  display:block;width:100%;height:auto;border:1px solid #2a382c;
  border-radius:12px;margin:12px 0 0;background:#242e25;
}
.rg-text{margin:12px 0 0;line-height:1.5;white-space:pre-wrap}
.rg-nav{display:flex;gap:10px;margin-top:14px}
.rg-nav button{
  flex:1;border:none;cursor:pointer;font:inherit;font-weight:700;
  border-radius:999px;padding:11px 0;font-size:.95rem;
}
.rg-back{background:#242e25;color:#edf2ed;box-shadow:inset 0 0 0 2px #1e7a46}
.rg-back:hover:not([disabled]){background:#2a382c}
.rg-back[disabled]{opacity:.4;cursor:default}
.rg-next{background:#1e7a46;color:#fff}
.rg-next:hover{background:#2c9959}
.rg-goto{
  display:block;text-align:center;margin-top:14px;border-radius:999px;
  padding:11px 0;background:#1e7a46;color:#fff;font-weight:700;text-decoration:none;
}
.rg-goto:hover{background:#2c9959}
.rg-done{
  display:block;width:100%;margin-top:14px;border:none;cursor:pointer;
  font:inherit;font-weight:700;border-radius:999px;padding:11px 0;
  background:#1e7a46;color:#fff;
}
.rg-done:hover{background:#2c9959}
@media (max-width:480px){
  .rg-panel{right:12px;left:12px;bottom:12px;width:auto}
  .rg-launcher{right:12px;bottom:12px}
}