/* Ventanas de diálogo (ranking, agenda, planes…) */
/* ===== Ventanas (bienvenida, ranking, agenda, planear) ===== */
dialog{border:0;border-radius:16px;padding:0;width:min(540px,92vw);background:var(--panel);color:var(--ink);box-shadow:0 12px 40px rgba(0,0,0,.45)}
dialog::backdrop{background:rgba(20,14,10,.55)}
.dlg{padding:20px 22px;max-height:82vh;overflow-y:auto}
.dlg h2{margin:0 0 8px;font-size:1.25rem}
.dlg h3{margin:14px 0 4px;font-size:.95rem}
.dlg p,.dlg li{font-size:.9rem;line-height:1.45}
.dlg ul{padding-left:18px;margin:4px 0}
.dlg .fila{margin-top:14px;flex-wrap:wrap}
.dlg label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted);margin-top:10px}
.dlg input{padding:9px 10px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:var(--bg);color:var(--ink)}
.rank{list-style:none;padding:0;margin:12px 0 0}
.rk{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:9px 6px;border-bottom:1px solid var(--line);font:inherit;color:inherit;cursor:pointer;text-align:left}
.rk:hover{background:var(--bg)}
.rk .pos{width:28px;text-align:center}
.rk .rn{flex:1}
.ag{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
.agt small{display:block;color:var(--muted)}
.aga{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.aga .btn{padding:5px 9px}